Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
TeknoGroup v1 Postbit
#1
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 ;

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

ddbvr34.png

Created by ; TeknoGroup
Ara
Cevapla PGM
Teşekkür verenler:
#2
Diğeri daha güzeldi bence.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Güzel değişik.
Ara
Cevapla PGM
Teşekkür verenler:
#4
@Kaily: diğeri derken TeknoGroup tarafından üretilen tek postbit budur.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Senin kendi yaptığın postbit'ten bahsettim.
Ara
Cevapla PGM
Teşekkür verenler:
#6
bunuda kendim yaptım şuanlık v1 tema bitene kadar ekibe üye almıyorum.

Teknology Postbit diye değil teknogroup postbit diye çıkardım ama 2 side benim çalışmalarım.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Edit Az Olmuş Bence Daha İyi Ola Bilirdi..
Ara
Cevapla PGM
Teşekkür verenler:
#8
evet az ama hoş duruyor.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Başarılı. .
Ara
Cevapla PGM
Teşekkür verenler:
#10
Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

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