Автор |
Сообщение |
екун Зарегистрирован: 2010-12-01 Сообщ.: 94
|
12-Фев-11 22:13 |
#1 |
Всегда хотел, чтобы при наведении на менюшко, область, на которую вы хотите перейти, как то выделялась =)
в subSilver.css в конец добавить
Код: | /* менюшко */
#main-nav {
border: none;
padding: 0px 8px 0; height: 28px;
background: #EFEFEF url(images/upline.gif) repeat-x; border-color: #C6CCD0;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
-khtml-border-radius-topleft:8px;
-khtml-border-radius-topright:8px;
-khtml-border-radius-bottomleft:0px;
-khtml-border-radius-bottomright:0px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
}
#main-nav b { padding: 0 4px 0 1px; }
#main-nav a { color: #535F62; text-decoration: none; }
#main-nav a:hover, #main-nav a:active {
text-decoration: none !important; color: #000000;
}
#main-nav a:link, #main-nav a:visited, #main-nav a:active {
background:#d9d9d9 url(images/upline.gif);
color:#000;
font-size: 13px;
font-weight: bold;
line-height:28px;
}
#main-nav a:hover, #main-nav #selected:link, #main-nav #selected:visited {
background-color:#111;
}
#main-nav ul {
margin:0px;
padding:0px 28px;
}
#main-nav li {
float:left;
list-style:none;
line-height:0px;
font-size:0.9em;
margin:0;
padding:0;
}
#main-nav a:link, #main-nav a:visited, #main-nav a:active {
display:block;
padding:0 3px;
text-decoration:none;
}
#main-nav a:hover, #main-nav #selected:link, #main-nav #selected:visited {
color:#FFF;
background:#333 url(images/cellpic3.png);
}
#main-nav b.vi_top { color: #00B012; }
#main-nav b.vi_top:hover { color: #FFFF33; } |
и в overall_header добавить:
Код: | <!--main_nav-->
<div id="main-nav">
<ul>
<li><a href="{U_INDEX}"><b>{L_Index}</b></a></li>
<li><!-- IF LOGGED_IN --><a href="{TRACKER_HREF}"><b>{L_SEARCH}</b></a><!-- ENDIF --></li>
<li><a href="viewtopic.php?t=280"><b style="color: #993300;">{L_TERMS}</b></a></li>
<li><a href="viewforum.php?f=244"><b style="color: #993300;">{L_FAQ}</b></a></li>
<li><a href="{U_GROUP_CP}"><b>{L_USERGROUPS}</b></a></li>
<li><a href="{U_MEMBERLIST}"><b>{L_MEMBERLIST}</b></a></li>
<li><a href="{U_TOP-10}"><b>{L_TOP-10}</b></a></li>
</ul>
</div>
<!--/main_nav--> |
и конечно не забываем залить в папку templates/subSilver/images/ картинки =)
Описание файла: |
|
Скачать файл |
Имя файла: |
images.rar |
Размер файла: |
7.22 KB |
Скачан: |
450 раз(а) |
_________________
Последний раз редактировалось: екун (13-Фев-11 00:02), всего редактировалось 1 раз
|
|
Вернуться к началу
|
|
krumax Зарегистрирован: 2010-12-10 Сообщ.: 304
|
|
Вернуться к началу
|
|
monster27 Зарегистрирован: 2010-12-29 Сообщ.: 540
|
|
Вернуться к началу
|
|
krumax Зарегистрирован: 2010-12-10 Сообщ.: 304
|
|
Вернуться к началу
|
|
monster27 Зарегистрирован: 2010-12-29 Сообщ.: 540
|
|
Вернуться к началу
|
|
ZerocooL Зарегистрирован: 2011-01-17 Сообщ.: 27
|
14-Фев-11 06:02 |
#6 |
monster27
ага и будет сайт как
кнопка от васи
меню от пети
строка от гали
фон от димы и так далее ))))
|
|
Вернуться к началу
|
|
monster27 Зарегистрирован: 2010-12-29 Сообщ.: 540
|
14-Фев-11 14:56 |
#7 |
ZerocooL если у тебя идея дальше кнопки и строки не развивается, то тогда это будет бредом.
|
|
Вернуться к началу
|
|
monster27 Зарегистрирован: 2010-12-29 Сообщ.: 540
|
18-Фев-11 17:41 |
#8 |
екун пиши проще, меньше будет весить файл стилей
Код: | border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-khtml-border-radius: 8px 8px 0 0; |
закргуление для мозилы, оперы, кенгуру и других кто поддерживает на данный момент css3, хотя официального релиза еще нет и все браузеры отображают по разному, поэтому приходится прописывать для каждого.
|
|
Вернуться к началу
|
|
екун Зарегистрирован: 2010-12-01 Сообщ.: 94
|
19-Фев-11 23:38 |
#9 |
monster27 как то не привычно так писать
_________________
|
|
Вернуться к началу
|
|
|
|
|