[Вопрос] Изменение вида top_links

10-02-2010, 04:05 AM

Подскажите пожалуйста, как закруглить углы в top_links
как в данном примере:

В общем то частично у меня это получилось, но только с левой частью (welcomelink), а правая никак не "поддается".
Заранее благодарю за помощь.

jumuro добавил 02.10.2010 в 03:05
Таки методом проб и ошибок до меня дошло, как это реализовать.
Ответ лежал на поверхности, как часто и бывает...
В шаблоне vbulletin-chrome.css нашел:

Code:

.toplinks ul.isuser li.welcomelink {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
}

заменил на:

Code:

.toplinks ul.isuser li.welcomelink {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 12px;
    padding-{vb:stylevar right}: 5px;
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
}

далее в этом же шаблоне нашел:

Code:

.toplinks ul.isuser li.logoutlink {
    top: 0;
}

заменил на:

Code:

.toplinks ul.isuser li.logoutlink {
    top: 0;
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}

затем в шаблоне header нашел:

Code:

<li><a href="login.php?{vb:raw  session.sessionurl}do=logout&amp;logouthash={vb:raw  bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase  sure_you_want_to_log_out}')">{vb:rawphrase  log_out}</a></li>

заменил на (Ключевой момент. Решение как раз и заключалось в отдельном классе.):

Code:

<li class="logoutlink"><a  href="login.php?{vb:raw  session.sessionurl}do=logout&amp;logouthash={vb:raw  bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase  sure_you_want_to_log_out}')">{vb:rawphrase  log_out}</a></li>

Ну и соответственно в "Управление стилями">>"Редактор переменных стиля">>"Header">>"Фон верхних ссылок" изменил цвет фона на нужный мне.
Оффтоп

10-02-2010, 01:11 PM

-moz-
-webkit-
это все костыли, где само css-3 свойство border-radius ?