Special 4 Column pro wgo

[anhtuanctk32]

Demo : http://svhubt.vn/ kéo xuống dưới cùng


Cài đặt :

Import cả 3 file XML

Chỉnh sửa template :

1/ mở forumhome.css
Chèn xuống dưới cùng


.tborder
{
background: #F0F2FA;
color: #000000;
border: 1px solid #989898;
}
.tcat
{
background: #F2F2F2 url(images/buttons/newbtn_middle.png) repeat-x top left;
color: #333333;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:8px 6px 7px 6px;
}
.tcat a:link, .tcat_alink
{
color: #333333;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #333333;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FF4400;
text-decoration: underline;
}
.thead
{
background: #F2F2F2 url(images/buttons/newbtn_middle.png) repeat-x top left;
color: #333333;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom:1px solid #8f95bf;
}
.thead a:link, .thead_alink
{
color: #333333;
}
.thead a:visited, .thead_avisited
{
color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FF4400;
}
.alt1, .alt1Active
{
background: #FBFBFD;
color: #000000;

}
.alt2, .alt2Active
{
background: #F1F1F1;
color: #000000;

}




2/ Mở forumhome
Tìm {vb:raw ad_location.ad_forumhome_afterforums}
chèn xuống dưới




<!-- what's going on box -->

<div id="wgo" class="collapse wgo_block">

<table class="block" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<thead>
<tr>
<div id="wgo" class="blockhead" colspan="5">
<small><span style="float:right"><b>{vb:rawphrase most_users_ever_online_was_x_y_at_z, {vb:raw recordusers}, {vb:raw recorddate}, {vb:raw recordtime}}</span>
{vb:rawphrase whats_going_on} : {vb:rawphrase there_are_x_online, {vb:raw totalonline}} {vb:rawphrase x_members_and_y_guests, {vb:raw numberregistered}, {vb:raw numberguest}}</b></small>
</div>
</tr>
</thead>

<tr valign="top">

<td class="alt2" height="10px" style="width:4%;"></td>

<td class="alt2" height="10px" style="width:24%;">Online Users</td>

<td class="alt2" height="10px" style="width:24%;">Members who have Visited</td>

<td class="alt2" height="10px%" style="width:24%;">Todays Top Posters</td>

<td class="alt2" height="10px" style="height:10%;" style="width:24%;">Todays Thread Starters</td>
</tr>


<tr valign="top">
<td class="blocksubhead" valign="middle" align="center">
<a href="online.php"><img class="inlineimg" src="images/misc/whos_online.gif" alt="'Kimler aktif' (Online) göster" border="0" /></a></td>

<td class="alt2" height="130px" padding="3px">
<div style="border:1px wave #8f95bf; overflow: auto; overflow-x: hidden; width: auto; height: 130px; text-align: left; verticle-align: top; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-top: 1px; margin-bottom: 0px;">{vb:raw template_hook.forumhome_wgo_pos1}
<vb:if condition="$show['loggedinusers']">
{vb:raw activeusers}</vb:if></div></td>

<td class="alt2" height="130px" padding="3px">
<div style="border:1px wave #8f95bf; overflow: auto; overflow-x: hidden; width: auto; height: 130px; text-align: left; verticle-align: top; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-top: 1px; margin-bottom: 0px;">{vb:raw template_hook.forumhome_wgo_pos10}</div></td>

<td class="alt2" height="130px" padding="3px">
<div style="border:1px wave #8f95bf; overflow: auto; overflow-x: hidden; width: auto; height: 130px; text-align: left; verticle-align: top; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-top: 1px; margin-bottom: 0px;">{vb:raw template_hook.forumhome_wgo_pos16}</div></td>

<td class="alt2" height="130px" padding="3px">
<div style="border:1px wave #8f95bf; overflow: auto; overflow-x: hidden; width: auto; height: 130px; text-align: left; verticle-align: top; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-top: 1px; margin-bottom: 0px;">{vb:raw template_hook.forumhome_wgo_pos11}
</div></td></tr></table>

</div>

<!-- end what's going on box -->






3/ Mở forumhome_loggedinuser
Thay toàn bộ bằng



<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="auto">
<td class="tborder" width="10%" align="center">
<vb:if condition="$loggedin[avatarurl]"><img height="30px" width="30px" class="inlineimg" src="{vb:raw loggedin.avatarurl}" border="0" /></vb:if></td>
<td class="alt1" width="80%">{vb:stylevar dirmark}
<vb:if condition="$show['comma_leader']"></vb:if>&nbsp;<a class="username" href="{vb:link member, {vb:raw loggedin}}">{vb:raw loggedin.musername}</a>{vb:raw loggedin.invisiblemark}{vb:raw loggedin.buddymark}<br /><small>&nbsp;{vb:raw loggedin.displaygrouptitle}</small></td>
</table>


4/ Mở vbulletin.css
Thêm xuống dưới cùng







.tborder
{
background: #F0F2FA;
color: #000000;
border: 1px solid #989898;
}
.tcat
{
background: #F2F2F2 url(images/buttons/newbtn_middle.png) repeat-x top left;
color: #333333;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:8px 6px 7px 6px;
}
.tcat a:link, .tcat_alink
{
color: #333333;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #333333;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FF4400;
text-decoration: underline;
}
.thead
{
background: #F2F2F2 url(images/buttons/newbtn_middle.png) repeat-x top left;
color: #333333;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom:1px solid #8f95bf;
}
.thead a:link, .thead_alink
{
color: #333333;
}
.thead a:visited, .thead_avisited
{
color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FF4400;
}
.alt1, .alt1Active
{
background: #FBFBFD;
color: #000000;

}
.alt2, .alt2Active
{
background: #F0F2FA;
color: #000000;

}

CSS


Done !

[dinhhiep36]

vẫn không hiểu tác dụng của nó như thế nào nữa

[tranbach]

GỬi bài mà ko gửi DEMO :@

[anhtuanctk32]

GỬi bài mà ko gửi DEMO :@

có demo đó không thấy à?Phải đọc kĩ những gì người ta viết chứ .