24.07.2019 Летняя лотерея ждет вас!
02.04.2019 Весна идет, весне дорогу! В честь апреля-месяца для всех желающих WP приготовил конкурс. Как насчет того, чтобы поучаствовать?
28.03.2019 Чистка каталога ролевых проектов. Для возврата тем нажмите CTRL+Z.
04.02.2019 Чистка некоторых подфорумов. Ознакомиться с итогами.
16.12.2018 Лотерея на Вайте! Торопитесь забрать свои подарки!
06.12.2018 Чистка, раздача вайпов и приукрашивание к НГ от администрации.
12.10.2018 Чистка некоторых подфорумов. Ознакомиться с итогами.
11.10.2018 Раздача вайпов оптом и в розницу. Напоминалка исполнителям!
02.10.2018 Напоминаем, что вы можете получить вайпы за размещение нашего баннера у себя на форуме. Ознакомиться можно здесь. Не забывайте отметиться в теме начисления вайпов, когда именно вы поставили баннер!
Здесь может быть ваша реклама!
Здесь может быть ваша реклама!

агония
[ заказать ]

Черный кот
[ заказать ]

Золотко
[ заказать ]

White PR

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » White PR » Коды для дизайна ваших форумов » CSS NAVIGATIONS


CSS NAVIGATIONS

Сообщений 1 страница 19 из 19

1

СБОР РАЗНЫХ ЦСС НАВИГАЦИЙ.

http://savepic.ru/2917417.png
cs.css

Код:
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color : #dbd9d8;
background : #ff5400;
font-size : 17px;
text-decoration : none;
font-family: georgia;
line-height: 30px;
font-weight: normal;
text-transform: lowercase;
border: 0px;
text-align : center;
margin : 2px;
padding : 5px;
-moz-border-radius:10%;
letter-spacing: -2px;
font-style:italic;
}

a.tvm:hover {
color : #ff5400;
background : #dbd9d8;
font-size : 17px;
text-decoration : none;
font-family: georgia;
line-height: 30px;
font-weight: normal;
text-transform: lowercase;
border: 0px;
text-align : center;
margin : 2px;
padding : 5px;
-moz-border-radius:10%;
letter-spacing: -2px;
font-style:italic;
	}

HTML

Код:
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">the</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">violet</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">maniac</a>


http://savepic.net/1747303.png
cs.css

Код:
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color : #ffffff;
background : #000000;
font-size : 13px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
margin-top:7px;
padding-left:7px;
padding-right:7px;
padding-top:22px;
padding-bottom:22px;
text-align:center;
font-style:normal;
display:block;
width:60px;
border:0px solid #;
text-transform:lowcase; 
margin-bottom: 0px; 
margin-top: 0px; 
letter-spacing:1px;
line-height: 18px;
}

a.tvm:hover {
color : #000000;
background : #e8000b;
font-size : 13px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
margin-top:7px;
padding-left:7px;
padding-right:7px;
padding-top:22px;
padding-bottom:22px;
text-align:center;
font-style:normal;
display:block;
width:60px;
border:0px solid #;
text-transform:lowcase; 
margin-bottom: 0px; 
margin-top: 0px; 
letter-spacing:1px;
line-height: 18px;
	}






a.tvm2, a.tvm2:active, a.tvm2:link, a.tvm2:visited {
color : #ffffff;
background : #000000;
font-size : 13px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
margin-top:7px;
padding-left:7px;
padding-right:7px;
padding-top:22px;
padding-bottom:22px;
text-align:center;
font-style:normal;
display:block;
width:60px;
border:0px solid #;
text-transform:lowcase; 
margin-bottom: 0px; 
margin-top: 0px; 
letter-spacing:1px;
line-height: 18px;
}

a.tvm2:hover {
color : #000000;
background : #ffff08;
font-size : 13px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
margin-top:7px;
padding-left:7px;
padding-right:7px;
padding-top:22px;
padding-bottom:22px;
text-align:center;
font-style:normal;
display:block;
width:60px;
border:0px solid #;
text-transform:lowcase; 
margin-bottom: 0px; 
margin-top: 0px; 
letter-spacing:1px;
line-height: 18px;
	}






