[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум WHak.ru » Информация для Web-мастера » Скрипты для Ucoz » При наведении курсором на разделы форума, их фон меняется.
При наведении курсором на разделы форума, их фон меняется.
Tvi$Дата: Понедельник, 16.01.2012, 20:32 | Сообщение # 1
Администрация
Группа: Администраторы
Сообщений: 198
Награды: 4
Репутация: 137
Статус:


Общий вид страниц форума, после $BODY$ пишем:
Code

<?if($URI_ID$='frMain')?>
<script type="text/javascript">  
$(document).ready(function(){
//Script by http://keysoft.3dn.ru/
var ol = '#ffffff';//Оригинальный светлый
var al = '#f3f3f3';//Светлый при наведении
var od = '#ecf4ff';//Оригинальный темный
var ad = '#e0e8f2';//Темный при наведении

$(".forumNameTd").hover(function(){$(this).prev().css("background-color",ad); $(this).css("background-color",al); $(this).next().css("background-color",ad); $(this).next().next().css("background-color",ad); $(this).next().next().next().css("background-color",al);}, function(){$(this).prev().css("background-color",od); $(this).css("background-color",ol); $(this).next().css("background-color",od); $(this).next().next().css("background-color",od); $(this).next().next().next().css("background-color",ol);});
$(".forumIcoTd").hover(function(){$(this).css("background-color",ad); $(this).next().css("background-color",al); $(this).next().next().css("background-color",ad); $(this).next().next().next().css("background-color",ad); $(this).next().next().next().next().css("background-color",al);}, function(){$(this).css("background-color",od); $(this).next().css("background-color",ol); $(this).next().next().css("background-color",od); $(this).next().next().next().css("background-color",od); $(this).next().next().next().next().css("background-color",ol);});
$(".forumThreadTd").hover(function(){$(this).css("background-color",ad); $(this).prev().prev().css("background-color",ad); $(this).prev().css("background-color",al); $(this).next().css("background-color",ad); $(this).next().next().css("background-color",al);}, function(){$(this).css("background-color",od); $(this).prev().prev().css("background-color",od); $(this).prev().css("background-color",ol); $(this).next().css("background-color",od); $(this).next().next().css("background-color",ol);});
$(".forumPostTd").hover(function(){$(this).css("background-color",ad); $(this).prev().prev().prev().css("background-color",ad); $(this).prev().prev().css("background-color",al); $(this).prev().css("background-color",ad); $(this).next().css("background-color",al);}, function(){$(this).css("background-color",od); $(this).prev().prev().prev().css("background-color",od); $(this).prev().prev().css("background-color",ol); $(this).prev().css("background-color",od); $(this).next().css("background-color",ol);});
$(".forumLastPostTd").hover(function(){$(this).css("background-color",al); $(this).prev().prev().prev().prev().css("background-color",ad); $(this).prev().prev().prev().css("background-color",al); $(this).prev().prev().css("background-color",ad); $(this).prev().css("background-color",ad);}, function(){$(this).css("background-color",ol); $(this).prev().prev().prev().prev().css("background-color",od); $(this).prev().prev().prev().css("background-color",ol); $(this).prev().prev().css("background-color",od); $(this).prev().css("background-color",od);});
});
</script>
<?endif?>


Code
var ol = '#ffffff';//Оригинальный светлый       
var al = '#f3f3f3';//Светлый при наведении       
var od = '#ecf4ff';//Оригинальный темный       
var ad = '#e0e8f2';//Темный при наведении

это изменяем под себя
Если вам не понятно что такое "Оригинальный светлый, Светлый при наведении...", то посмотрите скриншот. Если после 30 секунд просмотра скриншоты вы не разобрались что к чему - скрипт не для вас. После корректирования цветов под себя



 
Форум WHak.ru » Информация для Web-мастера » Скрипты для Ucoz » При наведении курсором на разделы форума, их фон меняется.
Страница 1 из 11
Поиск:


WHak.ru

Бесплатные программы Скачать

Скачайте через торрент (torrent) или торренты, (torrents) фильмы, сериалы, игры, музыку, софт - бесплатно и без регистрации, без рейтинга и без смс с тфайл (tfile.ru), рутрекер (rutracker.org), мегашара (megashara.com), рутор (rutor.org), кинозал тв (kinozal.tv) и других самых лучших торрентов!!! rap4ik.do.am, кфз4шлювщюфь, Бесплатно!!!