Кот

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

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


Вы здесь » Кот » Фишки и примочки » CSS - навигации


CSS - навигации

Сообщений 11 страница 20 из 31

11

http://savepic.ru/2905129.jpg
Источник: The Violet Maniac
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>

0

12

http://savepic.ru/2891816.jpg
Источник: Sound of my Dreams
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>

Отредактировано разноцветная птица; (2012-06-02 19:01:53)

0

13

http://s019.radikal.ru/i600/1206/ac/df35457bafb0.png
Источник: The Violet Maniac
css

Код:
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color : #b8b8b8;
background : #ffffff;
font-size : 17px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
text-align : center;
margin : 2px;
padding : 5px;
font-style:italic;
display:block;
width:80px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-bottom:1px solid #b8b8b8;
text-transform:uppercase; 
margin-bottom: 0px; 
margin-top: 0px; 
letter-spacing:1px;
line-height: 18px; 
}

a.tvm:hover {
color : #ffffff;
background : #b8b8b8;
font-size : 17px;
text-decoration : none;
font-family:century gothic;
font-weight: normal;
border: 0px;
text-align : center;
margin : 2px;
padding : 5px;
font-style:italic;
display:block;
width:80px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-bottom:1px solid #ffffff;
text-transform:uppercase; 
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="tvm" target="">index</a></td>
</tr>

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

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


</table>

0

14

http://s019.radikal.ru/i636/1206/28/e2eab5963cff.png
Источник: The Violet Maniac
css

Код:
a.tvm, a.tvm:link, a.tvm:active, a.tvm:visited {
color: #eeeded;
 background:#ff0000; 
 font-size:33px;
  font-family: arial black;
 letter-spacing:-4px;
  font-weight:bold;
   text-decoration:none; 
   padding:1px;
   font-style:normal;
   text-align:center;
   line-height: 20px;
   display:block;
padding-left:5px;padding-right:5px;
   text-transform: uppercase;
border:0px;}



a.tvm:hover{
color: #ff0000;
 background:#eeeded; 
 font-size:33px;
  font-family: arial black;
 letter-spacing:-4px;
  font-weight:bold;
   text-decoration:none; 
   padding:1px;
   font-style:normal;
   text-align:center;
   line-height: 20px;
   display:block;
padding-left:5px;padding-right:5px;
   text-transform: uppercase;
border:0px;
}

html

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

0

15

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

16

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

17

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

18

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

19

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

20

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


Вы здесь » Кот » Фишки и примочки » CSS - навигации


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC