Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
CDO Postbit tasarımı
#1
http://destek.10tl.net/showthread.php?tid=59933 Konumda anketle sormuştum,şimdi paylaşıyorum.(Birkaç ekleme daha ile)

Global.css en altına;
Kod:
#avatars {
background: #fff url(http://i.hizliresim.com/xV6B2n.jpg);
    width: 150px;
    color: #000;
    border: 1px dashed #000;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}

.pd {
    background: #fff url(http://p1304.hizliresim.com/18/r/mcdqb.png);
    width: 150px;
    color: #000;
    border: 1px dashed #000;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}

.pds {
    background: #fff url(http://www.hadiyukle.com/themes/Hadi%20Theme%20v2/img/content.png);
    width: 150px;
    color: #000;
    border: 1px dashed #000;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}

Postbit,Postbit_Classic şablonlarına şu kod;

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}" 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>

<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        <strong><div class="pds"><span class="largetext">{$post['profilelink']}</span></strong><br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}</div><br />
            <div id="avatars">{$post['useravatar']}</div><br />
            {$post['user_details']}
        </span>
</td>

</tr>
<tr>
    <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>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext"><div class="pds">{$post['postdate']} {$post['posttime']}</div></span></td>

</tr>
</table>

postbit_avatar

Kod:
<div id="donenavatar">
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" height="100" width="100" alt="avatar" /></a>
</div>

<style>#donenavatar{
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
        -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    opacity: 1;
background-image: url(http://st.10tl.net/tema/teknology/images/cerceve.png);
width: 100px;
height: 100px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
margin: auto auto;
}

#donenavatar:hover{
     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    opacity: 0.1;
}

</style>

postbit_author_user
Kod:
<div class="pd">{$lang->postbit_posts} {$post['postnum']}</div>
<div class="pd">{$lang->postbit_joined} {$post['userregdate']}</div>
    {$post['replink']}{$post['warninglevel']}


postbit_warninglevel
Kod:
<div class="pd">{$lang->postbit_warning_level} <a href="{$warning_link}">{$warning_level}</a></div>

postbit_reputation
Kod:
<div class="pd">{$lang->postbit_reputation} {$post['userreputation']}</div>

Admin KP > Şablon Stil > Şablonlar > Temanız > Konu Gösterimi Şablonlar > showthread_classic_header > İçerisindeki tüm kodları silin ve kaydedin.

Bu kadar anlattık birde Ekran görüntüsü koyalım

d87bt1h.png
Ara
Cevapla PGM
Teşekkür verenler:
#2
teşekkrüler güzel tasarım :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
Önemli değil beğendiyseniz ne mutlu bana.
Ara
Cevapla PGM
Teşekkür verenler:
#4
Bence çok güzel olmuş.
Ara
Cevapla PGM
Teşekkür verenler:
#5
sol tarafta nasıl olacak
Ara
Cevapla PGM
Teşekkür verenler:
#6
Çok Güzel Olmuş Eline Sağlık :)
Ara
Cevapla PGM
Teşekkür verenler:
#7
Güzel olmuş :)
Cevapla PGM
Teşekkür verenler:
#8
(31-05-2014 Saat: 09:58)#Anywhere Nickli Kullanıcıdan Alıntı: sol tarafta nasıl olacak

Sağ Tarafta tasarladım solda kötü durabilir,Diğer tüm arkadaşlara yorumları için Teşekkür Ediyorum.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Bütün dediklerini uyguladım fakat; forumumdaki konuda hiç bişi yazmıyor..
Ara
Cevapla PGM
Teşekkür verenler:
#10
Bizzat denedim hiçbir sorun yok uyguladıktan sonra siteye f5 atın
Ara
Cevapla PGM
Teşekkür verenler:
#11
Attım iki kere sana yarın ulaşırım, sitemde admin yaparım yapabilir misin?
Ara
Cevapla PGM
Teşekkür verenler:
#12
Ulaşırsan hallederiz.
Ara
Cevapla PGM
Teşekkür verenler:
#13
(31-05-2014 Saat: 10:03)Novruz Nickli Kullanıcıdan Alıntı: Çok Güzel Olmuş Eline Sağlık :)
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#14
Yorumun için teşekkürler Cem.
Ara
Cevapla PGM
Teşekkür verenler:
#15
3 Haziran 2014 Güncellenmiştir.
Ara
Cevapla PGM
Teşekkür verenler:
#16
5 Haziran 2014 Güncelendi...
Ara
Cevapla PGM
Teşekkür verenler:
#17
Güzel olmuş.
Ara
Cevapla PGM
Teşekkür verenler:
#18
Yorumun için teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#19
rez*(güncel demektir.)
Ara
Cevapla PGM
Teşekkür verenler:
#20
(06-06-2014 Saat: 12:09)Teknology Nickli Kullanıcıdan Alıntı: rez*(güncel demektir.)

Sol tarafa nasıl alicam solda dursun istiom
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 7 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping