Quên mật khẩu

Đăng ký


You are not connected. Please login or register

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]


Không biết có share chưa, nhưng mình lấy cái recent của forum tớ tách cái tooltip cho các bạn, tooltip này cực nhẹ, không có js, không làm ảnh hưởng đến tốc độ Rum
(cái này hơi đơn giản tí )
Demo:
[Share] Tooltip trắng cực nhẹ cho mọi last topic 728x9013


hj, dùng cho 2 version punbb và phpbb2 - last gì cũng ok

Đây là code tooltip
Code:
<span class="leftrecent">
            <td width="65%">

<a onmouseover="show_tooltip(this,this.getElementsByTagName('span')[0].innerHTML,'Info');" href="{classical_row.recent_topic_row.U_TITLE}">
 
  <font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font><span style="display: none;"><b>Tiêu đề: </b><font color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font><br><br> <b>Thời gian: </b> <font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font><br><br><b>Người gửi cuối: </b> <!-- BEGIN switch_poster -->{classical_row.recent_topic_row.switch_poster.S_POSTER}<!-- END switch_poster --></span></a>
  </td>
  </span>


Đây là CSS
Code:

/*tooltip
--------------------------------------------------- */






 #tooltip {
    padding:0;
    max-width: 50% !important;
    color: #000;
  background: #FFFFFF none  ;
  _background-image: none;
border: 1px #000 solid; -moz-border-radius: 3px;border-radius: 3px;
    font-size:0.8em;text-align: left;
}

* html #tooltip {
    width: 30%;
}
#tooltip * {
    margin:2px 5px 2px 8px;
}
#tooltip ul {
    padding: 0px 0px 0px 20px;
}
#tooltip dl {
    clear:both;
    position:relative;
    margin-bottom: 10px;
}
#tooltip dt {
    float:left;
    border: medium none;
    padding-top: 3px;
    width: 50%;
}
#tooltip dd {
    margin-left: 50%;
    padding-left: 5px;
    vertical-align: top;
}
#tooltip p.header {
    margin:0;
    font-size:13px;
    color: green;
    padding: 1px 5px;
    background: #000000 repeat;
    font-weight: bold;
    border-bottom:0px;
}

#tooltip p {
    padding: 6px;
    color: #666666;
    font-size:11px;text-align: left;
}
.title_small{padding: 2px;
border-bottom: 1px #DBDBDB dashed;
font-size: 10px;
font-style: italic;}
#sell1,#sell2,#sell3,#sell4,#sell5,#sell6{background-color: #FFF;}

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