Konuyu Oyla:
  • Toplam: 4 Oy - Ortalama: 3
  • 1
  • 2
  • 3
  • 4
  • 5
Pro Paket Stili Postbit Yapımı
#1
İlk olarak css oluşturalım.

Admincp / Temalar & Şablonlar Sağ Ok temanız Sağ Ok CSS oluştur diyoruz.

Stil Adı:
Kod:
postbit.css

Bağlı olduğu dosyalar:
Kod:
Genel Stil
Alta Kendi içeriğimi yazmak istiyorum tıklayın ve açılan kutucuğa aşağıdaki css kodlarını ekleyin ve kaydedin..

Kod:
.post_genislik {
    width: 100%;
    margin: auto auto;
    border: 0px solid #0C1F5D;
}

div#baslik h1 {
    background: #0d0c0c url(images/postbit/bilgi-baslik.png) repeat-x;
    border-color: #000;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    height: 60px;
    margin: 0 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
div#icerik {
    background: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px;
    margin: 0 10px;
    padding: 15px;
}

div#bitti {
    background: #b5b5b5 url(images/postbit/bilgi-bitti.png) repeat-x;
    border: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    padding: 6px;
    overflow: hidden;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

.box-user {
    float: left;
}

.box-user-baslik {
    background: url(images/postbit/postbit.png) top left no-repeat;
    width: 200px;
    height: 11px;
}

.box-user-icerik {
    background: url(images/postbit/postbit-icerik.png) top left repeat-y;
    width: 200px;
    height: auto;
}

.box-user-bitti {
    background: url(images/postbit/postbit.png) bottom left no-repeat;
    width: 200px;
    height: 12px;
}

.box-user-bilgi {
    background: #fff url(images/postbit/postbit-bilgi.png) repeat-x;
    width: 170px;
    color: #373737;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 13px;
}

.box-mesaj {
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    background: #eaeaea;
    width: 763px;
    border: 1px solid #959595;
    margin-bottom: 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

body#private .box-mesaj {
    width: 518px;
}

.box-mesaj-icerik {
    padding: 15px 10px;
    background: #f5f5f5;
}

.box-mesaj-baslik {
    border-bottom: 1px dashed #ccc;
    padding: 5px 10px;
}

.box-mesaj-bitti {
    border-top: 1px dashed #ccc;
    padding: 5px 10px;
    height: 24px;
}

.sol_ok {
    position: absolute;
    margin-left: -40px;
}

.imza {
    max-width: 730px;
    max-height: 170px;
    overflow: auto;
}

body#private .imza {
    width: 430px;
}

