[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Меню для игрового портала (светлое)
VLADO [ Offline ] Дата: Понедельник, 08.03.2010, 15:58:31 | Сообщение # 1
Дизайнер MS
Сообщений: 67
[ 98 ]
Награды: 3  
При наведении на ссылку увеличивается картинка (через ксс) и меняется цвет ссылки

Все картинки залить в папку www.сайт.домен/menu. Ссылка на скачивание картинок

Сам код запнуть в блок:

Code
<style type="text/css">    

#br{
background: url(/menu/br1.gif);    
}    

#br:hover{    
background: url(/menu/br2.gif);    
}    

#rpg{
background: url(/menu/rpg1.gif);    
}    

#rpg:hover{    
background: url(/menu/rpg2.gif);    
}    

#g{
background: url(/menu/g1.gif);    
}    

#g:hover{    
background: url(/menu/g2.gif);    
}    

#q{
background: url(/menu/q1.gif);    
}    

#q:hover{    
background: url(/menu/q2.gif);    
}    

#s{
background: url(/menu/s1.gif);    
}    

#s:hover{    
background: url(/menu/s2.gif);    
}    

#a{
background: url(/menu/a1.gif);    
}    

#a:hover{    
background: url(/menu/a2.gif);    
}    

#n{
background: url(/menu/n1.gif);    
}    

#n:hover{    
background: url(/menu/n2.gif);    
}    

#si{
background: url(/menu/si1.gif);    
}    

#si:hover{    
background: url(/menu/si2.gif);    
}    

#ar{
background: url(/menu/ar1.gif);    
}    

#ar:hover{    
background: url(/menu/ar2.gif);    
}    

#l{
background: url(/menu/l1.gif);    
}    

#l:hover{    
background: url(/menu/l2.gif);    
}    

#st{
background: url(/menu/st1.gif);    
}    

#st:hover{    
background: url(/menu/st2.gif);    
}    

#mpk{
background: url(/menu/mpk1.gif);    
}    

#mpk:hover{    
background: url(/menu/mpk2.gif);    
}    

#mm{
background: url(/menu/mm1.gif);    
}    

#mm:hover{    
background: url(/menu/mm2.gif);    
}    

#f{
background: url(/menu/f1.gif);    
}    

#f:hover{    
background: url(/menu/f2.gif);    
}    

#gl{
background: url(/menu/gl1.gif);    
}    

#gl:hover{    
background: url(/menu/gl2.gif);    
}    

#k{
background: url/menu/k1.gif);    
}    

#k:hover{    
background: url(/menu/k2.gif);    
}    

#gl2:hover{    
color: #9c8b1c
}    

#a2:hover{    
color: #6d6d6d
}    

#s2:hover{    
color: #959595
}    

#rpg2:hover{    
color: #8f734e
}    

#g2:hover{    
color: #959595
}    

#st2:hover{    
color: #a1a1a1
}    

#si2:hover{    
color: #50b41f
}    

#mm2:hover{    
color: #ea7c11
}    

#ar2:hover{    
color: #e82d23
}    

#l2:hover{    
color: #959595
}    

#q2:hover{    
color: #ba9410
}    

#n2:hover{    
color: #b8b366
}    

#br2:hover{    
color: #4c88bb
}    

#mpk2:hover{    
color: #ae4fd5
}    

#k2:hover{    
color: #b4b270
}    

#f2:hover{    
color: #adadad
}    
</style>    

<table>
<tr id="gl" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="gl2" href="/">Главная</a></b></td></tr>
    <tr id="a" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="a2" href="/load/igry/action/2">Action</a></b></td></tr>
    <tr id="s" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="s2" href="/load/igry/sport/3">Спорт</a></b></td></tr>
    <tr id="rpg" href="/"><a href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="rpg2" href="/load/igry/rpg/4">RPG</a></b></td></a></tr>
    <tr id="g" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="g2" href="/load/igry/gonki/5">Гонки</a></b></td></tr>
    <tr id="st" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="st2" href="/load/igry/strategii/6">Стратегии</a></b></td></tr>
    <tr id="si" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="si2" href="/load/igry/simuljatory/7">Симуляторы</a></b></td></tr>
    <tr id="mm" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="mm2" href="/load/igry/mmorpg/8">MMORPG</a></b></td></tr>
    <tr id="ar" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="ar2" href="/load/igry/arkady/9">Аркады</a></b></td></tr>
    <tr id="l" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="l2" href="/load/igry/logicheskie/10">Логические</a></b></td></tr>
    <tr id="q" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="q2" href="/load/igry/kvesty/11">Квесты</a></b></td></tr>
    <tr id="n" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="n2" href="/load/igry/nastolnye/12">Настольные</a></b></td></tr>
    <tr id="br" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="br2" href="/load/igry/brauzernye/13">Браузерные</a></b></td></tr>
    <tr id="mpk" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="mpk2" href="/load/igry/soft/14">Софт для игр</a></b></td></tr>
    <tr id="k" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="k2" href="/load/igry/stat/15">Статьи</a></b></td></tr>
<tr id="f" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="f2" href="/forum">Форум</a></b></td></tr>
</table>

При копировании материала ссылка на источник обязательна: mnogo-softa.ru
Автор: VLADO

[P.s] Самый прикол в том что фон блока должен быть цветом "#f3f3f3"



[qc][/qc]

Сообщение отредактировал VLADISLAVO - Вторник, 09.03.2010, 15:53:12
 
SmaileS [ Offline ] Дата: Понедельник, 08.03.2010, 19:12:51 | Сообщение # 2
vSmaileS
Сообщений: 400
[ 451 ]
Награды: 5  
СпС!


Лента уважения
VLADISLAVO,SToRM,Neoxrus86,Design,
 
-=()mEg@=- [ Offline ] Дата: Вторник, 08.06.2010, 23:47:07 | Сообщение # 3
Ученик
Сообщений: 33
[ 52 ]
Награды: 1  
кул))


[img]http://foto-host.3dn.ru/_ph/1/2/392903277.png[/img]
 
Vlados [ Offline ] Дата: Четверг, 26.08.2010, 14:50:16 | Сообщение # 4
Ученик
Сообщений: 42
Награды: 0  
Не плохо


 
IDesign [ Offline ] Дата: Воскресенье, 31.10.2010, 14:43:31 | Сообщение # 5
Начинающий
Сообщений: 27
[ 0 ]
Награды: 0  
Классная менюшка, подойдет для моего сайта, как раз искал
 
  • Страница 1 из 1
  • 1
Поиск:
 
 
Последние темы Популярные темы Лучшие флудеры Новые пользователи

Конкурс "Угадай автомобиль"

(79)

Порно С Юной Девкой _952P

(2)

Скачать Трах Пэрис Хилтон _686O

(3)

Баги, ошибки на сайте

(21)

Сделано так как у вас.

(1)

FAQ по uCoz

(6)

Конверты на выписку весна лето от компании Baby Goldfinch

(0)

Здесь заказываем программы,ключи,keygen,patch

(5)

Ваш оператор

(6)

Какую трубу вы бы хотели?

(7)

Общение

(993)

GOLD-аккаунты к другим файлообменникам

(383)

GOLD-аккаунты к Letitbit.net

(233)

GOLD-аккаунты к Vip-file.com

(156)

Поиграем в смайлики

(115)

GOLD-аккаунты к другим файлообменникам

(93)

8-знак

(86)

Конкурс "Угадай автомобиль"

(79)

считаем до 100 и обратно

(77)

Раздача ICQ-номеров!

(61)

SToRm1k

(2948)

-==S_k_i_F==-

(632)

k1ngSD

(608)

mimonetut

(412)

SmaileS

(400)

Kojin

(387)

Rmk

(370)

adrefefex

(357)

}{0TT@БЬ)Ч

(341)

Aldo

(306)

utaletmwec

(23:16:18)

ttaletfzfe

(19:57:44)

ztaletaxuz

(06:59:26)

ctaletkrzs

(06:59:01)

gtaleteljd

(16:47:55)

staletmhfr

(12:49:05)

btaletkokj

(08:58:29)

ukvartirachink

(12:11:40)

etaletcxbm

(07:46:24)

leifwoolnug

(09:15:37)

Новых сегодня:0

 
 
Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте.
Переделка шаблона by SToRM.Сайт оптимизирован для просмотра с разрешением
1024x768, 1280x800, 1280x1024 и 1600x1200 браузером Opera.
PR-CY.ru