a.tvm3, a.tvm3:active, a.tvm3:link, a.tvm3:visited {
color : #ffffff;
background : #000000;
font-size : 13px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
margin-top:7px;
padding-left:7px;
padding-right:7px;
padding-top:22px;
padding-bottom:22px;
text-align:center;
font-style:normal;
display:block;
width:60px;
border:0px solid #;
text-transform:lowcase; 
margin-bottom: 0px; 
margin-top: 0px; 
letter-spacing:1px;
line-height: 18px;
}

a.tvm3:hover {
color : #000000;
background : #ff00ff;
font-size : 13px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
margin-top:7px;
padding-left:7px;
padding-right:7px;
padding-top:22px;
padding-bottom:22px;
text-align:center;
font-style:normal;
display:block;
width:60px;
border:0px solid #;
text-transform:lowcase; 
margin-bottom: 0px; 
margin-top: 0px; 
letter-spacing:1px;
line-height: 18px;
	}

HTML

Код:
<table><tr><td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">index</a></td>
<td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm2" target="">index</a></td>

<td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm3" target="">index</a></td>


</tr>





<tr><td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm3" target="">index</a></td>
<td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">index</a></td>

<td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm2" target="">index</a></td>


</tr>


<tr><td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm2" target="">index</a></td>
<td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm3" target="">index</a></td>

<td>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">index</a></td>


</tr>




</table>

Теги: навигация, css, codes

+1

2

http://savepic.net/1707367.png
cs.css

