03-15-2014, 02:05 PM
TeknoGroup v1 postbitiyle karşınızda
Demomuz ; http://forumcandy.10tl.net/showthread.php?tid=1
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 ; http://forumcandy.10tl.net/showthread.php?tid=1
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
Okyanusta batan gemidir yalnızlık,
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.