vBulletin 3 Stil Profil Sayfası Yapımı

Konuyu Oyla:

Toplam: 2 Oy - Ortalama: 5
1
2
3
4
5

Gösterim Stili

vBulletin 3 Stil Profil Sayfası Yapımı

jungi

~~ Çılgın TripleS ~~

Yorum Sayısı: 2,157
Konu Sayısı: 81
Üyelik Tarihi: 04-06-2012
Rep Puanı: 168

Teşekkürler: 0
1 mesaj içinde 19 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: jungi
SanalPara (SP): 8 SP

14-11-2013 Saat: 17:09 (Son Düzenleme: 14-11-2013 Saat: 17:12, Düzenleyen: jungi.)

Vb Stil profil sayfasının biraz daha değişik versiyonu olmuş. Normalde profil yorumları ve imza kısmı yoktu. O kısmı elle ekledim. Profil yorumları pluginini kullanmıyorsanız profil yorumları kısmını silebilirsiniz.

Kullanmak isteyenler için kurulum:

Admin Paneli --> Temalar & Şablonlar --> Şablonlar --> Kullandığınız Temanın Şablonları --> Üye Profili Şablonları --> member_profile

Şablonunu açın ve içerisindekileri komple silin. Ekleyin.

PHP Kod:

<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
<style type="text/css">
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 10px;
margin-right: 3px;
border: 0px solid #778;
color: #ffffff;
background: #2f4456 url(http://st.10tl.net/tema/jungi/images/ptvb3/gradients/gradient-white-down.png) top left repeat-x;
cursor: pointer;
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #ffffff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: url("http://st.10tl.net/tema/jungi/images/ptvb3/gradients/gradient-white-down.png") repeat-x scroll left top #417394;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(http://st.10tl.net/tema/jungi/images/ptvb3/gradients/gradient-white-down.png);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
margin-top: 3px;
}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.clicktab {
cursor: pointer;
}


</style>

<script type="text/javascript" src="http://st.10tl.net/tema/jungi/images/ptvb3/js/tabcontent.js">

/***********************************************
* Tab Content script v2.2- Ã‚Â© Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
{$header}
<br />
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td valign="top">
<div class="trow2" style="border:1px solid #CACACA; padding:10px;">
<span class="largetext"><strong><span style="color: black">{$formattedname}</span></strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
{$userstars}<br />
<br />
<strong>Şuan ki Zaman:</strong> {$localtime}<br />
<strong>Şuan ki Konum:</strong> {$online_status}{$awaybit}
</span>
</div>
<br />

<ul id="profiletabs" class="shadetabs">
<li><a rel="tab1" class="clicktab">Hakkımda</a></li>
<li><a rel="tab2" class="clicktab">İstatistik</a></li>
<li><a rel="tab3" class="clicktab">İletişim</a></li>
<li><a rel="tab4" class="clicktab">Profil Yorumları</a></li>
</ul>

<div id="tab0" class="tabcontent" style="margin-top:-16px;">
</div>

<div id="tab1" class="tabcontent">
{$profilefields}
{$signature} 
</div>
</div>

<div id="tab2" class="tabcontent">
<div class="thead"><strong>İstatistikler</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Kayıt Tarihi:</strong> {$memregdate}
<br />
<strong>Son Giriş:</strong> {$memlastvisitdate} {$memlastvisittime}
<br />
<strong>Toplam Yorumlar:</strong> {$memprofile['postnum']} ({$lang->ppd_percent_total})<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">Find All Threads</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">Find All Posts</a>)</span>
<br />
<strong>Çevirimiçi Geçirilen Süre:</strong> {$timeonline}
<br />
<strong>Rep Puanı:</strong> <a href="reputation.php?uid={$memprofile['uid']}">Details</a> 
<br />

</div>
</div>

<div id="tab3" class="tabcontent">
<div class="thead"><strong>İletişim Sayfası</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Websitesi:</strong> 
<br />
<strong>Email:</strong> <a href="member.php?action=emailuser&amp;uid={$memprofile['uid']}">{$lang->send_email}</a>
<br />
<strong>Özel Mesaj:</strong> <a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a>
<br />
<strong>ICQ Number:</strong> {$memprofile['icq']}
<br />
<strong>AIM Screen Name:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a>
<br />
<strong>Yahoo ID:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a>
<br />
<strong>MSN ID:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a>
<br />
<strong>Arkadaş Ekle:</strong>  <a href="usercp.php?action=editlists">  Arkadaş listene eklemek için tıkla</a>
<br />
<strong>Engelli Listene Ekle:</strong> <a href="usercp.php?action=editlists">  Engelli listene eklemek için tıkla</a>
</div>
</div>

<div id="tab4" class="tabcontent">
<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments --> 
</div>
</div>

<script type="text/javascript">

var countries=new ddtabcontent("profiletabs")
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
<br />
</td>
<td>
</td>
<td style="width: 250px;" valign= "top">
<div class="thead"><strong>Mini İstatistikler</strong></div>
<div class="trow1 sideborder" style="padding:5px;">
<table width="100%" border="0">
<td style="valign: middle; text-align: center;">
{$avatar}
</td>
<tr>
<td>
<span class="smalltext">
<strong>Doğum Günü: </strong> {$membday} {$membdayage}
<br />
<strong>Üyelik Tarihi:</strong> {$memregdate}
<br />
<strong>Mesaj Sayısı:</strong> {$memprofile['postnum']}
</span>
</td>
</tr>
</table>
</div>
<br />

</td>
</tr>
</table>
<br />
</html>
{$footer}

Kayıt Ettikten sonra;

Admin Paneli --> Temalar & Şablonlar --> Şablonlar --> Kullandığınız Temanın Şablonları --> Üye Profili Şablonları --> member_profile_customfields Şablonunu Açın. İçerisindekileri komple silin. Ekleyin.

PHP Kod:

<div class="thead"><strong>Hakkında</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Cinsiyet:</strong> {$memprofile['fid3']}
<br />
<strong>Yer:</strong> {$memprofile['fid1']}
<br />
<strong>Biyografi:</strong> {$memprofile['fid2']}
<br />