Скрипты для uCoz [582] |
HTML коды для uCoz [58] |
Шаблоны для uCoz [189] |
Социальные сети и закладки [4] |
Меню для uCoz сайта [30] |
Опросы на uCoz [6] |
Работа с Информерами [7] |
Для Веб мастера [90] |
CSS стили для uCoz [15] |
Как это сделать? (для новичков с картинками) [11] |
Видео Уроки по uCoz [2] |
Полезное для пользователей [45] |
Counter Strike мониторинг [5] |
Регистрация и прикрепление своего домена к uCoz [1] |
Новости сайта scripts-for-ucoz [47] |
Учебник HTML [11] |
Разное/Другое [12] |
Зарегистрировано 31229 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5178 комментариев, На форуме создано тем и ответов.
установить такую статистику
Установить себе такой Блок
Скрипты и HTML для uCOz
установить такой блок
http://cannabis-server.ru
Добавить свой сайт в ТОП!
И он будет рекламироваться тут БЕСПЛАТНО!
стань модератором сайта и рекламируй свой сайт за бесплатно тут
написал:
Sultanbek Ajdos написал:
Понедельник, 22 ноября 2010 г.
Карманный календарь 2010 г.
Читать все комментарии
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [30.07.2009, 04:50] |
Новое горизонтальное меню для форума на uCoz
Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!] | |||
Сегодня сделал меню для своего форума и решил выложить на общее обозрение. Вдруг кому-то пригодится Сразу же скажу, что само меню и рамки вокруг него полупрозрачные, а это значит, что это меню спокойно ляжет на нестандартные дизайны м нестандартными бэкграундами. Те, кто знаком с фотошопом и умеют в нём работать, наверняка "заточат" меню под свои нужды Ну что ж, приступим: Для начала создадим в файловом менеджере папку images и зальём туда две картинки из архива. Далее бежим в Управление дизайном сайта --> Форум --> Общий вид страниц форума Находим тег <head> и сразу же после него вставляем: Code <div align="center"><style type="text/css"> /* -------------------------- AUTHOR : ST1M, modified by Apocalypse, 2009 Copyrights by ST1M ----------------------------*/ *{ margin:0; padding:0; } body{ font:12px/18px Tahoma, Arial, Helvetica, sans-serif; } #menu{ margin:0 auto; width:800px; height:55px; background:url(/images/menu_022_bg.png) no-repeat; } #menu ul{ list-style:none; width:650px; margin:0 auto; } #menu li{ list-style:none; display:block; float:left; height:55px; line-height:55px; margin:0 0px; } #menu li a{ display:block; float:left; color:#816232; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:55px; text-decoration:none; padding:0 18px; height:55px; } #menu li a:hover{ color:#6d532a; background:url(/images/menu_022_h.png) repeat-x; } #menu li a.current{ display:block; float:left; color:#6d532a; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:55px; text-decoration:none; padding:0 18px; height:55px; } #menu li a:hover.current{ color:#6d532a; }</style> </div> Теперь, не уходя с этой страницы, вставляем следующий код туда, где хотим видеть само меню (Лично я вставил сразу после $GLOBAL_AHEADER$): Code <div align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="17" background="http://apocalypse.ucoz.kz/forum_border/3bd0bff61a01.png" height="17"> </td> <td background="http://apocalypse.ucoz.kz/forum_border/290b6ff174f7.png" height="17"> </td> <td width="17" background="http://apocalypse.ucoz.kz/forum_border/94af9881da39.png" height="17"> </td> </tr> <tr> <td width="17" background="http://apocalypse.ucoz.kz/forum_border/326a55f011dc.png"> </td> <td> <div id="menu"> <ul> <li><a title="Комментарий" href="Ссылка">Название</a></li> <li><a title="Комментарий" href="Ссылка">Название</a></li> <li><a title="Комментарий" href="Ссылка">Название</a></li> <li><a title="Комментарий" href="Ссылка">Название</a></li> </ul> </div> </td> <td width="17" background="http://apocalypse.ucoz.kz/forum_border/a4e3e0816fe3.png"> </td> </tr> <tr> <td width="17" background="http://apocalypse.ucoz.kz/forum_border/8cb928874182.png" height="17"> </td> <td background="http://apocalypse.ucoz.kz/forum_border/8f85b050c329.png" height="17"> </td> <td width="17" background="http://apocalypse.ucoz.kz/forum_border/ce48d6da8a98.png" height="17"> </td> </tr> </tbody></table></div> Всё, удачи! Будут вопросы - пишите в комменты При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Новое горизонтальное меню для форума на uCoz Расскажи друзьям интересные новости: - Установить на свой сайт блок социальных закладок | |||
Просмотров: 7386 | Загрузок: 373 | Комментарии: 8 | Рейтинг: 0.0/0 |
Всего комментариев: 8 | |
| |
По вопросам сотрудничества и рекламы пишите на почту rusalex11@live.com