15-03-2014 Saat: 17:38
(Son Düzenleme: 29-03-2014 Saat: 02:39, Düzenleyen: meta the god.)
TeknoGroup v1 postbitiyle karşınızda
Demomuz ; Kaldırıldı
Geçelim Kuruluma.
Temamıza girip css ekle diyoruz
İsim ; teknogroupv1.css
genel stil
Kendi İçeriğimi yazmak istiyorum diyip şu kodları yazıyorsunuz ;
Sonra Şablonlardan Postbiti şablonlarına girip
Postbit ;
Postbit_classic
postbit_author_user
postbit_online ;
Postbit_offline
Ve bu kadardır
Created by ; TeknoGroup
Demomuz ; Kaldırıldı
Geçelim Kuruluma.
Temamıza girip css ekle diyoruz
İsim ; teknogroupv1.css
genel stil
Kendi İçeriğimi yazmak istiyorum diyip şu kodları yazıyorsunuz ;
Kod:
.shanex {
background-image: url(http://st.10tl.net/tema/teknology/images/cerceve.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
}
.avatarcıgım {
position:relative
}
.avatarcıgım img {
border:1px solid rgba(0,0,0,0.25);
border-radius:5px 5px 5px 5px;
box-shadow:0 1px 3px rgba(0,0,0,0.15);
background:transparent;
}
.avatarcıgım:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.helpci {
cursor: help;
}
.postbt {
color: black;
border: 1px solid #a9a9a9;
border-radius: 4px;
padding: 6px;
display: block;
margin-right: 1px;
font-size: 10px;
cursor: help;
}
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #f0f0f0 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#dfdfdf');
background-color:#f0f0f0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
width: 108px;
font-weight:bold;
padding:6px 10px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.myButton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #f0f0f0) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #f0f0f0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f0f0f0');
background-color:#dfdfdf;
}.myButton:active {
position:relative;
top:1px;
}
.pbbutton {
background-color: #E5E5E5;
background-image: -moz-linear-gradient(#F2F2F2, #E5E5E5);
background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E5E5E5));
background-image: -webkit-linear-gradient(#F2F2F2, #E5E5E5);
background-image: -o-linear-gradient(#F2F2F2, #E5E5E5);
background-image: -ms-linear-gradient(#F2F2F2, #E5E5E5);
background-image: linear-gradient(#F2F2F2, #E5E5E5);
text-decoration: none;
text-shadow: 0 1px 0 white;
-moz-box-shadow: inset 0 0 1px #fff;
-ms-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px white;
box-shadow: inset 0 0 1px white;
border: 1px solid #d2d2d2;
border-bottom-color: #B1B1B1;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
padding: 3px 3px;
margin: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
}
.pbbutton:hover {
border: 1px dashed #AAA;
border-bottom-color: #999;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff0f0f0,EndColorStr=#ffe6e6e6);
background-image: -moz-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
background-image: -ms-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
background-image: -o-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F0F0F0),color-stop(100%,#E6E6E6));
background-image: -webkit-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
background-image: linear-gradient(to bottom,#F0F0F0 0,#E6E6E6 100%);
text-decoration: none;
}
.pbbutton:active {
background: #DADADA;
-webkit-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
}
.pbb {
background: -moz-linear-gradient( center top, #f0f0f0 5%, #dfdfdf 100% );
width: 80px;
color: #777777;
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#dfdfdf');
background-color: #f0f0f0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #dcdcdc;
display: inline-block;
padding: 5px 5px;
text-shadow: 1px 1px 0px #ffffff;
text-decoration: none;
font-family: arial;
font-weight: bold;
}
.pbb:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #f0f0f0) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #f0f0f0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f0f0f0');
background-color:#dfdfdf;
}
.pbb:active {
position:relative;
top:1px;
}Sonra Şablonlardan Postbiti şablonlarına girip
Postbit ;
Kod:
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}}" id="post_{$post['pid']}">
<tbody>
<tr>
<td class="tcat">
<div class="float_left smalltext">
<strong><span class="largetext"><div class="helpci">{$post['profilelink']}</div></span></strong><span id="edited_by_{$post['pid']}">{$post['editedmsg']} </span>
</div>
{$post['posturl']}
</td>
</tr>
<tr>
<td class="trow1 {$unapproved_shade}">
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tr>
<td class="smalltext post_author_info" width="165">
<div class="pbbutton">{$post['onlinestatus']}</div>
{$post['user_details']}
<div class="pbbutton">{$post['usertitle']}</div>
</td>
<td class="post_author">
<span class="smalltext">
<div class="pbbutton">{$post['userstars']}</div>
<br />
{$post['groupimage']}
</span>
<span style="float: right;"><td class="post_avatar" width="1" style="{$post['avatar_padding']}">
{$post['useravatar']}
</td></span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="trow2 post_content {$unapproved_shade}">
<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
<div class="post_body" id="pid_{$post['pid']}">
<div class="postbt">
{$post['message']}</div>
</div>
{$post['attachments']}
{$post['signature']}
<div class="post_meta" id="post_meta_{$post['pid']}">
{$post['iplogged']}
</div>
</td>
</tr>
<tr>
<td class="trow1 post_buttons {$unapproved_shade}">
<div class="author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
<div class="post_management_buttons float_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']}
</div>
</td>
</tr>
</tbody>
</table>Postbit_classic
Kod:
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}}" id="post_{$post['pid']}">
<tbody>
<tr>
<td class="tcat">
<div class="float_left smalltext">
<strong><span class="largetext"><div class="helpci">{$post['profilelink']}</div></span></strong><span id="edited_by_{$post['pid']}">{$post['editedmsg']} </span>
</div>
{$post['posturl']}
</td>
</tr>
<tr>
<td class="trow1 {$unapproved_shade}">
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tr>
<td class="smalltext post_author_info" width="165">
<div class="pbbutton">{$post['onlinestatus']}</div>
{$post['user_details']}
<div class="pbbutton">{$post['usertitle']}</div>
</td>
<td class="post_author">
<span class="smalltext">
<div class="pbbutton">{$post['userstars']}</div>
<br />
{$post['groupimage']}
</span>
<span style="float: right;"><td class="post_avatar" width="1" style="{$post['avatar_padding']}">
{$post['useravatar']}
</td></span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="trow2 post_content {$unapproved_shade}">
<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
<div class="post_body" id="pid_{$post['pid']}">
<div class="postbt">
{$post['message']}</div>
</div>
{$post['attachments']}
{$post['signature']}
<div class="post_meta" id="post_meta_{$post['pid']}">
{$post['iplogged']}
</div>
</td>
</tr>
<tr>
<td class="trow1 post_buttons {$unapproved_shade}">
<div class="author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
<div class="post_management_buttons float_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']}
</div>
</td>
</tr>
</tbody>
</table>postbit_author_user
Kod:
<div class="helpci"><strong><font color="green">Yorum Sayısı:</font> <font color="red">{$post['postnum']}</font>
<font color="blue">{$post['replink']}</font><font color="red">{$post['warninglevel']}</font></div></strong>postbit_online ;
Kod:
<a href="online.php" title="{$lang->postbit_status_online}"><img src="http://st.10tl.net/tema/teknology/images/online.gif" border="0" alt="{$lang->postbit_status_online}" /></a>Postbit_offline
Kod:
<img src="http://st.10tl.net/tema/teknology/images/offline.gif" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" />Ve bu kadardır
Created by ; TeknoGroup
