MyBB Depo Forum
Profil Sayfası + Postbit By [Namikaze] - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Üye Profili & Postbit (https://mybbdepo.com/uye-profili-postbit-forumu)
+---- Konu Başlığı: Profil Sayfası + Postbit By [Namikaze] (/profil-sayfasi-postbit-by-namikaze-konusu.html)

Profil Sayfası + Postbit By [Namikaze] - Ciqo0o - 18-08-2013

Profil Sayfası + Postbit By [Namikaze]

Evet Arkadaşlar Profil Sayfasını Paylaşacaktım Söylemiştim, Ama Bir Sürpriz daha yapayım dedim ve postbitte yaptım Gülümseme

Şimdi Toplam 12 Şablon ve 1 Css Dosyası Editliyeceğiz.

Admin Kp >> Şablon ve Stil >> Temalar >> Temanız >> global.css >> Gelişmiş Düzenle En Alta Ekle

Kod:
#pf_content {
         background-image: linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -o-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -moz-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -webkit-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -ms-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.27, rgb(225,232,230)),color-stop(0.64, rgb(235,235,235)),color-stop(0.82, rgb(255,255,255)));
         background-position:center;
         width: 100%;
     color: #000000;
     border: 1px solid #C6C6C6;
     font-size: 12pt;
         border: 3px solid #cccccc;
}

.profile_avatar {
    background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    height: 160px;
    position: absolute;
    width: 160px;
    margin-left: 8px;
}

.profile_avatar img {
    height: 160px;
    width: 160px;
}

#pf_header {
background: #CCCCCC;
color: #FFFFFF;
width: 100%;
height: 30px;
text-decoration: none;
}

#pf_avatar {
    background-color: #CCCCCC;
    border: 3px solid #CCCCCC;
    height: 170px;
    margin-left: 48px;
    margin-top: -40px;
    width: 180px;
}

#pf_menu {
    background: #777777;
    height: 37px;
    width: 900px;
    text-decoration: none;
    color: #FFFFFF;
    margin-left: 227px;
    margin-top: -20px;
    font-size: 10pt;
}

.pf_menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 9px;
}

.pf_menu ul a:link {
    color: #cccccc;
        padding: 9px;
    text-decoration: none;
}

.pf_menu ul a:visited {
    color: #cccccc;
        height: 30px;
    text-decoration: none;
       padding: 9px;
}

.pf_menu ul a:hover, .pf_menu ul a:active {
    background: #666666;
        color: #FFFFFF;
        text-decoration: none;
        padding: 9px;
}

#pf_onlinestatus {
     background:
     width: 82px;
     height: 83px;
      position: absolute;
     margin-left: 55px;
     margin-top: -178px;
}

#pf_bilgi {
    background-color: #CCCCCC;
    border: 3px solid #CCCCCC;
    color: #77777;
    margin-left: 48px;
    width: 180px;
}

#pf_bilgi_alt {
  width: 177px;
  background: #777777;
  height: 18px;
  margin-top: 2px;
  margin-left: 2px;
}

#yorum {
  width: 850px;
  color: #666666;
  font-size: 10pt;
  margin-left: 250px;
  margin-top: -417px;
}

#hakkimda {
  width: 850px;
  color: #666666;
  font-size: 10pt;
  margin-left: 250px;
  margin-top: -450px;
}

#hakkimda_bilgi_alt {
  width: 825px;
  background: #cccccc;
  height: 25px;
  margin-top: 9px;
  margin-left: 9px;
}

#hakkimda_bilgi_alts {
  width: 825px;
  background: #cccccc;
  margin-top: 9px;
  margin-left: 9px;
}

#hakkimda_cizgi {
    background: #FFFFFF;
    width: 849px;
    color: #000000;
    text-align: left;
        margin: auto auto;
        border: 1px solid #cccccc;
}

#admin_kontrol {
  width: 850px;
  color: #666666;
  font-size: 10pt;
  margin-left: 250px;

}

.avatar {
    background-color: #CCCCCC;
    border: 3px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    height: 160px;
    width: 160px;
    margin-left: 10px;
    margin-top: 20px;
}

.avatar img {
    height: 160px;
    width: 160px;
}

#onlinestatus {
     background:
     width: 82px;
     height: 83px;
     margin-left: -45px;
     margin-top: 14px;
}

#user_profil {
   background:
   margin-left: 10px;
   margin-top: -50px;
}

#profil_bilgi {
      background: url(http://k1308.hizliresim.com/1d/l/rmq6r.png) no-repeat 0;
      width: 180px;
      height: 30px;
}

#postbit {
         background-image: linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -o-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -moz-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -webkit-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -ms-linear-gradient(bottom, rgb(225,232,230) 27%, rgb(235,235,235) 64%, rgb(255,255,255) 82%);
         background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.27, rgb(225,232,230)),color-stop(0.64, rgb(235,235,235)),color-stop(0.82, rgb(255,255,255)));
        background-position:center;
         width: 180px;
     color: #000000;
     border: 1px solid #C6C6C6;
     font-size: 12pt;
         -webkit-box-shadow: 0px 0px 5px #666;
         -moz-box-shadow: 0px 0px 5px #666;
         -ms-box-shadow: 0px 0px 5px #666;
         -o-box-shadow: 0px 0px 5px #666;
          box-shadow: 0px 0px 5px #666;
          border: 1px solid #cccccc;
}

#postbit_bilgi_alt {
  width: 160px;
  background: #777777;
  height: 18px;
  margin-top: 2px;
  margin-left: 6px;
}

#postbit_cizgi {
    background: #FFFFFF;
    width: 170px;
    color: #000000;
    text-align: left;
        margin: auto auto;
        border: 1px solid #cccccc;
}

#profil_alt {
    background: url(http://k1308.hizliresim.com/1d/l/rmrqt.png) no-repeat 0;
        color: #000000;
        color: #000000;
        width: 178px;
        height: 30px;
        border: 1px solid #CCCCCC;
}


#profil_ust {
    background: url(http://k1308.hizliresim.com/1d/l/rmrqt.png) no-repeat 0;
        color: #000000;
        width: 178px;
        height: 30px;
        border: 1px solid #CCCCCC;
}

Şimdi Şablonlar Gülümseme

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Üye Profili Şablonlar >> member_profile aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
{$header}

<div id="pf_content">
<div id="pf_header"></div>
<div id="pf_menu">
<div class="pf_menu">
                <ul>
                    <a href="{$post['profilelink']}">Kullanıcı Profili</a>
                    <a href="member.php?action=emailuser&amp;uid={$memprofile['uid']}"> E-posta Gönder</a>
                    <a href="/private.php?action=send&amp;uid={$memprofile['uid']}"> Özel Mesaj Gönder</a>
                </ul>
            </div>
</div>
<div id="pf_avatar"><div align="center"><div class="profile_avatar"><center><td width="25%" align="right" valign="middle">{$avatar}</td></center></div></div></div>
<div id="pf_onlinestatus">{$online_status}</div>
<div id="pf_bilgi">
<div align="center">{$formattedname}</br></div>
<span class="smalltext">
<div align="center">
({$usertitle})</br>
{$groupimage}
{$userstars}</br></div>
</span>
</br>
<span class="smalltext">
<div id="pf_bilgi_alt">Kayıt Tarihi: {$memregdate}</br></div>
<div id="pf_bilgi_alt">Doğum Yılı: {$membday}</br></div>
<div id="pf_bilgi_alt">Tarih: {$localtime}</br></div>
<div id="pf_bilgi_alt">Son Siyareti:{$memlastvisitdate} {$memlastvisittime}</br></div>
<div id="pf_bilgi_alt">Toplam Yorumları: {$memprofile['postnum']}</br></div>
<div id="pf_bilgi_alt"><a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a></br></div>
<div id="pf_bilgi_alt"><a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a></a></br></div>
<div id="pf_bilgi_alt"><a href="/misc.php?action=buddypopup">Arkadaşlarım</a></div></br>
</span>
</div>
<div id="yorum">
<div id="hakkımda">
<div id="hakkimda_cizgi">
<div class="thead">&nbsp Hakkımda ve İstatistikler</div>
<div id="hakkimda_bilgi_alt">&nbsp&nbsp<strong>Web Sitesi:</strong> {$website}</div>
<div id="hakkimda_bilgi_alt">&nbsp&nbsp<strong>Online Süresi:</strong> {$timeonline}</div>
<div id="hakkimda_bilgi_alt">&nbsp{$referrals}</div>
<div id="hakkimda_bilgi_alt">&nbsp{$reputation}</div>
<div id="hakkimda_bilgi_alt">&nbsp{$warning_level}</div>
<div id="hakkimda_bilgi_alts">&nbsp{$awaybit}</div>
</div>
</div>

<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments -->
</br>
{$profilefields}

</br>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead">{$lang->users_contact_details}</td>
</tr>
<tr>
<td class="trow1" width="40%">{$lang->homepage}</td>
<td class="trow1">{$website}</td>
</tr>
{$sendemail}
<tr>
<td class="{$bgcolors['pm']}">{$lang->pm}</td>
<td class="{$bgcolors['pm']}"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
</tr>
<tr>
<td class="{$bgcolors['icq']}">{$lang->icq_number}</td>
<td class="{$bgcolors['icq']}">{$memprofile['icq']}</td>
</tr>
<tr>
<td class="{$bgcolors['aim']}">{$lang->aim_screenname}</td>
<td class="{$bgcolors['aim']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['yahoo']}">{$lang->yahoo_id}</td>
<td class="{$bgcolors['yahoo']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['msn']}">{$lang->msn}</td>
<td class="{$bgcolors['msn']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>
</tr>
</table>
</div>