Код:
A.navi:link, A.navi:active, A.navi:visited {background:#000000;font-family: small fonts;padding:10px;font-size: 7px;text-align:left;line-height: 7px;letter-spacing: 2px;color:#ffffff;text-transform: uppercase;display:block;width:160px;margin:1px;font-style:normal;}

A.navi:hover {background-image:url('http://s45.radikal.ru/i109/1008/c9/99903e342ce1.jpg');font-family: small fonts;padding:10px;font-size: 7px;text-align:right;line-height: 7px;letter-spacing: 2px;color:#f0f0f0;text-transform: uppercase;display:block;width:160px;margin:1px; text-decoration: none; font-style:normal;font-weight:normal;}

HTML

Код:
<a href="#" class="navi" target="frame">home page</a>
<a href="#" class="navi" target="frame">links</a>
<a href="#" class="navi" target="frame">contact</a>
<a href="#" class="navi" target="frame">content</a>
<a href="#" class="navi" target="frame">chat-box</a>

thevioletmaniac

+1

3

http://savepic.ru/2905129.jpg

cs.css

Код:
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#832480;
color: #dcd3dc; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #dcd3dc;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #832480; 
background-color:#dcd3dc;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #832480;
border-left-width: 5px;
width:200px;
}

HTML

Код:
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">каждый </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">охотник</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">желает</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">знать</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">где </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">сидит</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">фазан</a>

+1

4

http://savepic.ru/2891816.jpg
cs.css

Код:
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: grey;
font:normal 7pt century gothic;
color: #ffffff;
line-height: 14pt;
text-transform: uppercase; 
text-align: center;
display:block;
width:120px;
border-bottom: 2px solid  grey;
}
a.menu:hover {
background-color:#666666;
color:  #FFFFFF ;
border-bottom :2px solid  #ffffff;}

HTML:

Код:
<table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
 
</table>

0

5

http://savepic.net/1739128.jpg
HTML:

Код:
<table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td>
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
 
</table>

CSS:

Код:
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;

background: grey;
width: 70px;
border-top: 3px solid #800000;
font-family: verdana;
font-size: 12px;
text-decoration: none;
font-style: italic;
color: #800000;
border-bottom: 3px solid grey;
display:block;
text-align:center;
}
a.menu:hover {
background: #c0c0c0;
border-top: 3px solid #c0c0c0;
border-bottom: 3px solid #800000; }

0

6

http://savepic.ru/2934827.png

HTML:

Код:
<table bgcolor="#000000"> 
<tr> 
<td> <a class="men" href="http://soundofmydreams.ru/" title="�����" >link</a></td> 
<td> <a class="men" href="http://soundofmydreams.ru/" title="�����" >link</a></td> 
<td> <a class="men" href="http://soundofmydreams.ru/" title="�����" >link</a></td> 
<td> <a class="men" href="http://soundofmydreams.ru/" title="�����" >link</a></td> 
<td> <a class="men" href="http://soundofmydreams.ru/" title="�����" >link</a></td> 
</tr> 
 
</table>

CSS:

Код:
a.men:link, a.men:visited, a.men:active{
text-decoration: none;
background: #000000;
width: 85px;
padding-top: 5px;
padding-bottom: 5px; 
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
display: block;
-moz-border-radius: 7px;
border-radius:7px;
text-align:center;
}
a.men:hover {
background: #c0c0c0;
-moz-border-radius: 7px;
border-radius:7px;
cursor: default;
}

soundofmydreams

0

7

HTML

Код:
<ul id="navigation">
  <li class="backLava" style="position: absolute; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; left: 0px; height: 40px; overflow-x: hidden; overflow-y: hidden; top: 50px; width: 219px">
    <div class="leftLava"></div>
    <div class="bottomLava"></div>
    <div class="cornerLava"></div>
  </li>
  <li class="current selectedLava" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px">
    <a href="http://whitepiar.ru/viewtopic.php?id=653">
      <span class="menu-number">00</span>
НОВОСТИ
      <span class="menu-desc">Свежие новости форума.</span>
    </a>
  </li>
  <li>
    <a href="http://whitepiar.ru/viewforum.php?id=28">
      <span class="menu-number">01</span>
       ДИЗАЙНЕРСКАЯ
      <span class="menu-desc">Заказать новый дизайн.</span>
    </a>
  </li>
  
  <li>
    <a href="http://whitepiar.ru/viewforum.php?id=20">
      <span class="menu-number">03</span>
       СКРИПТЫ 
      <span class="menu-desc">Полезное для форума.</span>
    </a>
  </li>
  <li class="parent">
    <a href="http://whitepiar.ru/viewforum.php?id=8">
      <span class="menu-number">04</span>
       АРТ ФОРУМЫ
      <span class="menu-desc">Каталог искусства.</span>
    </a></li>

 <li>
    <a href="http://whitepiar.ru/viewforum.php?id=37">
      <span class="menu-number">03</span>
       ОБУЧЕНИЕ
      <span class="menu-desc">Обучение ролевым играм.</span>
    </a>
  </li>

 <li>
    <a href="http://whitepiar.ru/viewforum.php?id=18">
      <span class="menu-number">03</span>
       ПОМОЩЬ
      <span class="menu-desc">Раскрутка форумов.</span>
    </a>
  </li>

 <li>
    <a href="http://whitepiar.ru/pages/banners">
      <span class="menu-number">03</span>
       БАННЕРЫ
      <span class="menu-desc">Друзья форума.</span>
    </a>
  </li>

CSS

Код:
/* -------------------------------------------------------------------------------- /
	[7] NAVIGATION
/ -------------------------------------------------------------------------------- */

	/* [ main menu ] */
	
	#navigation {
    border-left:solid 1px #3a230a;
    margin-bottom:0;
    overflow:hidden;
    position:relative;
	}
	
	/* menuitem setup & transition */
	#navigation li {
    background:none;
    padding-left:0;
    -moz-transition:background-color 0.1s ease-out;
    /*-o-transition:background-color 0.1s ease-out; -> commented out, 'cos it was buggy with Opera */
    -webkit-transition:background-color 0.1s ease-out;
    transition:background-color 0.1s ease-out;
	}
	
	/* main menu items */
	#navigation > li { margin-top:10px; }
	#navigation > li:first-child { margin-top:0; }
	#navigation > li.parent { background:url(../images/other/submenu_small_arow_c1.png) no-repeat left 15px; }
	#navigation > li:hover, #navigation > li.current, .js-on #navigation > li.current:hover {
    background-color:#dbc7a6;
    background-position:-4px 15px;
    border-left:solid 4px #3a230a;
	}
	
	/* main menu item links */
	#navigation > li > a {
    color:#4b2b0c;
    display:block;
    font-size:17px;
    height:38px;
    line-height:18px;
    margin-left:-2px;
    padding-left:15px;
    padding-top:2px;
    position:relative;
    z-index:10;    
	}
	#navigation > li:hover > a, #navigation > li.current > a, .js-on #navigation > li.current:hover > a { padding-left:11px; }
	.js-on #navigation > li:hover { border-left-color:transparent; }
	
	/* [ submenu ] */
	
	#navigation ul {
    border-top:1px solid transparent;
    margin-bottom:0;
	}
	.js-on #navigation ul { display:none; }
	
	/* submenu items */
	#navigation ul li {
    border-left:solid 4px #3a230a;
    background:#4b2b0c;
	}
	#navigation > li:hover ul li, #navigation > li.current ul li { margin-left:-4px; }
	#navigation ul li a {
    border-top:solid 1px #5A5A5C;
    color:#dbc7a6;
    display:block;
    height:24px;
    line-height:25px;        
    padding-left:10px;
	}
	#navigation ul li:first-child a { border-top:none; }
	#navigation ul li:hover, #navigation ul li.current { background:#2f2c2d; }
	#navigation ul li:hover a, #navigation ul li.current a { color:#4b2b0c; }
	
	/* [ main menu number & description ] */
	
	/* main menu number */
	.menu-number { display:none; }
	
	/* main menu description */
	.menu-desc {
    color:#2f2c2d;
    display:block;
    font-size:13px;
	}

