Вопрос Как переделать

Sampler · 30.12.2010, 21:39 **Вверх**

помогите, пожалуйста, как выстроить по горизонтали темы, сообщения, активные участники, список иконок

как изменить цвета в "мой профиль" подскажите, пожалуйста, буду очень благодарен

Serberg · 30.12.2010, 21:47 **Вверх**

Сообщение от ebasheR

помогите, пожалуйста, как выстроить по горизонтали темы, сообщения, активные участники, список иконок

Поставь шаблон от своей версии форума и все станет на место. У четвертой булки после обновления такая фигня наблюдается.

На счет профиля - копай CSS шаблона, я не парюсь никогда по таким вопросам.

Sampler · 30.12.2010, 21:52 **Вверх**

а кто нибудь другой знает?

Serberg · 30.12.2010, 22:27 **Вверх**

Сообщение от ebasheR

а кто нибудь другой знает?

В каком плане знает ? Открой через firebug страничку и посмотри какой класс у того блока, который хочешь изменить.

dmnangel · 31.12.2010, 10:51 **Вверх**

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&amp;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

а все что связано со стилем оформлением смотрим переменные булки:
Админка - Стили и шаблоны - Управление стилями - *Ваш стиль* - Переменные стиля

Sampler · 31.12.2010, 14:58 **Вверх**

как сделать по нормальному, подскажите!
, пожалуйста!

Sampler · 01.01.2011, 11:45 **Вверх**

народ! Подскажите, можно ли отключить в моём профиле функцию изменить стиль профиля?

dmnangel · 02.01.2011, 14:07 **Вверх**

Админка - Группы пользователей - Управление группами пользователей - *группа* - Права изменения отображения профиля

Sampler · 02.01.2011, 22:48 **Вверх**

а можно ли подругому сменить цвет в моём профиле? Или же назовите, пожалуйста, в переменных стиля какая строка отвечает за цвет в моём кабинете

dmnangel · 03.01.2011, 12:37 **Вверх**

Profile_* в переменных

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как переделать хак "Летающая кнопка регистрации" ?	microgosu	vBulletin 4.x	1	11.02.2013 19:43
хочу переделать воблу 3	rif009	vBulletin 3.х	11	07.07.2011 11:51
Переделать Стандартный шаблон	ZVER	vBulletin 4.x	2	27.05.2010 09:29
[Вопрос] Как переделать код под cmps	Virus_f	vBulletin 3.х	0	17.02.2010 20:42