|
|
| |
21.08.2013, 02:49 |
Делаем подсказки к ссылкам на CSS
Создайте стиль (в Вашей таблице стилей или на самой странице через
<style></style> между тэгами <head></head>) для
первой (информационной) подсказки: <style>
.tooltip { position:relative; z-index:24; }
.tooltip span { display:none;}
.tooltip:hover {z-index:25;}
.tooltip:hover span {
display:block;
position:absolute;
width:120px;
top:25px;
left:20px;
background-color:#FCFBDC;
border:1px solid #333333;
padding:5px;
font-size:11px;
color:#333333;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
</style> Для второй <style>
.warning { position:relative; z-index:24; } .warning span { display:none; }
.warning:hover {z-index:25;}
.warning:hover span {
display:block;
z-index:25; br>position:absolute;
width:250px;
top:25px;
left:20px;
background:#FCE4E4 url(warning.gif) no-repeat left;
border: 1px solid #990000;
padding:5px 5px 5px 35px;
font-size:11px;
color:#990000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
</style> Для первой <a href="http://atimstudio.narod.ru" class="tooltip"
target="_blank"><span>На главную</span>Ссылка на
сайт</a> Для второй <a href="http://atimstudio.narod.ru" class="warning"
target="_blank"><span>На главную</span>Ссылка на
сайт</a> |
| Добавил: AtimStudio |
|
| Просмотров: 377
| Рейтинг: 0.0/0 |
|
|
|
