![[Gambar: VMkaskusytle.png]](http://localhostr.com/files/PyVnaUs/VMkaskusytle.png)
Hallo mybb indonesia
ada toutorial membuat VM seperti Kaskus / punya Vbull
4. Plugins Di butuhkan
1.profile tabs : http://mods.mybb.com/view/profiletabs
2.profile comments : http://mods.mybb.com/view/profile-comments
3.profile buddies : http://mods.mybb.com/view/profile-buddies
4. last visitors : http://mods.mybb.com/view/last-visitors-in-profile
Install ke4 plugins tersebut
---------------------------------------------------------
Bagian Pengeditan Template
---------------------------------------------------------
Buka ACP > Templates & Style > Template ente > Member Templates > member_profile
Gantikan Dengan
Kode: (Select All)
<style>
.usertabs {
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left;
font-size: 11px;
}
.usertabs ul {
margin: 0;
padding: 0;
}
.usertabs li {
display: inline;
margin: 0;
}
.usertabs li a {
background: {$mybb->settings['ProfileTabs_background_unselected']};
color: {$mybb->settings['ProfileTabs_text_unselected']};
position: relative;
z-index: 1;
border: 1px solid {$mybb->settings['ProfileTabs_border_unselected']};
border-bottom: 0;
padding: 8px;
text-decoration: none;
}
.usertabs li a:visited {
color: #0097DA;
text-decoration: none;
}
.usertabs li a:hover {
color: {$mybb->settings['ProfileTabs_onmoushover_unselected']};
text-decoration: none;
}
.usertabs li a.selected {
background: {$mybb->settings['ProfileTabs_background_selected']};
color: {$mybb->settings['ProfileTabs_text_selected']};
border-color: {$mybb->settings['ProfileTabs_borde_selected']};
}
.usertabs li a.selected:hover {
text-decoration: none;
}
.tabcontent {
background: {$mybb->settings['ProfileTabs_background']};
display: none;
padding: 5px;
border: 1px solid {$mybb->settings['ProfileTabs_border']};
margin-top: 7px;
}
.box-thing {
background: #f7f7f7;
border: 1px solid #8e8e8e;
padding: 8px;
}
@
media print {
.tabcontent {
display:block !important;
}
}
</style>
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
<script type="text/javascript" src="jscripts/ProfileTabs.js">
</script>
{$header}
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="75%" valign="top">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td align="left" class="trow1" valign="middle">{$avatar}</td>
<td class="trow1" align="left" width="100%">
<span class="largetext"><strong>{$formattedname}</strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
<strong>{$lang->registration_date}</strong> {$memregdate}<br />
<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
<strong>{$lang->local_time}</strong> {$localtime}<br />
<strong>{$lang->postbit_status}</strong> {$online_status}
</span>
</td>
</tr>
{$awaybit}
</table>
<br />
<div id="toolbar" class="usertabs"><div id="nav"><ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected"><b>Wall</b></a></li>
<li><a href="#" rel="country2"><b>About me</b></a></li>
<li><a href="#" rel="country3"><b>Statistics</b></a></li>
<li><a href="#" rel="country4"><b>Contact</b></a></li>
<li><a href="#" rel="country5"><b>Signature</b></a></li>
</ul></div></div>
<div style="border:1px solid gray; width:100%px; margin-bottom: 1em; padding: 0px">
<div id="country1" class="tabcontent">
<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments -->
</div>
<div id="country2" class="tabcontent">
{$profilefields}
</div>
<div id="country3" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="trow1"><strong>{$lang->joined}</strong></td>
<td class="trow1">{$memregdate}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->lastvisit}</strong></td>
<td class="trow2">{$memlastvisitdate} {$memlastvisittime}</td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->total_posts}</strong></td>
<td class="trow1">{$memprofile['postnum']} ({$lang->ppd_percent_total})<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&uid={$uid}">{$lang->find_threads}</a> — <a href="search.php?action=finduser&uid={$uid}">{$lang->find_posts}</a>)</span></td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->timeonline}</strong></td>
<td class="trow2">{$timeonline}</td>
</tr>
{$reputation}
{$warning_level}</span>
</table>
</div>
<div id="country4" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="trow1"><strong>{$lang->homepage}</strong></td>
<td class="trow1">{$website}</td>
</tr>
{$sendemail}
<tr>
<td class="trow2"><strong>{$lang->pm}</strong></td>
<td class="trow2"><a href="private.php?action=send&uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->icq_number}</strong></td>
<td class="trow1"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&imtype=icq&uid={$uid}', 'imcenter', 450, 300);">{$memprofile['icq']}</a></td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->aim_screenname}</strong></td>
<td class="trow2"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&imtype=aim&uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->yahoo_id}</strong></td>
<td class="trow1"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&imtype=yahoo&uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->msn}</strong></td>
<td class="trow2"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&imtype=msn&uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>
</tr>
</table>
</div>
<div id="country5" class="tabcontent">
{$signature}
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
</td>
<td><img src="{$theme['imgdir']}/pixel.gif" height="1" width="8" alt=""/></td>
<td width="25%" valign="top">
<table class="tborder" border="0" cellspacing="1" cellpadding="1">
<tr><td colspan="1" class="thead"><center><strong>Last Visitors</strong></center></td></tr>
<td class="trow1">{$lastvisitor}</td>
</tr>
</table>
<br />{$buddylist}{$modoptions}
{$adminoptions}
</td>
</tr>
</table>
{$footer}
</body>
</html>Selesai Deh
kalo mau edit sytle nya di Usercp > Profile Tabs
Kasih Cendol ya kalo berguna
0 komentar:
Post a Comment