.postbit_user_prof {
    background: url(images/postbit/post_user.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_email {
    background: url(images/gonder.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_pm {
    background: url(images/postbit/post_user_pm.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_ara {
    background: url(images/postbit/post_user_ara.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_www {
    background: url(images/postbit/post_user_www.png) no-repeat 0px 0px;
    width: 15px;
    height: 15px;
    padding: 2px;
    padding-left: 20px;
}

.box-avatar {
background-image: url(images/postbit/post_avatar_cerceve.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 10px;
}


.Plazma-Tv {
background-image: url(images/postbit/post_video_cerceve.png);
width: 691px;
height: 572px;
background-position: center;
background-repeat: no-repeat;
}

şimdi ;

admincp / Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok postbit_author_user şablonunu açın ve aşağıdaki kod ile değiştirin...

Kod:
{$lang->postbit_konucount} $threadscount<br />    
{$lang->postbit_posts} {$post['postnum']}<br />
{$lang->postbit_joined} {$post['userregdate']}
{$post['replink']}{$post['warninglevel']}

admincp / Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok postbit_avatar şablonunu açın ve aşağıdaki kod ile değiştirin..

Kod:
<a rel="nofollow" href="{$post['profilelink_plain']}"><img class="box-avatar" src="{$post['avatar']}" alt="user avatar" {$avatar_width_height} /></a>

admincp / Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok postbit_classic şablonunu açın aşağıdaki kod ile değiştirin..

Kod:
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post_genislik">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td>
            <div class="box-user">
                <div class="box-user-baslik"></div>
                <div class="box-user-icerik">
                    <div class="box-user-bilgi" align="center">
                        <strong><span class="largetext"><a href="{$post['profilelink_plain']}" id="user_info_{$post['pid']}">{$post['username_formatted']}<img src="{$theme['imgdir']}/arrow_down.gif" alt="v" style="vertical-align: middle;" /></a></span></strong><br />
                        <div id="user_info_{$post['pid']}_popup" style="margin-left: -45px;" class="popup_menu smalltext" style="display: none;">
                        <div class="popup_item_container"><a href="{$post['profilelink_plain']}" class="popup_item"><span class="postbit_user_prof">{$post['username_formatted']} {$lang->nicks} {$lang->postbit_profile}</span></a></div>
                        {$post['button_email']}
                        {$post['button_pm']}
                        {$post['button_find']}
                        {$post['button_www']}
                        </div>
                        <script type="text/javascript">if(use_xmlhttprequest == "1"){new PopupMenu("user_info_{$post['pid']}");}</script>
                        <span class="smalltext">
                            {$post['usertitle']}<br />
                            {$post['userstars']}
                            {$post['groupimage']}
                            {$post['useravatar']}<br />
                            <div align="left">{$lang->postbit_durum} {$post['onlinestatus']}<br />
                            {$post['user_details']}<br />
                                                        {$post['button_rep']}<br />
<span style="text-align: left; vertical-align: bottom;" id="post_meta_{$post['pid']}">{$post['iplogged']}</span><br />

<span class="largetext"><a href="{$post['profilelink_plain']}" id="info_{$post['pid']}">
<div style="border-bottom: 1px dotted rgb(102, 102, 102); margin: 1px 0pt;"></div>
<span style="font-weight: bold; font-size: 11px; color: crimson;">Kişisel Bilgileri:</span>
<img src="{$theme['imgdir']}/arrow_down.gif" alt="v" style="vertical-align: middle;" /></a></span>
<div id="info_{$post['pid']}_popup" style="margin-left: -10px;" class="popup_menu smalltext" style="display: none;">

<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Yaşı:</span> {$post['fid4']}</a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Meslek:</span> {$post['fid6']}</a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Cinsiyet: <img src="{$theme['imgdir']}/postbit/cinsiyet/{$post['fid3']}.png" style="vertical-align: middle;" alt="{$post['fid3']}" title="{$post['fid3']}" border="0" height="16" width="16" /></a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Nereden:</span> {$post['fid1']}</a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Ruh Hali:</span> <img src="{$theme['imgdir']}/postbit/ruh-hali/{$post['fid5']}.gif" style="vertical-align: middle;" alt="{$post['fid5']}" title="{$post['fid5']}" border="0" height="25" width="110" /></a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Takımı:</span> <img src="{$theme['imgdir']}/postbit/takim/{$post['fid6']}.gif" style="vertical-align: middle;" alt="{$post['fid7']}" title="{$post['fid7']}" border="0" height="25" width="110" /></a></div>
</div>
<script type="text/javascript">if(use_xmlhttprequest == "1"){new PopupMenu("info_{$post['pid']}");}</script>
</div>
                        </span>
                    </div>
                </div>
                <div class="box-user-bitti"></div>
            </div>
            <div class="box-mesaj">
                <div class="box-mesaj-baslik">
                    {$post['posturl']}<span class="smalltext">Konu Tarihi: <strong>{$post['postdate']} {$post['posttime']}</strong>{$post['subject_extra']}</span>
                    <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                </div>
                <div class="box-mesaj-icerik">
                    <img src="{$theme['imgdir']}/postbit/ok.png" class="sol_ok" />
                    <div style="width: 100%">
                        <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
                            {$post['message']}
                        </div>
                        {$post['attachments']}
                        {$post['signature']}
                    </div>
                </div>
                <div class="box-mesaj-bitti">
                    <div class="float_right smalltext">{$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']}</div>
                    <div class="smalltext"><script>function fbs_click(){u=location.href;t=document.title;window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(u)+"&t="+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436");return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:16px; border:1px solid #d8dfea;background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981)no-repeat top right; } html .fb_share_button:hover { color:#fff;border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981)no-repeat top right; text-decoration:none; } </style> <a rel="nofollow" href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" title="Facebook'ta Paylaş!" style="text-decoration:none;">Paylaş!</a></div>
                </div>
            </div>
        </td>
    </tr>
</table>
</div>

admincp / Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok postbit_email şablonunu açın aşağıdaki kod ile değiştirin..

Kod:
<div class="popup_item_container"><a rel="nofollow" href="member.php?action=emailuser&uid={$post['uid']}" class="popup_item"><span class="postbit_user_email">{$post['username']} {$lang->nicks} {$lang->postbit_email}</span></a></div>

admincp / Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok postbit_find şablonunu açın aşağıdaki kod ile değiştirin..

Kod:
<div class="popup_item_container"><a rel="nofollow" href="search.php?action=finduser&uid={$post['uid']}" class="popup_item"><span class="postbit_user_ara">{$post['username']} {$lang->nicks} {$lang->postbit_find}</span></a></div>
admincp / Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok postbit_pm şablonunu açın aşağıdaki kod ile değiştirin..

Kod:
<div class="popup_item_container"><a rel="nofollow" href="private.php?action=send&uid={$post['uid']}" class="popup_item"><span class="postbit_user_pm">{$post['username']} {$lang->nicks} {$lang->postbit_pm}</span></a></div>

şimdi gelelim ikinci probleme ? pro pakette bildiğiniz gibi takım vs var ? ben ek olarak vereceğim postbit klasöründe takım ve ve ruh hali'leri bulunmakta sizin yapmanız gereken aşağıdaki adımları izlemenizdir...

İlk Yaş alanını Oluşturalım.
admincp Sağ Ok Ayarlar Sağ Ok Forum Ayarları Sağ Ok Özel Profil Yönetimini açıyoruz. ve yeni profil alanı ekle diyoruz.

Şimdi sıra profil alanında:
Profil alanı için bir örnek:
Profil Başlığı
Takım
Kısa Bilgi
Takımı
Alan Seçenekleri
Kutu Seç

Maximum Uzunluk
0

Alan Uzunluğu
0

Seçilebilir Alanlar?
Kod:
Fenerbahce
Galatasaray
Trabzonspor
Besiktas

Görüntülenme Sırası
Kod:
7

diyer seçeneklere dokunmuyorsunuz ve profil alanını kaydet tıklayın.
Profil Alanı için diğer istediğiniz özellikleri buna benzer yapabilirsiniz..Bu örnek size ipucu için verildi..Siz ruh hali,memleket gibi özellikleri bu örneğe bakarak yapabilirsiniz..
Not:
Arkadaşlar burda çok dikkat etmenizgereken şey, fid değerlerdir.

Ekran Görüntüsü:
20636332799253873084.jpg
alıntı
kaynak: Linkleri görebilmek için Üye Olun veya Giriş Yapın.
image.php?u=1711&dateline=1411314598&type=profilesampiyoon-gs2.gif

Ara
Cevapla
Teşekkür verenler:
#2
teşekkürler
f8r22tkp.png
Ara
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi