10TL.NET

Orjinalini görmek için tıklayınız: Caxing Postbit Tasarımı
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2
Görsel ;

JpOB4n.png


Kodlar ;

global.css

Kod:
.postbituser {
background: rgb(237, 237, 237);
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid rgb(128, 128, 128);
position: relative;
z-index: 10;
padding: 3px;
}

.postbitbottom {
background: #FF8383;
border-radius: 5px 5px 5px 5px;
border-bottom: 4px solid #e74c4c;
position: relative;
top: -15px;
z-index: 5;
padding-top: 10px;
padding-bottom: 5px;
color: white;
font-weight: bold;
width: 170px;
border-top: 4px solid rgb(128, 128, 128);
margin: auto auto;
}

.postbitbottomcizgisi {
border-bottom: 2px dotted #e74c4c;
border-top: 2px dotted #e74c4c;
padding-bottom: 4px;
padding-top: 2px;
color: white;
font-size: 11px;
width: 150px;
margin: auto auto;
}

.postbitbottomcizgisi2 {
border-bottom: 2px dotted #e74c4c;
padding-bottom: 4px;
padding-top: 2px;
color: white;
font-size: 11px;
width: 150px;
margin: auto auto;
}

.postbitbottomcizgisi3 {
padding-top: 2px;
color: white;
font-size: 11px;
width: 150px;
margin: auto auto;
}

.postbitbottomcizgisi4 {
border: 1px dotted #FFFFFF;
color: white;
width: 150px;
margin: auto auto;
background: rgb(253, 199, 199);
margin-bottom: 5px;
}

.cxpsavatar {

height: 155px;
width: 155px;
border: 3px solid rgb(147, 147, 147);
margin: auto auto;
}

postbit

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>
<strong><span class="largetext"><div class="postbituser">{$post['profilelink']}</div></span></strong>
<span class="smalltext">
<div class="cxpsavatar">{$post['useravatar']}</div><br />
<div class="postbitbottom"><div class="postbitbottomcizgisi4">{$post['groupimage']}</div>{$post['user_details']}</div>
</span>{$post['onlinestatus']}
</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>

postbit_classic

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>
<strong><span class="largetext"><div class="postbituser">{$post['profilelink']}</div></span></strong>
<span class="smalltext">
<div class="cxpsavatar">{$post['useravatar']}</div><br />
<div class="postbitbottom"><div class="postbitbottomcizgisi4">{$post['groupimage']}</div>{$post['user_details']}</div>
</span>{$post['onlinestatus']}
</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>

postbit_author_user

Kod:
<div class="postbitbottomcizgisi">{$lang->postbit_posts} {$post['postnum']}</div>
<div class="postbitbottomcizgisi2">{$lang->postbit_threads} {$post['threadnum']}</div>
<div class="postbitbottomcizgisi2"> Kayıt Tarihi: {$post['userregdate']}</div>
<div class="postbitbottomcizgisi2">{$post['replink']}</div>
<div class="postbitbottomcizgisi3">{$post['warninglevel']}</div>

postbit_avatar

Kod:
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="avatar" height="155px" width="155px" /></a>

Postbitin dikey olması için bende kodlar böyleydi, siz eklenti kullanıyorsanız postbit düzgün gözükmeyebilir. Yazarsanız sorunu çözmeye çalışırız.
Çok güzel teşekkürler ellerinize sağlık.
Kullanıyorum
(26-04-2015 Saat: 02:38)ASiPaTRoN Nickli Kullanıcıdan Alıntı: [ -> ]Çok güzel teşekkürler ellerinize sağlık.

Rica ederim hocam.

(26-04-2015 Saat: 02:40)WaRRioRa Nickli Kullanıcıdan Alıntı: [ -> ]Kullanıyorum

