CSS - навигации

Страница: « 1 2 3 4 »

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

Поделиться112012-06-02 18:59:52

Автор: разноцветная птица;
здесь может быть ваша реклама за 10$
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 628
Уважение: +43
Позитив: +21
Пол: Женский
Возраст: 27 [1998-03-11]
Провел на форуме:
4 дня 2 часа
Последний визит:
2013-01-16 18:08:23

Источник: 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>

Поделиться122012-06-02 19:01:20

Автор: разноцветная птица;
здесь может быть ваша реклама за 10$
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 628
Уважение: +43
Позитив: +21
Пол: Женский
Возраст: 27 [1998-03-11]
Провел на форуме:
4 дня 2 часа
Последний визит:
2013-01-16 18:08:23

Источник: 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)

Поделиться132012-06-22 09:59:19

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

Источник: 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>

Поделиться142012-06-22 10:01:26

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

Источник: 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>

Поделиться152012-06-22 10:08:01

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

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;
}

Поделиться162012-06-22 10:08:20

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

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

Поделиться172012-06-22 10:08:54

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

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;
}

Поделиться182012-06-22 10:09:07

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

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; }

Поделиться192012-06-22 10:09:24

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

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;
}

Поделиться202012-06-22 10:09:39

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

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;

}

Страница: « 1 2 3 4 »

Кот

Меню навигации

Пользовательские ссылки

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

CSS - навигации

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

Поделиться112012-06-02 18:59:52

Поделиться122012-06-02 19:01:20

Поделиться132012-06-22 09:59:19

Поделиться142012-06-22 10:01:26

Поделиться152012-06-22 10:08:01

Поделиться162012-06-22 10:08:20

Поделиться172012-06-22 10:08:54

Поделиться182012-06-22 10:09:07

Поделиться192012-06-22 10:09:24

Поделиться202012-06-22 10:09:39