</br>
<div id="admin_kontrol">
{$signature}
{$modoptions}
{$adminoptions}
{$buddy_options}
</div>
</div>
{$footer}
</body>
</html>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Üye Profili Şablonlar >> member_profile_away aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<tr>
<td class="trow1" align="center">
<strong>{$lang->away_note}</strong>
&nbsp&nbsp({$lang->away_reason} {$awayreason})</br>
&nbsp&nbsp{$lang->away_since} {$awaydate} &nbsp;&nbsp;&nbsp; {$lang->away_returns} {$returndate}
</td>
</tr>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Üye Profili Şablonlar >> member_profile_customfields aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<div class="thead"><strong>{$lang->users_additional_info}</strong></div>
<div id="hakkimda_cizgi">
{$customfields}</br>
</div>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Üye Profili Şablonlar >> member_profile_customfields_field aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<div id="hakkimda_bilgi_alts">&nbsp<strong>{$customfield['name']}:</strong>
&nbsp{$customfieldval}
</div>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Üye Profili Şablonlar >> member_profile_offline aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<img src="http://k1308.hizliresim.com/1d/l/rmtkm.png" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" />


Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Üye Profili Şablonlar >> member_profile_online aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<a href="online.php" title="{$lang->postbit_status_online}"><img src="http://s1308.hizliresim.com/1d/l/rmtjx.png" border="0" alt="{$lang->postbit_status_online}" /></a>

Şimdi Görüntüler:

resim
resim
resim
resim
resim
resim
resim


Şimdi Postbit Gülümseme

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Postbit Şablonlar >> postbit aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        <div id="postbit"><div id="profil_ust"><strong><span class="largetext">{$post['profilelink']}</span></strong></div><br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}</br>
            {$post['useravatar']} <div id="onlinestatus">{$post['onlinestatus']}</div>
            <div id="user_profil">{$post['user_details']}</div></br>
        </span><div id="profil_alt"></div></div>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
    <td class="{$altbg}" style="vertical-align: middle;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
</table>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Postbit Şablonlar >> postbit_author_user aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<div id="profil_bilgi"></div>
<div id="postbit_cizgi">
<div id="postbit_bilgi_alt"><div align="left">&nbsp&nbsp{$lang->postbit_posts} {$post['postnum']}</div></div>
<div id="postbit_bilgi_alt"><div align="left">&nbsp&nbsp{$lang->postbit_joined} {$post['userregdate']}</div></div>
<div id="postbit_bilgi_alt"><div align="left">&nbsp{$post['replink']}</div></div>
<div id="postbit_bilgi_alt"><div align="left">&nbsp{$post['warninglevel']}</div></div></br>
</div>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Postbit Şablonlar >> postbit_avatar aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<div class="avatar"><a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></a></div>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Postbit Şablonlar >> postbit_away aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<div id="pf_onlinestatus"><a href="{$post['profilelink_plain']}" title="{$lang->postbit_status_away}"><img src="http://s1308.hizliresim.com/1d/l/rmtl5.png" border="0" alt="{$lang->postbit_status_away}" /></a></div>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Postbit Şablonlar >> postbit_offline aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<div id="pf_onlinestatus"><img src="http://k1308.hizliresim.com/1d/l/rmtkm.png" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" /></div>

Admin KP >> Şablon ve Stil >> Şablonlar >> Temanızın Şablonları >> Postbit Şablonlar >> postbit_online aç ve içindekileri aşağıdaki kodlarla değiştir.

Kod:
<div id="pf_onlinestatus"><a href="online.php" title="{$lang->postbit_status_online}"><img src="http://s1308.hizliresim.com/1d/l/rmtjx.png" border="0" alt="{$lang->postbit_status_online}" /></a></div>

İşte Görüntüler:

resim
resim
resim

Umarım Beğenmişsinizdir.

Sorun Yaşayanlar Bu Konu Altında Belirtsin Gülümseme

Cvp: Profil Sayfası + Postbit By [Namikaze] - srdrylmz13 - 18-08-2013

tşkler namikaze

Cvp: Profil Sayfası + Postbit By [Namikaze] - Ciqo0o - 18-08-2013

Önemli değil

Cvp: Profil Sayfası + Postbit By [Namikaze] - kafle - 19-08-2013

Görsellik açısından biraz daha güzel olabilirdi ama böylede çok güzel ellerine sağlık.

Cvp: Profil Sayfası + Postbit By [Namikaze] - Ciqo0o - 20-08-2013

Yorumlarınız İçin Teşekkürler

Cvp: Profil Sayfası + Postbit By [Namikaze] - meganonur - 04-02-2014

Marjinal ama iyi olmuş hocam. Avatar sol üst köşedeki online/offline/izinli göstergeside bizzat öyle Süper

Cvp: Profil Sayfası + Postbit By [Namikaze] - hamdikrbg - 01-03-2015

Profil düzensiz oldu ortalanmadı cok genis durdu yardımcı olurmusun