help cách tạo tooltip!

xin chào các bạn! hiện web mình mình đang muốn tạo cái tooltip ở ngoài trang home các mục đấy! nhưng mà ko biết tootip xenfor viết kiểu gì nên cần anh em giúp đỡ
http://diadiembamien.com/

thank all

 

Bạn nói rõ ý tưởng được không? Hoặc có một web nào đó demo? Chứ mình không hiểu lắm! Chắc mọi người cũng không hiểu nên chưa ai trả lời bạn

 

đây bạn ơi! mình muốn tạo tooltip ở chỗ đáy nhưng ko biết làm kiểu gì! mình dùng XenPorta! đây là code phần đấy! thank bạn

PHP:

<xen:require css="message_user_info.css" />
<xen:require css="bb_code.css" />
<xen:require css="EWRblock_RecentNews1.css" />
 
<div id="RecentNews1" class="RecentNews1 sectionMain">
    <h2><img src="styles/8wayrun/Restaurant.png" height="45" width="45"style="margin-top:-14px;margin-bottom:0px; border:0px"><a href="#" title="Địa điểm nhà hàng-quán ăn ngon-đặc sản các vùng">Địa Điểm Nhà Hàng Quán ăn</a></h2>
    <div class="box_home_content">
        <xen:foreach loop="$RecentNews1" value="$news" i="$i">
            <xen:if is="{$i} < 1">
                <h3><a href="{xen:link threads, $news}" class="newsTitle">{$news.title}</a></h3>
                <xen:if is="{$news.promote_icon} != 'disabled'">
                    <xen:if hascontent="true">
                        <xen:contentcheck>
                        <xen:if is="{$news.attach}">
                            <a href="{xen:link threads, $news}"><img src="{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}" /></a>
                        <xen:elseif is="{$news.medio}" />
                            <div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">
                                <a href="{xen:link 'full:media/popout', $news.medio}" class="OverlayTrigger"><img src="styles/8wayrun/EWRmedio_play.png" width="160" height="90" /></a>
                            </div>
                        <xen:elseif is="{$news.image}" />
                            <a href="{xen:link threads, $news}"><img src="{$news.image}" alt="{$news.image}" style="max-height: 150px; max-width: 150px;" /></a>
                        <xen:else />
                            <xen:avatar user="$news" size="m" itemprop="photo" />
                        </xen:if>
                        </xen:contentcheck>
                    </xen:if>
                </xen:if>
                <div class="newsText">{xen:raw $news.messageText}</div>
                <div class="clearFix"></div>       
            <xen:else />
                <h3><a href="{xen:link threads, $news}" class="newsTitle more">{$news.title}</a></h3>
            </xen:if>
        </xen:foreach>
    </div>
    <xen:if hascontent="true">
    <div class="section sectionMain">
        <xen:contentcheck>
        <xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
            <xen:if is="{$category}">
                <xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
            <xen:else />
                <xen:pagenav link="portal" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
            </xen:if>
        </xen:if>
        </xen:contentcheck>
    </div>
    </xen:if>
</div>

css của mình

Mã:

.RecentNews1 .sectionFooter .continue a { background: transparent url('@imagePath/xenforo/icons/redirect.png') no-repeat left bottom; padding-left: 20px; }
 
.clearFix { clear: both;}
.RecentNews1 img {border: 1px solid #000000;float: left;margin-right: 10px;}
.RecentNews1 h2 {
    font-size: 15px;
    font-weight: bold;
       
    text-transform: uppercase;
    padding: 14px 10px;
    border-radius:4px 4px 0 0;
    margin: 0px -11px 10px;
    background:#a5cae4;
}
.RecentNews1 h3 {padding-bottom: 7px;}
.RecentNews1 h3 a { font-size: 13px; font-weight: none;}
a.more {
    font-size: 12px !important;
    background-image: url("styles/images/li_vuong.jpg");
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 15px;
}
a.newsTitle {}
.sectionMain {
    background-color: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 10px auto;
    padding: 0 10px;
}