CoolCmd
Junior Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
.gm-for-qq-popup {
position: absolute;
border: 1px solid #444;
border-radius: 10px;
overflow: hidden;
white-space: nowrap;
box-shadow: 4px 4px 6px rgba(0,0,0,.15);
font: 12px Tahoma, Arial, sans-serif;
background: url("data:image/gif;base64,R0lGODlhCgAIAAAAACH5BAEAAAEALAAAAAAKAAgAoP///wEAAAIQhBFxi8qWHnRzxmadTjrPAgA7") no-repeat center, #6391D1;
}
.gm-for-qq-popup-hide {
visibility: hidden;
opacity: 0;
}
.gm-for-qq-popup-full {
max-width: 250px;
max-height: 150px;
}
.gm-for-qq-popup-icon {
width: 18px;
height: 16px;
}
.gm-for-qq-popup-item {
display: block !important;
padding: 4px !important;
text-align: left !important;
text-decoration: none !important;
color: black !important;
background: #F5F9FD !important;
}
.gm-for-qq-popup-item:hover {
color: white !important;
background: #6391D1 !important;
}
.gm-for-qq-popup-item + .gm-for-qq-popup-item {
border-top: 1px solid gray;
}
:not(.gm-for-qq-popup-full) > .gm-for-qq-popup-item {
display: none !important;
}
/*
.gm-for-qq-popup-item:first-of-type {
border-radius: 9px 9px 0 0;
}
.gm-for-qq-popup-item:last-of-type {
border-radius: 0 0 9px 9px;
}
*/
</style>
<script type="text/javascript">
</script>
</head>
<body>
<br>
<div class="gm-for-qq-popup gm-for-qq-popup-icon">
<a href="javascript:" class="gm-for-qq-popup-item">Item 1</a>
<a href="javascript:" class="gm-for-qq-popup-item">Item 2</a>
<a href="javascript:" class="gm-for-qq-popup-item">Item 3</a>
</div>
<br>
<div class="gm-for-qq-popup gm-for-qq-popup-full">
<a href="javascript:" class="gm-for-qq-popup-item">Item 1</a>
<a href="javascript:" class="gm-for-qq-popup-item">Item 2</a>
<a href="javascript:" class="gm-for-qq-popup-item">Item 3</a>
</div>
</body>
</html>
|
|
Всего записей: 35 | Зарегистр. 05-02-2005 | Отправлено: 17:18 09-04-2012 | Исправлено: CoolCmd, 18:52 09-04-2012 |
|
