ქვემოთმოცემული სკრიპტი ჩასვით ინფორმერში სკრიპტი საჭიროებს რედაქტირებას: აუცილებელია ჩაწეროთ გვერდის მისამართები და მენიუს სათაურები
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#vert_menu {
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 100%;
width: 202px;
}
#vert_menu li {
height: 30px;
}
#vert_menu li a:link, #vert_menu li a:visited {
text-decoration: none;
color: #e75533;
display: block;
background: url(http://wallaby.ucoz.ru/menu/vert_menu3.png) 0 0 no-repeat;
padding: 10px 0 10px 10px;
}
#vert_menu li a:hover, #vert_menu li #current {
color: #FFF;
background: url(http://wallaby.ucoz.ru/menu/vert_menu3.png) 0 -37px no-repeat;
padding: 10px 0 10px 15px;
}
<span class="hlp1"
onclick="return !window.open('sitemap_options.php#rs1')"
onmouseover="_tt.show(this,'Всплывающая подсказка.<br>Это вторая строка подсказки.')">?</span>
Стили:
/*всплывающие подсказки*/
#tt {position:absolute; display:block;
padding:10px;
border:solid #089dcb;
border-width:1px;
border-radius:10px 10px 10px 0px;
-webkit-border-radius:10px 10px 10px 0px;
-moz-border-radius:10px 10px 10px 0px;
-webkit-box-shadow:1px 1px 2px #888888;
-moz-box-shadow:1px 1px 2px #888888;
box-shadow:1px 1px 2px #888888;
background-color:#ffD;
}
.hlp1 { color:#000;border:#9fbddd 1px solid;background-color:#E7F5FE;
cursor:help;margin-left:5px;line-height:14px;
width:12px;display:inline-block;text-align:center;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
font-weight:100;
text-indent:0;
}
