You are not connected. Please login or register

 » Forumotion » Share Code » Css » [COde] Tooltip đen cực đẹp cho forum của bạn

[COde] Tooltip đen cực đẹp cho forum của bạn

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

vovanan

avatar
Super Moderators
Super Moderators
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:
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;
   
}
chèn vào over footer:

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

Xem lý lịch thành viên
Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

tks bạn và khuyến khích hide nghen ^^

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết