ebasheR, Замени все в шаблоне
forumhome
PHP код:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>{vb:raw vboptions.bbtitle}</title>
<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile forumhome-rollup.css}
<vb:else />
{vb:cssfile forumbits.css,forumhome.css,tagcloud.css}
</vb:if>
<!--[if IE 6]>{vb:cssfile forumbits-ie.css}<![endif]-->
<vb:if condition="$show['sidebar']">
<script type="text/javascript" src="{vb:stylevar yuipath}/animation/animation-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
var sidebar_align = '{vb:raw show.sidebarposition}';
var content_container_margin = parseInt('{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}}');
var sidebar_width = parseInt('{vb:stylevar forum_sidebar_width}');
</script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin-sidebar.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle">
<h1>{vb:raw vboptions.bbtitle}</h1>
<p id="welcomemessage" class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
</div>
<vb:if condition="$show['sidebar']">
<div id="content_container"<vb:if condition="$show['sidebarposition'] == 'left'"> class="contentright"</vb:if>>
<div id="content">
</vb:if>
<!-- main -->
{vb:raw template_hook.forumhome_above_forums}
<ol id="forums" class="floatcontainer">
{vb:raw forumbits}
</ol>
{vb:raw template_hook.forumhome_below_forums}
<!-- /main -->
<div class="navlinks">
<a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&markreadhash={vb:raw bbuserinfo.securitytoken}" rel="nofollow">{vb:rawphrase mark_forums_read}</a>
<vb:if condition="$vboptions['forumleaders']">|
<a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">
<vb:if condition="$vb_suite_installed">
{vb:rawphrase view_site_leaders}
<vb:else />
{vb:rawphrase view_forum_leaders}
</vb:if>
</a></vb:if>
</div>
{vb:raw forumhome_markread_script}
{vb:raw ad_location.board_after_forums}
<!-- what's going on box -->
<div id="wgo" class="collapse wgo_block">
<h2>
<span>{vb:rawphrase whats_going_on}</span>
</h2>
<div class="floatcontainer">
{vb:raw template_hook.forumhome_wgo_pos1}
<vb:if condition="$show['loggedinusers']">
<!-- logged-in users -->
<div id="wgo_onlineusers" class="wgo_subblock">
<h3><img src="{vb:stylevar imgdir_misc}/users_online.png" alt="{vb:rawphrase currently_active_users}" />{vb:rawphrase currently_active_users}</h3>
<div>
<p>{vb:rawphrase there_are_x_y_online_link, {vb:raw totalonline}, {vb:raw session.sessionurl}} <span class="shade">{vb:rawphrase x_members_and_y_guests, {vb:raw numberregistered}, {vb:raw numberguest}}</span></p>
<p>{vb:rawphrase most_users_ever_online_was_x_y_at_z, {vb:raw recordusers}, {vb:raw recorddate}, {vb:raw recordtime}}</p>
<ol class="commalist" id="wgo_onlineusers_list">
{vb:raw activeusers}
</ol>
</div>
</div>
<!-- end logged-in users -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos2}
<vb:if condition="$show['upcomingevents']">
<div id="wgo_events" class="wgo_subblock">
<h3><img src="{vb:stylevar imgdir_misc}/event.png" alt="{vb:rawphrase todays_events}" /><vb:if condition="$show['todaysevents']">{vb:rawphrase todays_events}<vb:else />{vb:rawphrase upcoming_events_for_the_next_x_days, {vb:raw vboptions.showevents}}</vb:if></h3>
<ol>
{vb:raw upcomingevents}
</ol>
</div>
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos3}
<vb:if condition="$show['birthdays']">
<!-- today's birthdays -->
<div id="wgo_birthdays" class="wgo_subblock">
<h3><img src="{vb:stylevar imgdir_misc}/birthday.png" alt="{vb:rawphrase todays_birthdays}" />{vb:rawphrase todays_birthdays}</h3>
<ol class="commalist">
{vb:raw birthdays}
</ol>
</div>
<!-- end today's birthdays -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos4}
<div id="wgo_stats" class="wgo_subblock">
<h3><img src="{vb:stylevar imgdir_misc}/forum_stats.png" alt="{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}" />{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}</h3>
<div>
<dl>
<dt>{vb:rawphrase threads}</dt>
<dd>{vb:raw totalthreads}</dd>
<dt>{vb:rawphrase posts}</dt>
<dd>{vb:raw totalposts}</dd>
<dt>{vb:rawphrase members}</dt>
<dd>{vb:raw numbermembers}</dd>
<vb:if condition="$show['activemembers']">
<dt>{vb:rawphrase active_members}</dt>
<dd>{vb:raw activemembers}</dd>
</vb:if>
</dl>
<p>{vb:rawphrase welcome_to_our_newest_member_x, {vb:link member, {vb:raw newuserinfo}}, {vb:raw newuserinfo.username}}</p>
{vb:raw template_hook.forumhome_wgo_stats}
</div>
</div>
<div id="wgo_legend" class="wgo_subblock">
<h3><img src="{vb:stylevar imgdir_misc}/legend.png" alt="{vb:rawphrase icon_legend}" />{vb:rawphrase icon_legend}</h3>
<div>
<dl id="icon_legends" class="icon_legends">
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
<vb:if condition="$vboptions['pt_hasprojectforums']">
<dt><img src="{vb:stylevar imgdir_statusicon}/project_new-16.png" alt="{vb:rawphrase project_forum}" /></dt><dd>{vb:rawphrase project_forum}</dd>
</vb:if>
</dl>
</div>
</div>
{vb:raw template_hook.forumhome_wgo_pos5}
</div>
</div>
<!-- end what's going on box -->
{vb:raw ad_location.board_below_whats_going_on}
<vb:if condition="$show['sidebar']">
</div>
</div>
<div id="sidebar_container"<vb:if condition="$show['sidebarposition'] == 'left'"> class="sidebarleft"</vb:if>>
<a id="sidebar_button_link" href="#">
<vb:if condition="$show['sidebarposition'] == 'left'">
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed-left.png" alt="" />
<vb:else />
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed.png" alt="" />
</vb:if>
</a>
<ul id="sidebar">
{vb:raw sidebar}
</ul>
</div>
</vb:if>
{vb:raw footer}
</body>
</html>
и в шаблоне
forumhome.css
PHP код:
@charset "UTF-8";
/* CSS Document */
#forums {
width: 100%;
}
#welcomemessage {
color:{vb:stylevar body_color};
font-size:100%;
}
/* wgo */
.wgo_block {
display:block;
clear:both;
width: 100%;
margin-top: {vb:math {vb:stylevar padding}*1.5};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
margin-bottom: {vb:stylevar padding};
}
.wgo_block h2 {
font: {vb:stylevar wgoheader_font};
color: {vb:stylevar wgoheader_color};
background: {vb:stylevar wgoheader_background};
_background-image: none;
border: {vb:stylevar wgoheader_border};
width: 100%;
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.wgo_block .time {
color: {vb:stylevar body_color};
}
.wgo_block h2 span {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.wgo_block div.floatcontainer {
background: {vb:stylevar wgo_background};
_background-image: none;
/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
}
.wgo_block .wgo_subblock {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
border-bottom: {vb:stylevar wgo_border};
border-{vb:stylevar right}: {vb:stylevar wgo_border};
border-{vb:stylevar left}: {vb:stylevar wgo_border};
font-size: {vb:stylevar wgo_fontSize};
clear:both;
width: 100%;
}
.wgo_subblock h3 {
padding-{vb:stylevar left}: {vb:stylevar padding};
font: {vb:stylevar wgosubheader_font};
color: {vb:stylevar body_color};
padding-bottom: {vb:math {vb:stylevar padding}/2};
}
.wgo_subblock h3 img {
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}
.wgo_subblock div, .wgo_subblock ol {
padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2};
}
.wgo_subblock div p {
padding-bottom: {vb:math {vb:stylevar padding}/2};
}
.wgo_subblock div ol {
padding-{vb:stylevar left}: 0;
}
.wgo_subblock dl dt {
display:inline;
}
.wgo_subblock dl dt:after {
content:":";
}
.wgo_subblock dl dd {
display: inline;
margin-{vb:stylevar right}:{vb:math {vb:stylevar padding}/2};
}
.wgo_subblock dl.icon_legends dt {
float: {vb:stylevar left};
clear: {vb:stylevar right};
margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}
.wgo_subblock dl.icon_legends dt:after {
content: "";
}
.wgo_subblock dl.icon_legends dd {
margin-bottom: {vb:math {vb:stylevar padding}/2};
display:block;
}
#wgo_onlineusers .commalist li { display: inline-block; margin-{vb:stylevar left}: 1px; }
/****************************/
/* Don't use left and right stylevar here */
#content_container {
width:100%;
float:left;
margin-right: -{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
padding: 10px 0;
}
#content_container.contentright {
float:right;
margin-right:0;
margin-left:-{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
}
#content_container #content {
margin-right:{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
}
#content_container.contentright #content {
margin-right:0;
margin-left:{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
}
/*-----------------------------------*/
/* SIDEBAR */
/* Don't use left and right stylevar here */
#sidebar_container {
float:right;
width:{vb:stylevar forum_sidebar_width};
padding:17px 0;
margin-bottom:3em;
}
#sidebar_container.sidebarleft {
float:left;
}
#sidebar_container a {
color: {vb:stylevar forum_sidebar_link_color};
}
#sidebar_container a:hover {
color: {vb:stylevar forum_sidebar_linkhover_color};
}
#sidebar_container .time {
color: {vb:stylevar forum_sidebar_time_color};
}
#sidebar_button {
display:block;
margin-top: 40px;
float:{vb:stylevar right};
margin-{vb:stylevar right}:-28px;
_margin: 40px 0 0 0;
_display: inline-block;
}
#sidebar_button {
_display: inline;
}
#sidebar_container.sidebarleft #sidebar_button {
float:left;
margin-left:-28px;
}
#sidebar_container .block {
margin-bottom:4px;
padding:6px;
background:{vb:stylevar forum_sidebar_background};
-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-top-left-radius: {vb:stylevar border_radius};
-webkit-border-top-right-radius: {vb:stylevar border_radius};
}
#sidebar_container .blockbody {
color: {vb:stylevar forum_sidebar_content_color};
background:{vb:stylevar forum_sidebar_content_background.backgroundColor};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
padding:0;
border:{vb:stylevar forum_sidebar_content_border};
}
#sidebar_container .blockrow {
border-top:1px solid {vb:stylevar forum_sidebar_content_background.backgroundColor}; /* makes the bevel look part of the background */
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
background:{vb:stylevar forum_sidebar_content_background};
_background-image: none;
}
#sidebar_container .underblock {
height:{vb:stylevar forum_sidebar_content_separator_height};
background:{vb:stylevar forum_sidebar_content_separator_background};
}
#sidebar_container .blockrow,
#sidebar_container .blocksubhead {
padding:10px 6px 10px 6px;
}
#sidebar_container .blocksubhead {
background:transparent none;
height:{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height} + 2px };
color: {vb:stylevar forum_sidebar_header_color};
padding: 5px 6px;
border:none;
outline:none;
font-weight:bold;
}
#sidebar_container .blocksubhead span.blocktitle {
width:{vb:math {vb:stylevar forum_sidebar_width} - 70px};
display:block;
white-space:nowrap;
float:left;
overflow:hidden;
padding-left:3px;
}
#sidebar_container .blocksubhead img {
vertical-align:middle;
float: {vb:stylevar left};
}
#sidebar_container .blocksubhead img.inlineimg {
float: none;
position: relative;
top: -2px;
}
/* Add a "middle" font size, between default and small */
#sidebar_container .blocksubhead.smaller {
font:{vb:stylevar forum_sidebar_header_font};
}
#sidebar_container .blockrow {
font-size:{vb:stylevar mid_fontSize};
color: {vb:stylevar forum_sidebar_content_color};
}
#sidebar_container .blockrow .meta {
font-size:{vb:stylevar small_fontSize};
}
#sidebar_container .blocksubhead a.username {
padding-{vb:stylevar right}:20px;
}
#sidebar_container .formcontrols .blockrow label {
width:auto;
}
#sidebar_container .advanced.blockfoot {
padding:6px;
border-bottom:none;
font-size:88%;
font-weight:bold;
background: transparent;
}
#sidebar_container .searchblock .advanced a {
line-height:2;
}
#sidebar_container .searchblock .advanced .button {
float:{vb:stylevar right};
}
#sidebar_container > ul {
background-color:{vb:stylevar forum_sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
float:{vb:stylevar left};
width:100%;
}
.avatarcontent, .noavatarcontent {
padding-top:10px;
}
.avatarcontent:first-child, .noavatarcontent:first-child {
padding-top:0;
}
.smallavatar {
height:{vb:stylevar forum_sidebar_contentlist_avatar_maxSize};
width:{vb:stylevar forum_sidebar_contentlist_avatar_maxSize};
overflow:hidden;
float:{vb:stylevar left};
}
div.smallavatartext {
margin-{vb:stylevar left}: {vb:math {vb:stylevar forum_sidebar_contentlist_avatar_maxSize} + 10px};
margin-top: -{vb:stylevar forum_sidebar_contentlist_avatar_maxSize};
float:{vb:stylevar right};
width:{vb:math {vb:stylevar forum_sidebar_width} - {vb:math {vb:stylevar forum_sidebar_border.borderWidth} * 2} - {vb:math 6px * 2} - {vb:math {vb:stylevar forum_sidebar_content_border.borderWidth} * 2} - {vb:math 6px * 2} - {vb:stylevar forum_sidebar_contentlist_avatar_maxSize} - 10px};
word-wrap:break-word;
}
.noavatarcontent .smallavatartext {
margin: 0;
float: none;
clear:both;
width:{vb:math {vb:stylevar forum_sidebar_width} - {vb:math {vb:stylevar forum_sidebar_border.borderWidth} * 2} - {vb:math 6px * 2} - {vb:math {vb:stylevar forum_sidebar_content_border.borderWidth} * 2} - {vb:math 6px * 2}};
}
#sidebar_container a.collapse {
position:static;
}
#sidebar_container a.title {
font-weight:bold;
}
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
#sidebar_button {
float:right;
margin-right:-28px;
}
.sidebarleft #sidebar_button {
float:left;
margin-left:-28px;
margin-right:0;
}
</vb:if>
Это взято из дефаутного шаблона булки 4.0.7
а все что связано со стилем оформлением смотрим переменные булки:
Админка - Стили и шаблоны - Управление стилями - *Ваш стиль* - Переменные стиля