![[COde] Tooltip đen cực đẹp cho forum của bạn Logo](https://2img.net/i/fa/logo/logo.png){kind=logo}
Trang Chính
cái này đã share và ๖๖ۣۜMình edit thêm
đẹp demo : [You must be registered and logged in to see this link.]
chèn vào css:
. sử dụng tooltip theo mẫu:
đẹp demo : [You must be registered and logged in to see this link.]
chèn vào css:
- Code:
/* tooltip
--------------------------------------------------- */
#dhtmlpointer, #dhtmltooltip
{
z-index: 999; /*Vị trÃ, trạng thái mặc định*/
left: -300px; top:0px;
visibility: hidden;
position: absolute;
padding: 15px;
text-align:left;
-moz-opacity: 0.8; /* Äá»™ trong suốt 80% */
opacity: 0.8;
filter: alpha(opacity=80);
}
#dhtmltooltip
{
border: #000000 0px solid; /* Mà u viá»n, bo tròn viá»n */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 9pt; font-weight:bold; /* Kiểu, cỡ, mà u chữ mặc định */
font-family: Arial; color:#fff;
background-color: #000; /* Mà u ná»n mặc định */
width: auto; /* Chiá»u rá»™ng tối Ä‘a */
max-width: 340px;
width:expression(document.body.clientWidth > 340? "340px": "auto");
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
- Code:
<script type='text/javascript' src='http://www.c3zone.net/html-h33.htm'></script>
. sử dụng tooltip theo mẫu:
- Code:
<span onmouseover="showtip('Nội dung trong tooltip');" onmouseout="hidetip();">Vùng rê chuột vào hiện tooltip</span>
Không Copy Bài Viết |
![[COde] Tooltip đen cực đẹp cho forum của bạn 1199933151](/users/3016/30/09/88/smiles/1199933151.gif)
tks bạn và khuyến khích hide nghen ^^