Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 2
Гостей: 2
Пользователей: 0

Сайт сегодня посетили:

Новая навигация форума для светлых дизайнов

Главная » Скрипты для uCoz » Новая навигация форума для светлых дизайнов
Новая навигация форума для светлых дизайнов для uCoz

Представляю вам новую навигацию для форума с светлых тонах. Тон кнопок можно будет изменить.

Вставляем в ваш CSS:

Code
.button {cursor:pointer;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-decoration:none;outline:0;}
.button div {cursor:pointer;text-align:center;background:url(http://rucoz.com/img/4461357.gif) repeat-x;background-position:bottom left;padding:3px 6px 4px 6px;margin-right:-2px;left:-1px;position:relative;z-index:10;font:11px 'Arial';color:#666;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:0;border-bottom:0;outline:none;}  
.button:hover {border-top:1px solid #8ac;border-bottom:1px solid #8ac;text-decoration:none;}
.button:hover div {background-position:bottom right;color:#568;border-left:1px solid #8ac;border-right:1px solid #8ac;}

Заменяем этот код на свое:

Code
<a href="/index/14" class="button" rel="nofollow"><div>Личные сообщения ($UNREAD_PM$)</div></a>  
<a href="$RECENT_POSTS_LINK$" class="button" rel="nofollow"><div>Новые сообщения</div></a>  
<a href="$MEMBERS_LIST_LINK$" class="button" rel="nofollow"><div>Участники</div></a>  
<a href="$BOARD_RULES_LINK$" class="button" rel="nofollow"><div>Правила форума</div></a>  
<a href="$SEARCH_PAGE_LINK$" class="button" rel="nofollow"><div>Поиск</div></a>  
<a href="$RSS_LINK$" class="button" rel="nofollow"><div>RSS</div></a>

Автор: http://6ucoz.com
Просмотров: 1277 | Комментариев: 4 | Опубликовал: White_xD | Дата: 23.01.2011

 24.11.2009   

 

 Украшение для сайта 

 08.02.2010   

 

 Антимат для любого ... 

 10.10.2009   

 

 Простая статистика ... 

 10.03.2009   

 

 HTML-шаблоны 

 23.07.2010   

 

 Измененная линия &l... 


Всего комментариев: 4
 
  0 4 Eco_Maks 29.01.2011 15:54:05 красиво) себе поставлю Цитировать | Редактировать | Удалить
 

 
  0 3 Boo 24.01.2011 13:17:10 Автор http://6ucoz.ком прошу измеенить
Ответ: Подправил
Цитировать | Редактировать | Удалить
 

 
  0 1 raider023 23.01.2011 22:37:21 В CSS нужно только:

Code
.button {cursor:pointer;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-decoration:none;outline:0;}
.button div {cursor:pointer;text-align:center;background:url(http://rucoz.com/img/4461357.gif) repeat-x;background-position:bottom left;padding:3px 6px 4px 6px;margin-right:-2px;left:-1px;position:relative;z-index:10;font:11px 'Arial';color:#666;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:0;border-bottom:0;outline:none;}  
.button:hover {border-top:1px solid #8ac;border-bottom:1px solid #8ac;text-decoration:none;}
.button:hover div {background-position:bottom right;color:#568;border-left:1px solid #8ac;border-right:1px solid #8ac;}

Всё остальное лишнее. Цитировать | Редактировать | Удалить

 

 
  0 2 DizeL 23.01.2011 22:43:06 Подправил Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.