Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Caxing Postbit Tasarımı
#1
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.
Ara
Cevapla PGM
Teşekkür verenler:
#2
Çok güzel teşekkürler ellerinize sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Kullanıyorum
Ara
Cevapla PGM
Teşekkür verenler:
#4
(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.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Kırmızı background bozmuş
Ara
Cevapla PGM
Teşekkür verenler:
#6
@Caxing tamam teşekkür ederim yoksa mavi temaya pembe bir postbit kötü durardı
Ara
Cevapla PGM
Teşekkür verenler:
#7
(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
Ara
Cevapla PGM
Teşekkür verenler:
#8
Gayet Hoş Olmuş Elinize Sağlık . :) 
Ara
Cevapla PGM
Teşekkür verenler:
#9
Süper onur abi :)
"Tek kelimeyle bizi , sizin mülkiyetinizi yok etme niyetimizden dolayı kınıyorsunuz. kesinlikle öyle ; niyetimiz tam olarak budur ."

Albırt Enişten - 11.05.2013 / 02.05.2018
Venomous - 02.05.2018 / 


Cevapla PGM
Teşekkür verenler:
#10
Postbit güzel olmuş ancak birkaç edit lazım daha güzel olması için, ellerine sağlık.
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#11
Gayet güzel, postbit ihtiyacımı karşılıyor :) renk ayarlanabilir olduğuna göre sorun yok.. Eline sağlık
Ara
Cevapla PGM
Teşekkür verenler:
#12
(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.
Ara
Cevapla PGM
Teşekkür verenler:
#13
Gayet güzel,ellerinize sağlık..
Cevapla PGM
Teşekkür verenler:
#14
Ufak değişiklerle daha modern yapıla bilir. Elinizr sağlık beğendim güzel bir kodlama. 
Ara
Cevapla PGM
Teşekkür verenler:
#15
(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.
Ara
Cevapla PGM
Teşekkür verenler:
#16
Birkaç ufak değişikle daha iyi hale gelebilirsin avatara border-radius,bottom ekleyebilirsin.


Eline sağlık güzel bir kodlama olmuş.
Ara
Cevapla PGM
Teşekkür verenler:
#17
Çok güzel olmuş özellikle bunu paylaşırsanız sevinirim
EYbN0Z.png
AromaticCoolInexpectatumpleco-size_restricted.gif
Cevapla PGM
Teşekkür verenler:
#18
(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.
Ara
Cevapla PGM
Teşekkür verenler:
#19
Çok Güzel Onur ;) @Caxing , tanıdınmı beni :D
Ara
Cevapla PGM
Teşekkür verenler:
#20
(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.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 7 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:medi -

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