Temanızın renklerine göre pembe kısmı düzenleyebilirsiniz. Mesela şuan ki yaptığım tema yeşil renk ve o kısmı yeşil yaptım.
Kırmızı background bozmuş
@Caxing tamam teşekkür ederim yoksa mavi temaya pembe bir postbit kötü durardı
(26-04-2015 Saat: 02:44)xoxox Nickli Kullanıcıdan Alıntı: [ -> ]Kırmızı background bozmuş

Hocam, o postbiti yaptığım tema için kodlamıştım ve temanın renkleri öyleydi bende postbiti de öyle yaptım uyumlu olması adına.

EYbN0Z.png
Gayet Hoş Olmuş Elinize Sağlık . :) 
Süper onur abi :)
Postbit güzel olmuş ancak birkaç edit lazım daha güzel olması için, ellerine sağlık.
Gayet güzel, postbit ihtiyacımı karşılıyor :) renk ayarlanabilir olduğuna göre sorun yok.. Eline sağlık
(26-04-2015 Saat: 07:18)#Pirate Nickli Kullanıcıdan Alıntı: [ -> ]Gayet Hoş Olmuş Elinize Sağlık . :) 

Teşekkür ederim.

(26-04-2015 Saat: 08:24)Albırt Enişten Nickli Kullanıcıdan Alıntı: [ -> ]Süper onur abi :)

Teşekkürler.

(26-04-2015 Saat: 10:31)#Captain Nickli Kullanıcıdan Alıntı: [ -> ]Postbit güzel olmuş ancak birkaç edit lazım daha güzel olması için, ellerine sağlık.

Kendi zevklerinize göre düzenleyebilirsiniz, teşekkür ederim.

(26-04-2015 Saat: 11:14)Edward Nickli Kullanıcıdan Alıntı: [ -> ]Gayet güzel, postbit ihtiyacımı karşılıyor :) renk ayarlanabilir olduğuna göre sorun yok.. Eline sağlık

Teşekkürler.
Gayet güzel,ellerinize sağlık..
Ufak değişiklerle daha modern yapıla bilir. Elinizr sağlık beğendim güzel bir kodlama. 
(26-04-2015 Saat: 14:37)The Legend Nickli Kullanıcıdan Alıntı: [ -> ]Gayet güzel,ellerinize sağlık..

Teşekkür ederim.

(26-04-2015 Saat: 14:46)Novruz Nickli Kullanıcıdan Alıntı: [ -> ]Ufak değişiklerle daha modern yapıla bilir. Elinizr sağlık beğendim güzel bir kodlama. 

Teşekkürler hocam.
Birkaç ufak değişikle daha iyi hale gelebilirsin avatara border-radius,bottom ekleyebilirsin.


Eline sağlık güzel bir kodlama olmuş.
Çok güzel olmuş özellikle bunu paylaşırsanız sevinirim
EYbN0Z.png
(26-04-2015 Saat: 14:51)ufufuk Nickli Kullanıcıdan Alıntı: [ -> ]Birkaç ufak değişikle daha iyi hale gelebilirsin avatara border-radius,bottom ekleyebilirsin.


Eline sağlık güzel bir kodlama olmuş.

Eğer oval olursa pek uymaz hocam. İsteyen istediği gibi değiştirebilir, eğer yapamayan olursa konu altında yardım etmeye çalışırım.
Çok Güzel Onur ;) @Caxing , tanıdınmı beni :D
(26-04-2015 Saat: 14:58)Falcon Nickli Kullanıcıdan Alıntı: [ -> ]Çok güzel olmuş özellikle bunu paylaşırsanız sevinirim
EYbN0Z.png

Hocam css'den değiştirebilirsiniz istediğiniz gibi.

(26-04-2015 Saat: 15:17)SunXDizayn Nickli Kullanıcıdan Alıntı: [ -> ]Çok Güzel Onur ;) @Caxing , tanıdınmı beni :D

Teşekkürler, tanıyorum Tolga.
Sayfalar: 1 2