» 
Giới tính
demo : http://vnateam.123.st/h22-page
cho vào header hoặc body
- Code:
<div id="mudimPanel1" style="position: fixed; bottom: 0; right:0; left:0; width: 100px; border: 1px solid black; padding: 1px; background: lightYellow; color:Black; z-index:100; text-align: center; font-size: 10pt;"><a href="http://mudim.googlecode.com" title="Mudzot's Input Method" onclick="Mudim.ToggleDisplayMode();return false;">Mudim</a>
<ul id="bentrai" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"><li id="fm_sup_tab" class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">Tiêu điểm trong tuần</li>
<ol class="latest_topics"><font size="2px"><a href="http://vnateam.123.st/t105-topic" onmouseover="show_tooltip(this, $(this).next().html(), 'event admin nổi bật')"><li>event admin nổi bật </li></a>
<a href="http://vnateam.123.st/t120-topic" onmouseover="show_tooltip(this, $(this).next().html(), 'event tuyển mem ')"><li>
event tuyển mem </li></a>
<a href="http://vnateam.123.st/t101-topic" onmouseover="show_tooltip(this, $(this).next().html(), 'tuyển mod cho team ')"><li>
tuyển mod cho team </li></a>
<a href="http://vnateam.123.st/t98-topic" onmouseover="show_tooltip(this, $(this).next().html(), 'chọn icon trước và sau nick')"><li>
chọn icon trước và sau nick </li></a>
<a href="http://vnateam.123.st/t111-topic" onmouseover="show_tooltip(this, $(this).next().html(), 'báo danh tên tuổi')"><li>
báo danh tên tuổi</li></a>
<a href="#" onmouseover="show_tooltip(this, $(this).next().html(), 'Event đang được cập nhật và sẽ có trong thời gian sớm nhất ^^ ')"><li>
Update</li></a>
<a href="#" onmouseover="show_tooltip(this, $(this).next().html(), 'Event đang được cập nhật và sẽ có trong thời gian sớm nhất ^^ ')"><li>
Update</li></a>
<a href="#" onmouseover="show_tooltip(this, $(this).next().html(), 'Event đang được cập nhật và sẽ có trong thời gian sớm nhất ^^ ')"><li>
Update</li></a>
<a href="#" onmouseover="show_tooltip(this, $(this).next().html(), 'Event đang được cập nhật và sẽ có trong thời gian sớm nhất ^^ ')"><li>
Update</li></a>
<a href="#" onmouseover="show_tooltip(this, $(this).next().html(), 'Event đang được cập nhật và sẽ có trong thời gian sớm nhất ^^ ')"><li>
Update</li></a></font>
</ol>
<li id="fm_tut_tab" class="ui-state-default ui-corner-top"><a href="#tabs-2">Thống kê sơ lược team</a></li>
Tổng số chủ đề: -_-{FORUMCOUNTOPIC}-_-
Tổng số bài gửi: -_-{FORUMCOUNTPOST}-_-
Tổng số thành viên: -_-{FORUMCOUNTUSER}-_-
Tổng số bài gửi: -_-{FORUMCOUNTPOST}-_-
Tổng số bài gửi: -_-{FORUMCOUNTPOST}-_-
Team thanh lap dc - {FORUMAGE}
<li id="main_tab" class="ui-state-default ui-corner-top"><a href="#tabs-3">PunBb</a></li><li id="gen_tab" class="ui-state-default ui-corner-top"><a href="#tabs-4">Invision</a></li><li id="mot_tab" class="ui-state-default ui-corner-top"><a href="#tabs-5">CSS</a></li><li id="hai_tab" class="ui-state-default ui-corner-top"><a href="#tabs-6">Thắc mắc - giải đáp</a></li></ul></div>
<style>#mudimPanel1{
background:#FFF url('http://i30.servimg.com/u/f30/17/60/05/62/mn10.png') no-repeat right center!important;
border:2px solid #DDD!important;
position:fixed!important;
width:315px!important;
height:125px;
padding:11px 25px 11px 4px!important;
font-size:9px!important;
vertical-align: middle;
bottom:100px!important;
left:-302px!important;
}
#mudimPanel1:hover{
left:-2px!important
}#profile-advanced-add a,.borderwrap a,.posting-buttons a,.post a,#mudimPanel1{
-webkit-transition:All .3s ease;
-moz-transition:All .3s ease;
-o-transition:All .3s ease;
}#bentrai {
position: fixed;
width: 300px;
height: 100%;
z-index: 100;
border-radius: 0;
margin: 0;
padding: 0;
top: 0;
background: #51C3FA;
}.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}#fm_sup_tab, #fm_tut_tab, #main_tab, #gen_tab, #mot_tab, #hai_tab {
border-radius: 0 !important;
display: block !important;
float: none;
margin: 3px 5px;
background: white;
}</style>
