Скрипт "Красивые анимированные кнопки для форума"
| |
bandjuk | Дата: Воскресенье, 25.12.2011, 15:03 | Сообщение # 1 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Красивые анимированные кнопки для форума Ucoz.
Особенности: 1. При наведении на кнопку происходит эффект затухания; 2. При получении нового сообщения кнопка "Личные сообщения" начинает мигать; 3. При наведении на кнопки появляются подсказки (титлы).
Установка:
Панель управления ---> Управление дизайном ---> Форум ---> Общий вид страниц форума, находим код:
Code <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>--><img src="http://ssilki.at.ua/ls.gif"border="0"width="120" height="15"/>Личные сообщения<!--</s>-->($UNREAD_PM$)</a> · <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s107.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>--><FONT color="#CC00CC"><b>Правила форума</b></font><!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td>
заменяем на:
Code <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"> <?if($IS_NEW_PM$)?><img src="http://ssilki.at.ua/image/Forum/knopki/ls3.gif"alt="Личные сообщения" Title="Личные сообщения"border="0"width="120" height="15"style="vertical-align:-8px;"/><bgsound src="http://s107.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"><?else?><img src="http://ssilki.at.ua/image/Forum/knopki/ls.gif" onmouseover="this.src='http://ssilki.at.ua/image/Forum/knopki/ls2.gif'; "onmouseout="this.src='http://ssilki.at.ua/image/Forum/knopki/ls.gif';" alt="Личные сообщения" Title="Личные сообщения"border="0"width="120" height="15" style="vertical-align:-8px;"/><?endif?><?endif?></a> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><img src="http://ssilki.at.ua/image/Forum/knopki/ns.gif" onmouseover="this.src='http://ssilki.at.ua/image/Forum/knopki/ns1.gif'; "onmouseout="this.src='http://ssilki.at.ua/image/Forum/knopki/ns.gif';" alt="Новые сообщения" Title="Новые сообщения"width="120" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><img src="http://ssilki.at.ua/image/Forum/knopki/uchastniki.gif" onmouseover="this.src='http://ssilki.at.ua/image/Forum/knopki/uchastniki1.gif'; "onmouseout="this.src='http://ssilki.at.ua/image/Forum/knopki/uchastniki.gif';" alt="Участники" Title="Участники"width="70" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><img src="http://ssilki.at.ua/image/Forum/knopki/pravila.gif" onmouseover="this.src='http://ssilki.at.ua/image/Forum/knopki/pravila1.gif'; "onmouseout="this.src='http://ssilki.at.ua/image/Forum/knopki/pravila.gif';" alt="Правила форума" Title="Правила форума"width="110" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><img src="http://ssilki.at.ua/image/Forum/knopki/poisk.gif" onmouseover="this.src='http://ssilki.at.ua/image/Forum/knopki/poisk1.gif'; "onmouseout="this.src='http://ssilki.at.ua/image/Forum/knopki/poisk.gif';" alt="Поиск" Title="Поиск"width="45" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$RSS_LINK$" rel="nofollow"><img src="http://ssilki.at.ua/image/Forum/knopki/rss.gif" onmouseover="this.src='http://ssilki.at.ua/image/Forum/knopki/rss1.gif'; "onmouseout="this.src='http://ssilki.at.ua/image/Forum/knopki/rss.gif';" alt="Лента новостей" Title="Лента новостей"width="30" height="15" border="0"style="vertical-align:-8px;"/></a></td>
Материалы на эту же тему:
Скрипт "Красивые анимированные тёмные кнопки для форума" Новогодний скрипт для Ucoz Скрипт "Переключатель страниц светлый" Скрипт "Переключатель страниц желтого цвета" Скрипт "Красивый переключатель страниц тёмного цвета" Скрипт "Отображение лимита символов в личных сообщениях" Индикатор символов в мини-чате Ucoz Скрипт "Счётчик символов и слов в тексте" Скрипт "Отображение лимита символов на форуме" Скрипт "Счетчик символов в личных сообщениях Ajax" Скрипт "Кнопка добавить материал, новость" Скрипт "Фоновое изображение на форуме" Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста"
|
|
| |
time | Дата: Воскресенье, 25.12.2011, 15:08 | Сообщение # 2 |
Сержант
Группа: Пользователи
Пол:
|
супер!
|
|
| |
bandjuk | Дата: Воскресенье, 25.12.2011, 15:12 | Сообщение # 3 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Спасибо!
|
|
| |
Рома | Дата: Понедельник, 26.12.2011, 16:21 | Сообщение # 4 |
Сержант
Группа: Друзья
Пол:
|
Очень красиво смотрятся.Молодец.
|
|
| |
bandjuk | Дата: Понедельник, 26.12.2011, 16:30 | Сообщение # 5 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Если честно на моём сайте смотрится средне!
|
|
| |
Breeze | Дата: Понедельник, 20.02.2012, 15:05 | Сообщение # 6 |
Рядовой
Группа: Пользователи
Пол:
|
Здравствуйте, воспользовалась вашим скриптом что бы сделать у нас на форуме кнопочки. Цвет ваших кнопок нам не подходят по дизайну поэтому сделала свои. Но затухания кнопок не происходит вернее происходит, но только на двух. Причём одна из них как потухнет так с концами. Сама я совсем ни чего не умею, помогите пожалуйста может я где то что то напутала: Code <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"> <?if($IS_NEW_PM$)?><img src="http://libertine.ucoz.net/skrin/knopki/ls.gif"alt="Личные сообщения" Title="Личные сообщения"border="0"width="115" height="15"style="vertical-align:-8px;"/><bgsound src="http://s107.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"><?else?><img src="http://libertine.ucoz.net/skrin/knopki/ls.png" onmouseover="http://libertine.ucoz.net/skrin/knopki/ls_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/ls.png';" alt="Личные сообщения" Title="Личные сообщения"border="0"width="115" height="15" style="vertical-align:-8px;"/><?endif?><?endif?></a> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/ns.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/ns_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/ns.png';" alt="Новые сообщения" Title="Новые сообщения"width="108" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/uch.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/uch_1.png'; "onmouseout="http://libertine.ucoz.net/skrin/knopki/uch.png';" alt="Участники" Title="Участники"width="65" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/pf.png" onmouseover="http://libertine.ucoz.net/skrin/knopki/pf_1.png'; "onmouseout="http://libertine.ucoz.net/skrin/knopki/pf.png';" alt="Правила форума" Title="Правила форума"width="100" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/po.png" onmouseover="http://libertine.ucoz.net/skrin/knopki/po_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/po.png';" alt="Поиск" Title="Поиск"width="39" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$RSS_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/rss.png" onmouseover="http://libertine.ucoz.net/skrin/knopki/rss_1.png'; "onmouseout="http://libertine.ucoz.net/skrin/knopki/rss.png';" alt="Лента новостей" Title="Лента новостей"width="27" height="15" border="0"style="vertical-align:-8px;"/></a></td>
http://libertine.ucoz.net/forum
Сообщение отредактировал Breeze - Вторник, 21.02.2012, 01:36
|
|
| |
bandjuk | Дата: Вторник, 21.02.2012, 11:38 | Сообщение # 7 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Breeze, добрый день. Исправил Ваш код, теперь всё работает:
Code <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"> <?if($IS_NEW_PM$)?><img src="http://libertine.ucoz.net/skrin/knopki/ls.gif"alt="Личные сообщения" Title="Личные сообщения"border="0"width="115" height="15"style="vertical-align:-8px;"/><bgsound src="http://s107.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"><?else?> <img src="http://libertine.ucoz.net/skrin/knopki/ls.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/ls_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/ls.png';" alt="Личные сообщения" Title="Личные сообщения"border="0"width="115" height="15" style="vertical-align:-8px;"/><?endif?><?endif?></a> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/ns.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/ns_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/ns.png';" alt="Новые сообщения" Title="Новые сообщения"width="108" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/uch.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/uch_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/uch.png';" alt="Участники" Title="Участники"width="65" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/pf.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/pf_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/pf.png';" alt="Правила форума" Title="Правила форума"width="100" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/po.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/po_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/po.png';" alt="Поиск" Title="Поиск"width="39" height="15" border="0"style="vertical-align:-8px;"/></a> <a class="fNavLink" href="$RSS_LINK$" rel="nofollow"><img src="http://libertine.ucoz.net/skrin/knopki/rss.png" onmouseover="this.src='http://libertine.ucoz.net/skrin/knopki/rss_1.png'; "onmouseout="this.src='http://libertine.ucoz.net/skrin/knopki/rss.png';" alt="Лента новостей" Title="Лента новостей"width="27" height="15" border="0"style="vertical-align:-8px;"/></a></td>
|
|
| |
Breeze | Дата: Вторник, 21.02.2012, 20:20 | Сообщение # 8 |
Рядовой
Группа: Пользователи
Пол:
|
Спасибо большое
|
|
| |
|