Merhaba arkadaşlar,
Bu postbiti kendi sitem için özel olarak tasarlamıştım ve kimseye vermeyeceğim dedim fakat aşırı derecede istek gelince birkaç arkadaşımıza vermiş bulundum o yüzden paylaşma gereği duydum.
Sitemde özel mesajlara bakamaz oldum artık bu konuyu açıp kurtulacağım postbit isteklerinden.
Sitemde 20 özel mesaj geliyorsa bunun 10'u postbiti isteyenler oluyor. Hepsine aynı cevabı vermekten bıktım açıkcası verimde kurtuluyim diyorum artık geliştirmesi size bağlı posbitin.
İsterseniz yavaştan postbitin yapımını anlatmaya başlayım ben...
İlk önce temanızın global.css dosyasını açıp aşağıda ki kodları en alta ekleyin...
Bu kodları ekledikten sonra temamıza yeni bir css oluşturuyoruz. Oluşturacağımız css dosyasının Stil Adı kısmına şu adı verin font-awesome.min.css
Bağlı olduğu dosyalar: Genelde seçili kalsın
Kendi içeriğimi yazmak istiyorum kısmına tıklayıp altta açılan yere aşağıda ki kodları ekleyip kaydedin.
Not: Temasında font-awesome kodlarını kullananlar yukarda ki işlemi yapmasınlar. Font awesome yok ise css oluşturma kısmını yapınız...
Daha sonra temamızın şablonları açıp headerinclude şablonuna aşağıda ki kodu ekleyin. En sona ekleyebilirsiniz...
CSS Kısmı ile işimiz bitti. CSS ile postbitimizin özelliğini,şeklini vs belirledik şimdi geldik bunu temaya aktarmaya/göstermeye.
Önemli UYARI ! : Bu işlemleri gerçekleştirmeden önce lütfen yedek alınız. Şablonlarınızı boş bir metin belgesine kopyalayın ve yedek alın. Daha sonra bozulmalardan vs ben sorumlu olmam !
Devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit şablonunu açıp aşağıda ki kodu ekleyiniz...
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_classic şablonunu açıp aşağıda ki kodu ekleyiniz...
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_avatar şablonunu açıp aşağıda ki kodu ekleyiniz...
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_offline şablonunu açıp aşağıda ki kodu ekleyiniz...
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_online şablonunu açıp aşağıda ki kodu ekleyiniz...
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_author_user şablonunu açıp aşağıda ki kodu ekleyiniz...
Evet herşey bitti sıra geldi resim dosyalarına postbitte birkaç tane grafik dosyası kullandım bu dosyayı aşağıda ki linkten indirip FTP 'den images klasörüne atınız. Direkt olarak index.php vs bulunduğu yera anadizine atın gitsin o yerini bulur
images.rar (Dosya Boyutu: 423.95 KB / İndirme Sayısı: 425)
Herşeyi eksiksiz yaptıysanız postbitiniz şu şekilde olacaktır...
Şimdi bazıları diyecek ben yaptım ama sizin ki gibi olmadı diyecektir. Ben sonradan birkaç ekleme yaptığım için ondan böyledir. %90 benzeridir !
İyi forumlar,kolay gelsin.
Bu postbiti kendi sitem için özel olarak tasarlamıştım ve kimseye vermeyeceğim dedim fakat aşırı derecede istek gelince birkaç arkadaşımıza vermiş bulundum o yüzden paylaşma gereği duydum.
Sitemde özel mesajlara bakamaz oldum artık bu konuyu açıp kurtulacağım postbit isteklerinden.
Sitemde 20 özel mesaj geliyorsa bunun 10'u postbiti isteyenler oluyor. Hepsine aynı cevabı vermekten bıktım açıkcası verimde kurtuluyim diyorum artık geliştirmesi size bağlı posbitin.
İsterseniz yavaştan postbitin yapımını anlatmaya başlayım ben...
İlk önce temanızın global.css dosyasını açıp aşağıda ki kodları en alta ekleyin...
Kod:
/*-- Torrent-Cenneti.Com Postbit Başlangıç --*/
.online_button {
margin-left: -134px;
margin-top: -7px;
}
.dane_usera {
background: #f3f3f3 url(images/postbit/kullanıcıad.png) repeat-y center;
width: auto;
height: auto;
border-radius: 5px;
border: solid 1px #ccc;
padding: 7px 7px 6px 7px;
text-align: center;
}
.dane_usera > div {
line-height: 5px;
}
.bilgi {
background: #f3f3f3 url(images/postbit/kullanıcıad.png) repeat-y center;
width: 159px;
border-radius: 5px;
border: solid 1px #ccc;
padding: 7px 7px 6px 7px;
text-align: center;
}
.avatar-frame{border: 3px solid #3498db;}
.avatar-frame,.avatar-frame img{
width: 125px;
height: 125px;
-webkit-border-radius: 75px; /* Saf3+, Chrome */
border-radius: 75px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 75px; Disabled for FF1+ */
}
.avatar-frame:hover,.avatar-frame img:hover{
width: 125px;
height: 125px;
-webkit-border-radius: 15px; /* Saf3+, Chrome */
border-radius: 15px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 15px; Disabled for FF1+ */
transition: all 2s ease 0s;
}
.postbitt {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #fff;
width: 140px;
height: 90px;
padding: 4px;
margin: 4px;
box-shadow: 0 0 1em gray;
border: 1px dashed #777;
}
.profilavatar-frame img{
width: 120px;
height: 120px;
border: 3px solid #3498db;
-webkit-border-radius: 25px; /* Saf3+, Chrome */
border-radius: 25px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 25px; Disabled for FF1+ */
transition: all 2s ease 0s;
-webkit-transition: all 2s ease-in-out 0s;
-moz-transition: all 2s ease-in-out 0s;
-o-transition: all 2s ease-in-out 0s;
-ms-transition: all 2s ease-in-out 0s;
}
.profilavatar-frame img:hover{
width: 120px;
height: 120px;
-webkit-border-radius: 10px; /* Saf3+, Chrome */
border-radius: 10px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 10px; Disabled for FF1+ */
transition: all 1s ease 0s;
}
.post_genislik {
width: 80%;
margin: auto auto;
border: 0px solid #0C1F5D;
}
div#baslik h1 {
background: #0d0c0c url(images/postbit/bilgi-baslik.png) repeat-x;
border-color: #000;
border-style: solid;
border-width: 0 1px;
display: block;
height: 60px;
margin: 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
div#icerik {
background: #fff;
border-color: #ddd;
border-style: solid;
border-width: 0 1px;
margin: 0 10px;
padding: 15px;
}
div#bitti {
background: #b5b5b5 url(images/postbit/bilgi-bitti.png) repeat-x;
border: 1px solid #ccc;
border-bottom: 1px solid #aaa;
padding: 6px;
overflow: hidden;
border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}
.box-user {
float: left;
}
.box-user-baslik {
width: 718px;
background: url(images/postbit/postbit.png) top left no-repeat;
width: 200px;
height: 11px;
}
.box-user-icerik {
width: 718px;
background: url(images/postbit/postbit-icerik.png) top left repeat-y;
width: 200px;
height: auto;
}
.box-user-bitti {
background: url(images/postbit/postbit.png) bottom left no-repeat;
width: 200px;
height: 12px;
}
.box-user-bilgi {
background: #fff url(images/postbit/postbit-bilgi.png) repeat-x;
width: 170px;
color: #373737;
margin: 0 auto;
padding: 0 10px;
font-size: 13px;
}
/* Konu gösterim mesaj tablosu genişliği */
.box-mesaj {
margin-top: 5px;
margin-left: 4px;
background: #eaeaea;
border: 1px solid #959595;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.box-mesaj-icerik {
padding: 15px 10px;
background: #f5f5f5;
}
.box-mesaj-baslik {
border-bottom: 1px dashed #ccc;
padding: 5px 10px;
}
.box-mesaj-bitti {
border-top: 1px dashed #ccc;
padding: 5px 10px;
height: 24px;
}
.mesaj {
float: left;
margin-top: 4px;
margin-left: 4px;
background: #eaeaea;
width: 530px;
border: 1px solid #959595;
margin-bottom: 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
body#private.box-mesaj {
width: 518px;
}
.sol_ok {
position: absolute;
margin-left: -40px;
}
.postbit_author_user {
border-bottom: 1px solid #ddd;
width: 146px;
margin: -8px;
border-left: 5px solid #ddd;
border-right: 5px solid #ddd;
border-top: 1px solid #ddd;
padding: 13px 8px;
background: rgb(233, 233, 233);
}
/*-- Torrent-Cenneti.Com Postbit Bitiş --*/
Bu kodları ekledikten sonra temamıza yeni bir css oluşturuyoruz. Oluşturacağımız css dosyasının Stil Adı kısmına şu adı verin font-awesome.min.css
Bağlı olduğu dosyalar: Genelde seçili kalsın
Kendi içeriğimi yazmak istiyorum kısmına tıklayıp altta açılan yere aşağıda ki kodları ekleyip kaydedin.
Kod:
@font-face{font-family:'FontAwesome';src:url(../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg);font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}
Not: Temasında font-awesome kodlarını kullananlar yukarda ki işlemi yapmasınlar. Font awesome yok ise css oluşturma kısmını yapınız...
Daha sonra temamızın şablonları açıp headerinclude şablonuna aşağıda ki kodu ekleyin. En sona ekleyebilirsiniz...
Kod:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
CSS Kısmı ile işimiz bitti. CSS ile postbitimizin özelliğini,şeklini vs belirledik şimdi geldik bunu temaya aktarmaya/göstermeye.
Önemli UYARI ! : Bu işlemleri gerçekleştirmeden önce lütfen yedek alınız. Şablonlarınızı boş bir metin belgesine kopyalayın ve yedek alın. Daha sonra bozulmalardan vs ben sorumlu olmam !
Devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit şablonunu açıp aşağıda ki kodu ekleyiniz...
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>
<div class="dane_usera">
<div class="online_button">{$post['onlinestatus']}</div><div style="margin-top: -40px;"><br/><strong><span class="largetext">{$post['profilelink']}</span></strong> <br />
<br/><span class="smalltext">
<br /> <div style="margin-bottom: 5px;">{$post['groupimage']}</div>
<center>{$post['useravatar']}</center><br />
<br/>{$post['user_details']}
</span>
</div></div>
</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>
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_classic şablonunu açıp aşağıda ki kodu ekleyiniz...
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>
<div class="dane_usera">
<div class="online_button">{$post['onlinestatus']}</div><div style="margin-top: -40px;"><br/><strong><span class="largetext">{$post['profilelink']}</span></strong> <br />
<br/><span class="smalltext">
<br /> <div style="margin-bottom: 5px;">{$post['groupimage']}</div>
<center>{$post['useravatar']}</center><br />
<br/>{$post['user_details']}
</span>
</div></div>
</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>
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_avatar şablonunu açıp aşağıda ki kodu ekleyiniz...
Kod:
<div class="avatar-frame"><center><a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="user avatar" {$avatar_width_height} /></a></center></div>
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_offline şablonunu açıp aşağıda ki kodu ekleyiniz...
Kod:
<img src="images/postbit/offline.png" height="68" width="52" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" />
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_online şablonunu açıp aşağıda ki kodu ekleyiniz...
Kod:
<a rel="nofollow" href="online.php" title="{$lang->postbit_status_online}"><img src="images/postbit/online.png" border="0" height="68" width="52"alt="{$lang->postbit_status_online}" /></a>
Yukarıda ki kodları ekledikten sonra aşağıda ki işlemle devam edelim...
Temanız Şablon Listesi Postbit Şablonlar postbit_author_user şablonunu açıp aşağıda ki kodu ekleyiniz...
Kod:
<center><div class="postbit_author_user"><i class="fa fa-calendar-o"></i> <strong>Ü.Tarihi {$post['userregdate']}</strong></div><br/>
<br/><div class="postbit_author_user"><i class="fa fa-folder"></i> <strong>Konular: $threadscount</strong></div><br/>
<br/><div class="postbit_author_user"><i class="fa fa-comments"></i> <strong>Mesajlar : {$post['postnum']}</strong></div>
<br/><div class="postbit_author_user">{$post['replink']}</div><br/>
</center>
Evet herşey bitti sıra geldi resim dosyalarına postbitte birkaç tane grafik dosyası kullandım bu dosyayı aşağıda ki linkten indirip FTP 'den images klasörüne atınız. Direkt olarak index.php vs bulunduğu yera anadizine atın gitsin o yerini bulur
images.rar (Dosya Boyutu: 423.95 KB / İndirme Sayısı: 425)
Herşeyi eksiksiz yaptıysanız postbitiniz şu şekilde olacaktır...
Şimdi bazıları diyecek ben yaptım ama sizin ki gibi olmadı diyecektir. Ben sonradan birkaç ekleme yaptığım için ondan böyledir. %90 benzeridir !
İyi forumlar,kolay gelsin.