» 
Giới tính
demo:
- Code:
http://cafam.123.st/forum
- Code:
body
{
background: #FFFFFF url(http://i70.servimg.com/u/f70/16/20/97/91/cafbac10.jpg) no-repeat top center fixed;;
color: #004000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
a:hover, a:active
{
color: #000000;
text-decoration: LEFT: 1px; POSITION: relative; TOP: 0px;;
}
}
a:link, body_alink
{
color: #000000;
text-decoration: none;
}
a:visited, body_avisited
{
color: #FF3333;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #339900;
text-decoration: none;
}
.page
{
background: #FFFFFF;
color: #000000;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #FFFFFF;
color: #000000;
border: 1px solid #dcdcdc;
}
.tcat
{
background: #90CA13 url(http://i67.servimg.com/u/f67/15/37/73/36/rowtit10.jpg) repeat-x;
color: #90CA13;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
color: #FFFFFF;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #000000;
text-decoration: none;
}
.thead
{
background: #FFFFFF url(http://i67.servimg.com/u/f67/15/37/73/36/thead210.gif) repeat-x;
color: #90CA13;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #000000;
}
.tfoot
{
background: #90CA13 url(http://i67.servimg.com/u/f67/15/37/73/36/rowtit10.jpg) repeat-x;
color: #90CA13;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FF0000;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFCC33;
}
.alt1, .alt1Active
{
background: #fcfcfc;
color: #343434;
}
.alt2, .alt2Active
{
background: #FFFFFF;
color: #343434;
}
.inlinemod
{
background: #FFFFFF;
color: #000000;
}
.wysiwyg
{
background: #FFFFFF;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #000000;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #000000;
color: #FFFFFF;
}
.fjdpth0
{
background: #000000;
color: #FFFFFF;
}
.panel
{
background: #FFFFFF;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #F9F9F9;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.caf_menu
{
background: #000000 url(http://i67.servimg.com/u/f67/15/37/73/36/rowtit12.png) repeat-x;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.caf_menu a:link, .caf_menu_alink
{
color: #FFFFFF;
text-decoration: none;
}
.caf_menu a:visited, .caf_menu_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.caf_menu a:hover, .caf_menu a:active, .caf_menu_ahover
{
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
}
.vbmenu_option
{
background: #FFFFFF;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #000000;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #FF0000;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: #000000;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #000000;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FF0000;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #009900;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.quote {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px; text-indent: 2em;
line-height: 125%; min-width:500px; padding:6px;
border:1px solid #d4d4d4;
background: #FFFFFF url('http://i73.servimg.com/u/f73/16/03/68/97/quoteb10.jpg') repeat;
}
.quote .quote {background-color:#EFE0E6 url('http://i73.servimg.com/u/f73/16/03/68/97/quoteb10.jpg') repeat}
.quote .quote .quote {background-color:#EBEADD url('http://i73.servimg.com/u/f73/16/03/68/97/quoteb10.jpg') repeat}
.quote table {margin:5px 16px 0 16px;text-indent:0px!important}
.onlinetest {
background: #ededed url(http://cA3.upanh.com/9.798.13963502.OON0/offline.png) ;
height: 20px;
width: 80px;
border: 0px;
}
.forumline{
border: 0px #0d0d0d solid;
background: #fff url(http://www.uploadanh.com/upload/0/51/0.926098001239632864.gif) no-repeat 0px 34px;
color: #000000;
}
.forumline02{
border: 0px #0d0d0d solid;
background: #fff;
color: #000000;
}
.catLeft
{
background: #90CA13 url(http://i67.servimg.com/u/f67/15/37/73/36/rowtit10.jpg) repeat-x top left;
color: #90CA13;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.catLeft a:link, .catLeft_alink
{
color: #000000;
text-decoration: none;
}
.catLeft a:visited, .catLeft_avisited
{
color: #000000;
text-decoration: none;
}
.catLeft a:hover, .catLeft a:active, .catLeft_ahover
{
color: #FF3300;
text-decoration: underline;
}
td.row1{
background: #fff;;
color: #000000;
}
td.row2{
background: #fff;
color: #000000;
}
td.row3{
background: transparent;
color: #000000;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background: #90CA13 url(http://i67.servimg.com/u/f67/15/37/73/36/rowtit10.jpg) repeat-x top left;
color: #90CA13;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 29px;
}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/tt_bottom.gif) top right no-repeat; overflow:hidden}
#mudimPanel {-webkit-transition: all 2s ease;-moz-transition: all 2s ease;background:#FFF url('http://i1099.photobucket.com/albums/g397/thedarkraven20/go10.jpg') no-repeat right center!important;-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);bottom: 9px!important;left:-333px!important;width: 330px!important;height: 47px!important;padding: 4px 26px 4px 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}
#mudimPanel:hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);left:0!important}
.postbody {padding:10px}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/bg10.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #fff;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/ovl10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/indic10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #fff;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #fff;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/hex10.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r, .colorpicker_rgb_g, .colorpicker_rgb_b {
background-image: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/rgb_r10.png);
}
.colorpicker_rgb_r {
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
top: 112px;
left: 212px;
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
background-image: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/h10.png);
}
.colorpicker_hsb_h {
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i1099.photobucket.com/albums/g397/thedarkraven20/Color%20Picker/submit10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider{
background-position: bottom;
}
a:hover {
text-decoration: none !important;
color :#ff2c9c;
}
a:hover
{text-decoration:none;
color:#90CA13;
text-decoration:none;
background-image:url(http://img.photobucket.com/albums/v76/lienrom/92946cxn8xmvkw5.gif);}
fieldset {
border:1px solid #1D1D1D;
padding:8px;
-moz-border-radius:5px
}
/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:800px;}
.postbody img:hover{
max-width:1200px;
overflow:auto;
}
.postbody img:before {
display: block;
height: 30px;
width: auto;
no-repeat;}
- Code:
{JAVASCRIPT}
{CHATBOX_TOP} {BOARD_INDEX}
<!-- BEGIN disable_viewonline --> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><thead> <tr> <td class="tcat" colspan="2"><b><font color="#8FC912">♥ Tình hình CAF ♥</b></font></td> </tr> </thead> <tbody> <tr> <td class="thead" colspan="2">Ai đang online vậy ?</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="http://i1099.photobucket.com/albums/g397/thedarkraven20/Forum%20CAF1/whosonl.jpg" id="stat" alt="{L_WHO_IS_ONLINE}"></td> <td class="alt1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br> {RECORD_USERS}<br><br> {LOGGED_IN_USER_LIST} </span> </td> </tr></tbody> <tbody> <tr> <td class="thead" colspan="2">Ai đã ghé thăm CAF ?</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="http://i1099.photobucket.com/albums/g397/thedarkraven20/Forum%20CAF1/conectmem.jpg" id="stat2" alt="{L_WHO_IS_ON2}"></td> <td class="alt1"><table id="castats">{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table><script type="text/javascript">
document.getElementById('castats').innerHTML=document.getElementById('castats').innerHTML.replace(/Members connected during last (.+) hours/,'Thành viên truy cập trong $1 giờ qua');
document.getElementById('castats').innerHTML=document.getElementById('castats').innerHTML.replace(/Users having a birthday today/,'Thành viên có sinh nhật hôm nay');
document.getElementById('castats').innerHTML=document.getElementById('castats').innerHTML.replace(/No users have a birthday today/,'Không có thành viên nào có sinh nhật vào hôm nay');
document.getElementById('castats').innerHTML=document.getElementById('castats').innerHTML.replace(/Users with a birthday within the next (.+) days/,'Thành viên có sinh nhật trong $1 ngày kế tiếp');
document.getElementById('castats').innerHTML=document.getElementById('castats').innerHTML.replace(/No users are having a birthday in the upcoming (.+) days/,'Không có thành viên nào có sinh nhật trong $1 ngày kế tiếp');
</script></td> </tr></tbody> <tbody> <tr> <td class="thead" colspan="2">Thống kê chung CAF</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="http://i1099.photobucket.com/albums/g397/thedarkraven20/Forum%20CAF1/stats.jpg"></td> <td class="alt1"><span class="gensmall">{TOTAL_POSTS}<br> {TOTAL_USERS}<br> {NEWEST_USER}</span></td> </tr> <tbody> <tr> <td class="thead" colspan="2">Liên kết - ( PM: Yummiah )</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="http://i1099.photobucket.com/albums/g397/thedarkraven20/logocaf250x250.jpg" id="stat2" alt="Liên kết website" width="100"></td> <td class="alt1">
<iframe src="http://cafam.123.st/h8-page" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" height="100" scrolling="no" width="100%"></iframe><br />
+<b>Text link</b>: <a href="http://saiblogvn.blogspot.com" target="_blank" alt="Sai Blog">Sai Blog</a> ♥ <a href="http://auto-joiner.co.cc/vi/" target="_blank">Auto-Joiner cho GG</a>
</td> </tr></tbody><!-- BEGIN switch_chatbox_activate --> <tr> <td class="alt1" colspan="2"> <span class="gensmall">Những bạn đang chat : {CHATTERS_LIST} <br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', 'Tham gia chat'); </script> <!-- END switch_chatbox_popup --> </span> </td> </tr> </tbody> <!-- END switch_chatbox_activate --> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="smallfont">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="smallfont">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="smallfont">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend --> <br /> <br /> {AUTO_DST}
- Code:
<br />
<iframe src="http://cafam.123.st/h1-page" height="300" width="100%" frameborder="0"></iframe>
<br /><br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="catHead" height="28"><span class="tcat">♥ Thông báo & Sự kiện ♥</span></td></tr><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><table width="100%" border="1" cellpadding="1" cellspacing="1">
<tbody><tr>
<td><img src="http://i1099.photobucket.com/albums/g397/thedarkraven20/test.jpg"><br></td>
<td style="text-align: center;"><font style="color: YellowGreen;" size="4"><span style="font-weight: bold;">..:: C r a z y A n i m a l s F a m i l y ::..</span>
<br style="font-weight: bold;"><span style="font-weight: bold;">Where the dream come true !<br />
<a href="#" rel="sidebar" title="♥ C.A.F ♥" onclick="javascript:window.external.AddFavorite('http://cafam.123.st','[C]razy[A]nimals[F]amily');return false"><img src="http://upload.wikimedia.org/wikipedia/commons/4/47/Fairytale_bookmark_golden.png"></img></a><br><span style="color: SandyBrown;"><span style="color: Black;">*Lưu ý:</span> Truy cập CAF tốt nhất trên trình duyệt web Firefox và Chrome.</span><br><br></span></td>
</tr>
</tbody></table>
<br /><br />
<!-- BEGIN switch_user_logged_out -->
<table class="tborder" cellpadding="6" cellspacing="5" border="0" width="100%" align="center">
<tr>
<td class="tcat">†♥ Chào mừng bạn đến với gia đình Crazy Animals ♥†.</td>
</tr>
<tr>
<td class="alt1">
» Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần <a href="/faq"><strong>hỏi/đáp</strong></a> để biết cách dùng diễn đàn<br />
» Bạn có thể phải <a href="/register"><strong>đăng ký</strong></a> trước rồi mới được gởi bài viết.<br />
» Để bắt đầu xem bài viết, bạn lựa chọn chuyên mục mà bạn muốn ghé thăm từ sự chọn lựa bên dưới.
</td>
</tr>
</table>
<!-- END switch_user_logged_out -->
<br />
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <table class="tborder" cellpadding="6" cellspacing="3" border="0" width="100%" align="center"><tbody>
<tr>
<td class="tcat" colspan="5">
<a style="float: right;" href="#top"><img src="http://i1099.photobucket.com/albums/g397/thedarkraven20/Forum%20CAF1/collapsetcat.gif" alt="" border="1"></a>
<span class="secondarytitle"><font color="#ffffff">{catrow.tablehead.L_FORUM}</font></span></td>
</tr>
</tbody>
<tr align="center">
<td class="thead" width="35"> </td>
<td class="thead" align="left">Chuyên mục</td>
<td class="thead" width="320">Bài mới gởi</td>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr align="center">
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="alt2">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="alt1Active" align="left">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="alt2" cellspacing="3" style="padding: 2px;border: 0px #CCCCCC solid">
<div class="smallfont" align="center">{catrow.forumrow.LAST_POST}
<div class="forum_info">
Bài gửi:{catrow.forumrow.POSTS} - Chủ đề:{catrow.forumrow.TOPICS}</div></div></td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><div style="padding: 0 0 16px 0;"></div> <!-- END tablefoot --><!-- END catrow -->
- Code:
<script src=http://code-forum.googlecode.com/files/FMvar.js></script>
<script src=http://mudim.googlecode.com/files/mudim-0.8-r126.js></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
<title>..:: CAF - {PAGE_TITLE} ::..</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_ticker -->
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<!-- END switch_ticker -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN hitskin_preview -->
<style type="text/css">
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
z-index: 2;
background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
float: left;
margin: 3px 0 0 0;
padding: 0 0 0 10px;
font: italic normal 25px Arial,sans serif;
color: #fff;
}
#hitskin_preview h1 img {
vertical-align: middle;
}
#hitskin_preview em {
color: #7CBA2C;
font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}
#hitskin_preview .content {
text-align: right;
}
#hitskin_preview .content p {
margin: 4px 1em 0px 1em;
font-size: 13px;
line-height: 1.8em;
color: #fff;
font-weight: bold;
}
#hitskin_preview .content p span {
font-weight: normal;
font-size: 0.8em;
}
body {
margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>
<!-- END hitskin_preview -->
<body>
<!-- logo -->
<a name="top"></a>
<table border="0" width="900" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="left"><a href="index.htm">
<img src=" http://i1099.photobucket.com/albums/g397/thedarkraven20/cafambanner3.jpg " height="350" width="900" border="0" alt="Crazy Animals Family" /> </a></td>
</tr>
</table>
<!-- /logo -->
<a name="top"></a>
{JAVASCRIPT}
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<!-- content table -->
<!-- open content container -->
<div align="center">
<div class="page" style="width:900px; text-align:left">
<div style="padding:0px 5px 0px 5px" align="left">
<br />
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<div class="navbar" style="font-size:10pt"><a href="http://cafam.123.st/forum"><font size="blue"><strong>† Crazy Animals Family - Where the dream come true † </strong></font></a></div>
<div class="navbar" style="font-size: 8pt;"><strong><div class="nav">{NAV_CAT_DESC}</div><img src="http://i1099.photobucket.com/albums/g397/thedarkraven20/Forum%20CAF1/navbitsfinallinkltr.gif" /> {PAGE_TITLE} </strong>
</td>
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- BEGIN switch_user_logged_out --><!—
/ bang-dang-nhap -->
<form action="{S_LOGIN_ACTION}?redirect={TOPIC_URL}" method="post" name="form_login">
<table cellpadding="0" cellspacing="0" border="0" valign=middle>
<tr><td>
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td style="white-space: nowrap;"><label><span class="smallfont">♥ Tên đăng nhập ♥</span></label></td>
<td> <input class="post" type="text" size="10" name="username"/></td>
</tr>
<tr>
<td class="gensmall"><label><span class="smallfont">♥ Mật khẩu ♥</span></label></td>
<td> <input class="post" type="password" size="10" name="password" /></td>
</tr></table>
</td>
<td>
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td nowrap="nowrap"><label><span class="smallfont">Ghi nhớ</span> <input class="radio" type="checkbox" name="autologin" checked="checked" /></label>
</td>
</tr>
<tr>
<td nowrap="nowrap"><input class="button" type="submit" name="login" value="Xong rồi !"></td></tr>
</table>
</td></tr>
</table>
<center><b><a href="profile.forum?mode=sendpassword"><font size=1.7>♥ Lỡ quên mật khẩu rồi T.T ♥</font></a></b></center>
</form> <!—
/ bang-dang-nhap --><!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<span class="genmed"><span class="USERNAME">Chào bạn </SPAN> !<br /><span class="gensmall">{LAST_VISIT_DATE} <br />{CURRENT_TIME}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->
<!-- nav buttons bar -->
<div class="tborder" style="padding:1px; border-top-width:0px">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr align="center">
<td class="caf_menu"><a href="http://cafam.123.st" accesskey="5">Trang chủ</a></td>
<!-- BEGIN switch_user_logged_out -->
<td class="caf_menu"><a href="/profile.forum?mode=register" rel="nofollow">Đăng kí</a></td>
<td class="caf_menu"><a href="/login.forum?connexion" rel="nofollow">Đăng nhập</a></td>
<!-- END switch_user_logged_out -->
<td class="caf_menu"><a href="/forum.htm" accesskey="5">Diễn đàn</a></td>
<td class="caf_menu"><a href="/memberlist.forum">Thành viên</a></td>
<td class="caf_menu"><a href="/calendar.htm">Lịch</a></td>
<td class="caf_menu"><a href="/search.forum?search_id=activetopics" accesskey="2">Bài trong ngày</a></td>
<td id="navbar_search" class="caf_menu"><a href="/search.forum" rel="nofollow">Tìm kiếm</a> </td>
<!-- BEGIN switch_user_logged_in -->
<td class="caf_menu"><a href="/profile.forum?mode=editprofile" accesskey="2">Lí lịch</a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_in -->
<td class="caf_menu"><a href="/msg.forum?folder=inbox" accesskey="2">Tin nhắn</a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_in -->
<td class="caf_menu"><a href="/login.forum?logout=true" accesskey="2">Thoát</a></td>
<!-- END switch_user_logged_in -->
</tr>
</table>
</div>
<!-- / nav buttons bar -->
<br />
{JAVASCRIPT}
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td valign="top" width="100%">
<div class="test"><table class="thongke" cellpadding="0" cellspacing="0" width="100%" align="center"><tr><!-- BEGIN giefmod_index1 --><td align="center">
{giefmod_index1.MODVAR}
</td><!-- END giefmod_index1 --></tr></table><br /></div>
</td>
</tr><tr>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
<script type="text/javascript">
var tooltip=function(){
var id = 'tt';
var top = 7;
var left = 3;
var maxw = 300;
var speed = 10;
var timer = 20;
var endalpha = 90;
var alpha = 0;
var tt,t,c,b,h;
var ie = document.all ? true : false;
return{
show:function(v,w){
if(tt == null){
tt = document.createElement('div');
tt.setAttribute('id',id);
t = document.createElement('div');
t.setAttribute('id',id + 'top');
c = document.createElement('div');
c.setAttribute('id',id + 'cont');
b = document.createElement('div');
b.setAttribute('id',id + 'bot');
tt.appendChild(t);
tt.appendChild(c);
tt.appendChild(b);
document.body.appendChild(tt);
tt.style.opacity = 0;
tt.style.filter = 'alpha(opacity=0)';
document.onmousemove = this.pos;
}
tt.style.display = 'block';
c.innerHTML = v;
tt.style.width = w ? w + 'px' : 'auto';
if(!w && ie){
t.style.display = 'none';
b.style.display = 'none';
tt.style.width = tt.offsetWidth;
t.style.display = 'block';
b.style.display = 'block';
}
if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
h = parseInt(tt.offsetHeight) + top;
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(1)},timer);
},
pos:function(e){
var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
tt.style.top = (u - h) + 'px';
tt.style.left = (l + left) + 'px';
},
fade:function(d){
var a = alpha;
if((a != endalpha && d == 1) || (a != 0 && d == -1)){
var i = speed;
if(endalpha - a < speed && d == 1){
i = endalpha - a;
}else if(alpha < speed && d == -1){
i = a;
}
alpha = a + (i * d);
tt.style.opacity = alpha * .01;
tt.style.filter = 'alpha(opacity=' + alpha + ')';
}else{
clearInterval(tt.timer);
if(d == -1){tt.style.display = 'none'}
}
},
hide:function(){
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
}
};
}();
</script>