0

8

http://uploads.ru/i/o/Q/f/oQfwb.png
HTML, где хотите видеть само меню

Код:
<table cellspacing="0"> 
<tr> 
<td> <a class="menu1" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td>
</tr></table>

Цвета style_cs.css

Код:
a.menu1:link, a.menu1:visited, a.menu1:active{
background-color: #e8dfc8;
font:normal 7pt Georgia;
color: #554855;
line-height: 14pt;
text-decoration: none;
text-transform:lowercase; 
border-bottom:2px solid  #b0b9c9;
border-top :5px solid  #c6d9c3;
text-align: center;
display:block;
width:70px;}
a.menu1:hover {
background-color:#dbcab3;
color:  #554855 ;
border-bottom:2px solid  #c6d9c3;
border-top:5px solid  #e8dfc8;}


a.menu2:link, a.menu2:visited, a.menu2:active{text-decoration: none;

background-color: #e8dfc8;
font:normal 7pt arial;
color: #554855;
line-height: 14pt;
text-transform:lowercase; 
text-align: center;
display:block;
width:70px;
border-bottom :2px solid  #c6d9c3;
border-top:5px solid  #b0b9c9;
}
a.menu2:hover {
background-color:#dbcab3;
color:  #554855 ;
width:70px;
border-top:5px solid  #c6d9c3;
border-bottom :2px solid  #e8dfc8;}

0

9

http://uploads.ru/i/t/9/7/t975O.png
HTML, где хотите видеть само меню

Код:
<a class="menu" href="#">menu</a>
<a class="menu" href="#">menu</a>
<a class="menu" href="#">menu</a>
<a class="menu" href="#">menu</a>
<a class="menu" href="#">menu</a>

Цвета style_cs.css

Код:
a.menu:link, a.menu:visited, a.menu:active{
color: #ffffff;
font: normal 20px arial black ;
letter-spacing: -3px ;
line-height: 90% ;
text-transform: uppercase;
text-align: center; 
padding: 40px 17px 43px 17px;
width: 100px; 
height:90px;
background: #d44aaf;
text-decoration: none;
}



a.menu:hover {
color: #d44aaf;
font: normal 20px arial black ;
letter-spacing: -3px ;
line-height: 90% ;
text-transform: uppercase;
text-align: center; 
padding: 40px 17px 43px 17px;
width: 100px; 
height:90px;
background: #ffffff;
text-decoration: none;

}

0

10

http://uploads.ru/i/H/y/e/HyeUN.png
HTML, где хотите видеть само меню

Код:
<a class="men" href="#">menu</a> 
<a class="men" href="#">menu</a>
<a class="men" href="#">menu</a>
<a class="men" href="#">menu</a> 
<a class="men" href="#">menu</a> 
<a class="men" href="#">menu</a>

Цвета style_cs.css

Код:
a.men:link, a.men:visited, a.men:active{text-decoration: none;
background-color: #000000;
font-family: tahoma, arial;
font-size: 6pt;
color: #ffffff;
height:2px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
display:block;
width:130px;
border-bottom:2px solid  #e9e9e9;
margin: 20px;
padding: 2px 2px 2px 2px;
line-height: 300%;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
a.men:hover {
background-color:#E9E9E9;
color:#59ccdd;
border-bottom:2px solid  #000000;

}

0

11

http://uploads.ru/i/e/g/8/eg8TD.png
HTML, где хотите видеть само меню

Код:
<div class="urbangreymenu">
<ul class="submenu"> 
<li><a href="#">menu</a><a href="#">menu</a><a href="#">menu</a>  </li>  
<li><a href="#">menu</a><a href="#">menu</a><a href="#">menu</a>  </li> 
<li><a href="#">menu</a><a href="#">menu</a><a href="#">menu</a>  </li> 
<li><a href="#">menu</a><a href="#">menu</a><a href="#">menu</a>  </li> 
<li><a href="#">menu</a><a href="#">menu</a><a href="#">menu</a>  </li> 
<li><a href="#">menu</a><a href="#">menu</a><a href="#">menu</a>  </li> 
<li><a href="#">menu</a><a href="#">menu</a><a href="#">menu</a>  </li> 
</ul> 
</div>

Цвета style_cs.css

Код:
.urbangreymenu{width:400px;}
.urbangreymenu ul{list-style-type: none;margin:5 px ;padding: 0;margin-bottom: 0;}
.urbangreymenu ul li{padding-bottom:0px; }
.urbangreymenu ul li a{
font-family:times new roman ;
font-size: 40px;
font-weight: bold;
line-height: 30px;
margin: 0px;
padding-left: 5px;
text-decoration: none ;
text-transform: lowercase;
color: #ffffff;
background: #222222;
display:inline-block;;
width:120 px;
font-style: italic;
letter-spacing: -5px;
padding: 5px 0;
line-height: 17px;
padding-left: 8px;
text-decoration: none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.urbangreymenu ul li a:hover{color:#ffffff;background:#444444;}

0

12

http://uploads.ru/i/O/j/b/OjbAE.png
HTML, где хотите видеть само меню

Код:
<a class="m" href="#">menu</a>
<a class="m" href="#">menu</a>
<a class="m" href="#">menu</a><br>
<a class="m" href="#">menu</a>
<a class="m" href="#">menu</a>
<a class="m" href="#">menu</a><br>
<a class="m" href="#">menu</a>
<a class="m" href="#">menu</a>
<a class="m" href="#">menu</a><br>

Цвета style_cs.css

Код:
a.m:link, a.m:visited, a.m:active{
color: #000000;
background: #f4005b;
font: bold 30px Arial Narrow;
letter-spacing: -3px ;
line-height: 90% ;
text-transform: uppercase;
text-align: center; 
padding: 20px 0px 0px 0px;
margin-top: 20px;
display:inline-block;
width:100px;
border-bottom: 2px solid #000000;
text-decoration: none;
}



a.m:hover {
background: #000000;
color: #ffffff;
border-bottom: 2px solid #f4005b;
padding: 40px 0px 0px 0px;
margin-top: 0px;
text-decoration: none;
}

0

13

http://uploads.ru/i/z/u/e/zue6O.png
HTML, где хотите видеть само меню

Код:
<table cellspacing="0" class="menu3"> 
<tr> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
<td> <a class="menu2" href="#">menu</a></td> 
</tr></table>

Цвета style_cs.css

Код:
a.menu2:link, a.menu2:visited, a.menu2:active{text-decoration: none;
background-color: #242424;
text-align: center;width:70px;display: block;
color: #CF1A45;font-family: garamond;font-size: 20pt;font-style: italic;font-weight: normal;
letter-spacing: -1px;padding:3px;
-webkit-border-radius:3px;-moz-border-radius:3px;
text-transform: lowercase;}
a.menu2:hover {background-color: #000000;color: #871f37;}
.menu3{background-color: #242424; -webkit-border-radius:10px;-moz-border-radius:10px;
padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;}
.menu3:hover{background-color: #000000;}

0

14

http://uploads.ru/i/C/V/R/CVR4M.png
HTML, где хотите видеть само меню

Код:
<a class="menu2" href="#">menu</a>
<a class="menu2" href="#">menu</a>
<a class="menu2" href="#">menu</a> 
<a class="menu2" href="#">menu</a>

Цвета style_cs.css

Код:
a.menu2:link, a.menu2:visited, a.menu2:active{
background-color:#414141;
color:#3e0a54;
width:120px;
font-family: garamond;
font-size: 30pt;
font-style: italic;
font-weight: normal;
display: block;
text-align: center;
text-decoration: none;
letter-spacing: -1px;
padding:3px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
text-transform: lowercase;
border-left:60px dotted #2f2f2f;
padding: 0px 0px -50px 0px;
}
a.menu2:hover {background-color: #444444;color: #7a13a3;}

0

15

http://uploads.ru/i/q/w/l/qwlke.png
HTML, где хотите видеть само меню

Код:
<table cellspacing="0"> 
<tr> 
<td> <a class="men" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td>
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
 
</table>

Цвета style_cs.css

Код:
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;

background: #DFDFDF;
width: 50px;
padding-top: 10px;
padding-bottom: 10px; 
font-family: garamond;
font-size: 12px;
text-decoration: none;
color: black;
opacity: 0.3;filter: alpha(opacity=100); -moz-opacity: 0.5;
-moz-border-radius: 5px;
text-align:center;
display:block;
}
a.menu:hover {
background: #F27DBC;
opacity: 1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}

a.men:link, a.men:visited, a.men:active{text-decoration: none;

background: #F27DBC;
width: 50px;
padding-top: 10px;
padding-bottom: 10px; 
font-family: garamond;
font-size: 12px;
text-decoration: none;
color: black;
opacity: 0.3;filter: alpha(opacity=100); -moz-opacity: 0.5;
text-align:center;
display:block;
}
a.men:hover {
opacity: 1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}

0

16

http://uploads.ru/i/c/H/E/cHELb.png
HTML, где хотите видеть само меню

Код:
<table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td>
</tr> 
 
</table>

Цвета style_cs.css

Код:
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;

background: #4874bc;
width: 90px;
font-family: arial black;
font-size: 15px;
text-decoration: none;
color: #97beff;
display: block;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-bottom: 7px solid #4874bc;
text-align: center;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
}
a.menu:hover {
border-bottom: 7px solid #336699;
color: #4284c5;
}

0

17

http://uploads.ru/i/S/5/K/S5Kzh.png
HTML, где хотите видеть само меню

Код:
<table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
 
</table>

Цвета style_cs.css

Код:
a.menu:link, a.menu:visited, a.menu:active {
text-decoration:none;
font-family:Georgia;
font-style:italic;
font-size:19px;
color:#ffcfcf;
display:block;
text-align:center;
width:130px;
background-color:#edbebe;
font-weight:bold;
-moz-border-radius:7px;
border-radius:8px;
letter-spacing:1px;
}

a.menu:hover {
color:#ffcfcf;
background-color:#f2c1c1;
cursor:n-resize;
}

0

18

супернатурал. написал(а):

Цвета style_cs.css
Выделить код
a.menu:link, a.menu:visited, a.menu:active {
text-decoration:none;
font-family:Georgia;
font-style:italic;
font-size:19px;
color:#ffcfcf;
display:block;
text-align:center;
width:130px;
background-color:#edbebe;
font-weight:bold;
-moz-border-radius:7px;
border-radius:8px;
letter-spacing:1px;
}

a.menu:hover {
color:#ffcfcf;
background-color:#f2c1c1;
cursor:n-resize;
}


Извините,...этот код идёт в свой стиль, во вторую часть(половину)? Лучше переспросить, чем не понять))) :D

0

19

maxshow
Свой стиль, второе окно. Все верно)

0


Вы здесь » White PR » Коды для дизайна ваших форумов » CSS NAVIGATIONS