<![CDATA[MyBB Depo Forum - Tema Yapımı]]> https://mybbdepo.com/ Sun, 07 Jun 2026 09:03:14 +0000 MyBB <![CDATA[Sayfayı Yenileyince Değişen Duyuru [ Kod + Anlatım ]]]> https://mybbdepo.com/sayfayi-yenileyince-degisen-duyuru-kod-anlatim-konusu.html Thu, 30 Apr 2015 16:44:10 +0300 https://mybbdepo.com/sayfayi-yenileyince-degisen-duyuru-kod-anlatim-konusu.html sayfayı yenileyince değişen duyuru eklicez.

Admin KP > Temalar-Şablonlar > Şablonlar > Kullandığınız Tema > İndex Şablonları > İndex 


Bul:
Kod:
{$header}


Hemen altına:
Kod:
<center>
<script type="text/javascript"><!--
function banner() {
};
banner = new banner();
number = 0;

banner[number++] = "<div class='thead'><a href='Eklemek İstediğiniz Link'><span style='color:red;text-shadow:0 0 10px;font-weight:bold;font-size:25px;'>Buraya Duyurunuzu Yazın. - SiberLeon</span></a></div>"
banner[number++] = "<div class='thead'><a href='Eklemek İstediğiniz Link'><span style='color:yellowywhite;text-shadow:0 0 10px;font-weight:bold;font-size:25px;'>Buraya Duyurunuzu Yazın. - SiberLeon</span></a></div>"
banner[number++] = "<div class='thead'><a href='Eklemek İstediğiniz Link'><span style='color:black;text-shadow:0 0 10px;font-weight:bold;font-size:25px;'>Buraya Duyurunuzu Yazın. - SiberLeon</span></a></div>"

increment = Math.floor(Math.random() * number);
document.write(banner[increment]);
//--></script></h2><br> </center>

Ekliyoruz ve sayfayı yenileyince değişen duyurumuz hazır. 

Demo:
Kod:
endfrm.com
Ek Not: Kodu bulduğum gibi paylaşmadım. Düzenlemeler yapıldı.]]> sayfayı yenileyince değişen duyuru eklicez.

Admin KP > Temalar-Şablonlar > Şablonlar > Kullandığınız Tema > İndex Şablonları > İndex 


Bul:
Kod:
{$header}


Hemen altına:
Kod:
<center>
<script type="text/javascript"><!--
function banner() {
};
banner = new banner();
number = 0;

banner[number++] = "<div class='thead'><a href='Eklemek İstediğiniz Link'><span style='color:red;text-shadow:0 0 10px;font-weight:bold;font-size:25px;'>Buraya Duyurunuzu Yazın. - SiberLeon</span></a></div>"
banner[number++] = "<div class='thead'><a href='Eklemek İstediğiniz Link'><span style='color:yellowywhite;text-shadow:0 0 10px;font-weight:bold;font-size:25px;'>Buraya Duyurunuzu Yazın. - SiberLeon</span></a></div>"
banner[number++] = "<div class='thead'><a href='Eklemek İstediğiniz Link'><span style='color:black;text-shadow:0 0 10px;font-weight:bold;font-size:25px;'>Buraya Duyurunuzu Yazın. - SiberLeon</span></a></div>"

increment = Math.floor(Math.random() * number);
document.write(banner[increment]);
//--></script></h2><br> </center>

Ekliyoruz ve sayfayı yenileyince değişen duyurumuz hazır. 

Demo:
Kod:
endfrm.com
Ek Not: Kodu bulduğum gibi paylaşmadım. Düzenlemeler yapıldı.]]> <![CDATA[Temalardaki Tborder Çizgisi Sıkıntısı Çözümü]]> https://mybbdepo.com/temalardaki-tborder-cizgisi-sikintisi-cozumu-konusu.html Thu, 15 Jan 2015 20:25:36 +0200 https://mybbdepo.com/temalardaki-tborder-cizgisi-sikintisi-cozumu-konusu.html Bir süredir girememiştim 1 haftadır filan. Fena üşütmüşüm arkadaşlar yataktan bir kaç gün ayrılamadım ama sonunda kabus günler geride kaldı. Bende güzel bir geri dönüş yapayım dedim. Birazdan anlatacaklarımı belki tema ile uğraşmayı seven ya da uğraşan arkadaşlar bilirler ama bilmeyenler için yararlı olabilir. Neyse fazla uzatmayalım sizlere thead kısmının üstünde ve yanında olan o ince çizgiyi (tborder'ı) nasıl kaldıracağınızı ya da düzenleyebileceğinizi göstereceğim. Çok kolay aslında eğer;

Temadan tamamen o tborder denen şeysini kaldırmak istiyorsanız;
  • NoktaAdmin KP Sağ Ok Temalar & Şablonlar Sağ Ok Temanızı seçtikten sonra CSS3.css adlı bir kalıp göreceksiniz. Oranın içinde bulunan bütün kodları silin.
Fakat sadece .Tborder kodlarıyla oynamak istiyorsanız;
  • NoktaSadece CSS3.css kalıplarındaki .tborder kodlarını incelemeniz yeterli. Ne ile alakalı olduklarını anlarsınız zaten.
Benden bu kadar.
Görüşürüz..]]> Bir süredir girememiştim 1 haftadır filan. Fena üşütmüşüm arkadaşlar yataktan bir kaç gün ayrılamadım ama sonunda kabus günler geride kaldı. Bende güzel bir geri dönüş yapayım dedim. Birazdan anlatacaklarımı belki tema ile uğraşmayı seven ya da uğraşan arkadaşlar bilirler ama bilmeyenler için yararlı olabilir. Neyse fazla uzatmayalım sizlere thead kısmının üstünde ve yanında olan o ince çizgiyi (tborder'ı) nasıl kaldıracağınızı ya da düzenleyebileceğinizi göstereceğim. Çok kolay aslında eğer;

Temadan tamamen o tborder denen şeysini kaldırmak istiyorsanız;
  • NoktaAdmin KP Sağ Ok Temalar & Şablonlar Sağ Ok Temanızı seçtikten sonra CSS3.css adlı bir kalıp göreceksiniz. Oranın içinde bulunan bütün kodları silin.
Fakat sadece .Tborder kodlarıyla oynamak istiyorsanız;
  • NoktaSadece CSS3.css kalıplarındaki .tborder kodlarını incelemeniz yeterli. Ne ile alakalı olduklarını anlarsınız zaten.
Benden bu kadar.
Görüşürüz..]]> <![CDATA[MyBB Konu Buton İconlarını FontAwesome Yapmak [Ders] - [1.8]]]> https://mybbdepo.com/mybb-konu-buton-iconlarini-fontawesome-yapmak-ders-1-8-konusu.html Thu, 15 Jan 2015 13:23:24 +0200 https://mybbdepo.com/mybb-konu-buton-iconlarini-fontawesome-yapmak-ders-1-8-konusu.html
1. Sitenizde FontAwesome'un Yükleyiniz [ Font Awesome Kullanımı]

2. Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Global.css'de Yandaki Kodu .postbit_buttons > a:link, Aratınız ve Aşağıda Gördüğünüz Kodları Bulunuz.

Kod:
.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: #eee url(images/buttons_bg.png) repeat-x;
border: 1px solid #ccc;
color: #555;
}

.postbit_buttons > a:hover {
border-color: #bbb;
}

.postbit_buttons a span {
padding-left: 20px;
display: inline-block;
height: 16px;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #000;
font-size: 14px;
}

a.button.small_button {
font-size: 13px;
margin: 0;
padding: 3px 6px;
}

a.button span {
padding-left: 20px;
display: inline-block;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}

a.button.new_thread_button span {
background-position: 0 -340px;
}

a.button.new_reply_button span {
background-position: 0 -360px;
}

a.button.closed_button span {
background-position: 0 -380px;
}

a.button.rate_user_button span {
background-position: 0 -400px;
}

a.button.add_buddy_button span {
background-position: 0 -440px;
}

a.button.remove_buddy_button span {
background-position: 0 -480px;
}

a.button.add_ignore_button span {
background-position: 0 -460px;
}

a.button.remove_ignore_button span {
background-position: 0 -500px;
}

a.button.report_user_button span {
background-position: 0 -520px;
}

3. Üsteki Kodları Altaki Kodlar İle Değiştiriniz

Kod:
.postbit_buttons a span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
   font-size: 12px;
}

.postbit_buttons a.postbit_find span:before {
content: "\f002";
}

.postbit_buttons a.postbit_reputation_add span:before {
content: "\f067";
}

.postbit_buttons a.postbit_email span:before {
content: "\f0e0";
}

.postbit_buttons a.postbit_website span:before {
content: "\f0ac";
}

.postbit_buttons a.postbit_pm span:before {
content: "\f199";
}

.postbit_buttons a.postbit_quote span:before {
content: "\f10e";
}

.postbit_buttons a.postbit_multiquote span:before {
content: "\f055";
}

.postbit_buttons a.postbit_multiquote_on span:before {
content: "\f056";
   color: #DB1304;
}

.postbit_buttons a.postbit_edit span:before {
content: "\f044";
}

.postbit_buttons a.postbit_qdelete span:before {
content: "\f00d";
}

.postbit_buttons a.postbit_qrestore span:before {
content: "\f067";
}

.postbit_buttons a.postbit_report span:before {
content: "\f0a1";
}

.postbit_buttons a.postbit_warn span:before {
content: "\f0e3";
}

.postbit_buttons a.postbit_purgespammer span:before {
content: "\f071";
}

.postbit_buttons a.postbit_reply_pm span:before {
content: "\f112";
}

.postbit_buttons a.postbit_reply_all span:before {
content: "\f122";
}

.postbit_buttons a.postbit_forward_pm span:before {
content: "\f064";
}

.postbit_buttons a.postbit_delete_pm span:before {
content: "\f00d";
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #000;
font-size: 14px;
}

a.button.small_button {
font-size: 13px;
margin: 0;
padding: 3px 6px;
}

a.button span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
}

a.button.new_thread_button span:before {
content: "\f086";
}

a.button.new_reply_button span:before {
content: "\f075";
}

a.button.closed_button span:before {
content: "\f00d";
}

a.button.rate_user_button span:before {
content: "\f123";
}

a.button.add_buddy_button span:before {
content: "\f007";
}

a.button.remove_buddy_button span:before {
content: "\f00d";
}

a.button.add_ignore_button span:before {
content: "\f1f6";
}

a.button.remove_ignore_button span:before {
content: "\f0f3";
}

a.button.report_user_button span:before {
content: "\f0a1";
}


Resim-Grafik Ekran Görüntüsleri

resim

resim]]>
1. Sitenizde FontAwesome'un Yükleyiniz [ Font Awesome Kullanımı]

2. Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Global.css'de Yandaki Kodu .postbit_buttons > a:link, Aratınız ve Aşağıda Gördüğünüz Kodları Bulunuz.

Kod:
.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: #eee url(images/buttons_bg.png) repeat-x;
border: 1px solid #ccc;
color: #555;
}

.postbit_buttons > a:hover {
border-color: #bbb;
}

.postbit_buttons a span {
padding-left: 20px;
display: inline-block;
height: 16px;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #000;
font-size: 14px;
}

a.button.small_button {
font-size: 13px;
margin: 0;
padding: 3px 6px;
}

a.button span {
padding-left: 20px;
display: inline-block;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}

a.button.new_thread_button span {
background-position: 0 -340px;
}

a.button.new_reply_button span {
background-position: 0 -360px;
}

a.button.closed_button span {
background-position: 0 -380px;
}

a.button.rate_user_button span {
background-position: 0 -400px;
}

a.button.add_buddy_button span {
background-position: 0 -440px;
}

a.button.remove_buddy_button span {
background-position: 0 -480px;
}

a.button.add_ignore_button span {
background-position: 0 -460px;
}

a.button.remove_ignore_button span {
background-position: 0 -500px;
}

a.button.report_user_button span {
background-position: 0 -520px;
}

3. Üsteki Kodları Altaki Kodlar İle Değiştiriniz

Kod:
.postbit_buttons a span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
   font-size: 12px;
}

.postbit_buttons a.postbit_find span:before {
content: "\f002";
}

.postbit_buttons a.postbit_reputation_add span:before {
content: "\f067";
}

.postbit_buttons a.postbit_email span:before {
content: "\f0e0";
}

.postbit_buttons a.postbit_website span:before {
content: "\f0ac";
}

.postbit_buttons a.postbit_pm span:before {
content: "\f199";
}

.postbit_buttons a.postbit_quote span:before {
content: "\f10e";
}

.postbit_buttons a.postbit_multiquote span:before {
content: "\f055";
}

.postbit_buttons a.postbit_multiquote_on span:before {
content: "\f056";
   color: #DB1304;
}

.postbit_buttons a.postbit_edit span:before {
content: "\f044";
}

.postbit_buttons a.postbit_qdelete span:before {
content: "\f00d";
}

.postbit_buttons a.postbit_qrestore span:before {
content: "\f067";
}

.postbit_buttons a.postbit_report span:before {
content: "\f0a1";
}

.postbit_buttons a.postbit_warn span:before {
content: "\f0e3";
}

.postbit_buttons a.postbit_purgespammer span:before {
content: "\f071";
}

.postbit_buttons a.postbit_reply_pm span:before {
content: "\f112";
}

.postbit_buttons a.postbit_reply_all span:before {
content: "\f122";
}

.postbit_buttons a.postbit_forward_pm span:before {
content: "\f064";
}

.postbit_buttons a.postbit_delete_pm span:before {
content: "\f00d";
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #000;
font-size: 14px;
}

a.button.small_button {
font-size: 13px;
margin: 0;
padding: 3px 6px;
}

a.button span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
}

a.button.new_thread_button span:before {
content: "\f086";
}

a.button.new_reply_button span:before {
content: "\f075";
}

a.button.closed_button span:before {
content: "\f00d";
}

a.button.rate_user_button span:before {
content: "\f123";
}

a.button.add_buddy_button span:before {
content: "\f007";
}

a.button.remove_buddy_button span:before {
content: "\f00d";
}

a.button.add_ignore_button span:before {
content: "\f1f6";
}

a.button.remove_ignore_button span:before {
content: "\f0f3";
}

a.button.report_user_button span:before {
content: "\f0a1";
}


Resim-Grafik Ekran Görüntüsleri

resim

resim]]> <![CDATA[MYBB Nasıl tame çizilir ve kodlanır]]> https://mybbdepo.com/mybb-nasil-tame-cizilir-ve-kodlanir-konusu.html Sat, 18 Oct 2014 14:38:39 +0300 https://mybbdepo.com/mybb-nasil-tame-cizilir-ve-kodlanir-konusu.html <![CDATA[Konu ve Yorum alanını kutu içine almak - Yeni]]> https://mybbdepo.com/konu-ve-yorum-alanini-kutu-icine-almak-yeni-konusu.html Sat, 11 Oct 2014 14:08:45 +0300 https://mybbdepo.com/konu-ve-yorum-alanini-kutu-icine-almak-yeni-konusu.html Konular ve Yorumlar alanını kutu içerisine almak için aşağıdaki adımları eksiksiz uygulayınız.

1) Yönetici (admin) Kontrol Paneli  → Temalar & Şablonlar → Kullandığınız temanın şablonlarından → Forum Bit Şablonlar → forumbit_depth2_forum şablonuna girerek aşağıdaki kodu bulunuz.

Kod:
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>

2) 1. adımda bulduğunuz kodu aşağıdaki kod ile değiştiriniz.

Kod:
<td class="{$bgcolor}" align="center"><div class="threads_posts_box">{$threads}{$unapproved['unapproved_threads']}</div></td>
<td class="{$bgcolor}" align="center"><div class="threads_posts_box">{$posts}{$unapproved['unapproved_posts']}</div></td>

3) Yönetici (admin) Kontrol Paneli → Temalar & Şablonlar → Temalar →  kullandığınız tema → global.css → Gelişmiş Düzenleme bölümünden en alta aşağıdaki CSS kodlarını ekleyiniz.

Kod:
.threads_posts_box {
   border: 1px solid #CCC;
   padding: 5px;
   background-color: #FFF;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

Yaptığımız işlemlerin sonucu, ekran görüntüsü:


.png   kyk.png (Dosya Boyutu: 34.11 KB / İndirme Sayısı: 130)

Kaynak:

Kod:
http://mybbturkey.com/thread-65.html

Kolay gelsin, iyi forumlar..]]> Konular ve Yorumlar alanını kutu içerisine almak için aşağıdaki adımları eksiksiz uygulayınız.

1) Yönetici (admin) Kontrol Paneli  → Temalar & Şablonlar → Kullandığınız temanın şablonlarından → Forum Bit Şablonlar → forumbit_depth2_forum şablonuna girerek aşağıdaki kodu bulunuz.

Kod:
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>

2) 1. adımda bulduğunuz kodu aşağıdaki kod ile değiştiriniz.

Kod:
<td class="{$bgcolor}" align="center"><div class="threads_posts_box">{$threads}{$unapproved['unapproved_threads']}</div></td>
<td class="{$bgcolor}" align="center"><div class="threads_posts_box">{$posts}{$unapproved['unapproved_posts']}</div></td>

3) Yönetici (admin) Kontrol Paneli → Temalar & Şablonlar → Temalar →  kullandığınız tema → global.css → Gelişmiş Düzenleme bölümünden en alta aşağıdaki CSS kodlarını ekleyiniz.

Kod:
.threads_posts_box {
   border: 1px solid #CCC;
   padding: 5px;
   background-color: #FFF;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

Yaptığımız işlemlerin sonucu, ekran görüntüsü:


.png   kyk.png (Dosya Boyutu: 34.11 KB / İndirme Sayısı: 130)

Kaynak:

Kod:
http://mybbturkey.com/thread-65.html

Kolay gelsin, iyi forumlar..]]> <![CDATA[Alt Forumları kutu içerisine almak - [Ders]]]> https://mybbdepo.com/alt-forumlari-kutu-icerisine-almak-ders-konusu.html Sat, 11 Oct 2014 13:39:25 +0300 https://mybbdepo.com/alt-forumlari-kutu-icerisine-almak-ders-konusu.html
1) Yönetici (admin) Kontrol Paneli  → Temalar & Şablonlar → Kullandığınız temanın şablonlarından → Forum Bit Şablonlar → forumbit_subforums şablonuna girerek var olan tüm kodları silip aşağıdaki kodları ekliyoruz ve kaydedip çıkıyoruz.

Kod:
<br /><div style="border: 1px solid #ccc; padding: 5px; background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 3px;">{$lang->subforums} {$sub_forums}</div>

Yaptığımız işlemlerin sonucu, ekran görüntüsü:


.png   at.png (Dosya Boyutu: 33.49 KB / İndirme Sayısı: 77)

Kaynak:

Kod:
http://mybbturkey.com/thread-64.html

Kolay gelsin, iyi forumlar..]]>
1) Yönetici (admin) Kontrol Paneli  → Temalar & Şablonlar → Kullandığınız temanın şablonlarından → Forum Bit Şablonlar → forumbit_subforums şablonuna girerek var olan tüm kodları silip aşağıdaki kodları ekliyoruz ve kaydedip çıkıyoruz.

Kod:
<br /><div style="border: 1px solid #ccc; padding: 5px; background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 3px;">{$lang->subforums} {$sub_forums}</div>

Yaptığımız işlemlerin sonucu, ekran görüntüsü:


.png   at.png (Dosya Boyutu: 33.49 KB / İndirme Sayısı: 77)

Kaynak:

Kod:
http://mybbturkey.com/thread-64.html

Kolay gelsin, iyi forumlar..]]> <![CDATA[Henüz Yok alanını özelleştirmek]]> https://mybbdepo.com/henuz-yok-alanini-ozellestirmek-konusu.html Sat, 11 Oct 2014 13:20:47 +0300 https://mybbdepo.com/henuz-yok-alanini-ozellestirmek-konusu.html Henüz Yok alanını kendi temanız için özelleştirmek (kutu içine almak, ikon eklemek) istiyorsanız eğer aşağıdaki anlatımı uygulayabilirsiniz.

1) Yönetici (admin) Kontrol Paneli  → Temalar & Şablonlar → Kullandığınız temanın şablonlarından → Forum Bit Şablonlar → forumbit_depth2_forum_lastpost_never şablonuna girerek var olan tüm kodları silip aşağıdaki kodları ekliyoruz ve kaydedip çıkıyoruz.

Kod:
<div style="text-align: center; border: 1px solid #ccc; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #FFF; margin: 0 20px;"><img style="vertical-align: bottom; margin-right: 5px;" src="{$mybb->settings['bburl']}/images/lastpost_never.png" alt="" border="0">{$lang->lastpost_never}</div>

2) Son olarak aşağıdaki dosyayı indirip içindeki ikonu FTP ./images klasörüne atınız.


.zip   lastpost_never.zip (Dosya Boyutu: 440 Bayt / İndirme Sayısı: 7)

Yaptığımız işlemlerin sonucu, ekran görüntüsü:


.png   hy.png (Dosya Boyutu: 34.36 KB / İndirme Sayısı: 67)

Kaynak:

Kod:
http://mybbturkey.com/thread-63.html

Kolay gelsin, iyi forumlar..]]> Henüz Yok alanını kendi temanız için özelleştirmek (kutu içine almak, ikon eklemek) istiyorsanız eğer aşağıdaki anlatımı uygulayabilirsiniz.

1) Yönetici (admin) Kontrol Paneli  → Temalar & Şablonlar → Kullandığınız temanın şablonlarından → Forum Bit Şablonlar → forumbit_depth2_forum_lastpost_never şablonuna girerek var olan tüm kodları silip aşağıdaki kodları ekliyoruz ve kaydedip çıkıyoruz.

Kod:
<div style="text-align: center; border: 1px solid #ccc; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #FFF; margin: 0 20px;"><img style="vertical-align: bottom; margin-right: 5px;" src="{$mybb->settings['bburl']}/images/lastpost_never.png" alt="" border="0">{$lang->lastpost_never}</div>

2) Son olarak aşağıdaki dosyayı indirip içindeki ikonu FTP ./images klasörüne atınız.


.zip   lastpost_never.zip (Dosya Boyutu: 440 Bayt / İndirme Sayısı: 7)

Yaptığımız işlemlerin sonucu, ekran görüntüsü:


.png   hy.png (Dosya Boyutu: 34.36 KB / İndirme Sayısı: 67)

Kaynak:

Kod:
http://mybbturkey.com/thread-63.html

Kolay gelsin, iyi forumlar..]]> <![CDATA[MyBB tema 1.6.x veya 1.8.x uyarlama]]> https://mybbdepo.com/mybb-tema-1-6-x-veya-1-8-x-uyarlama-konusu.html Mon, 18 Aug 2014 22:49:07 +0300 https://mybbdepo.com/mybb-tema-1-6-x-veya-1-8-x-uyarlama-konusu.html 1) Merhaba öncelikle size nasıl bir mybb temasını 1.4.x den 1.6.x e uyarlamayı anlatacağım öncelikle bir 1.4.x temasını indirelim:

Yaılı anlatım

Teamının xml dosyasını bulalım Sağ Ok Oradaki <theme name="... Teması" version="1400"> Kısımını buluyoruz Sağ Ok oradaki 1400 Ksımı bizim için önemli oradaki yazıyı Sağ Ok 1600 Yapıyoruz ve temamız 1.6.x e uyarlamış olduk

Resimli anlatım

2)
resim]]> 1) Merhaba öncelikle size nasıl bir mybb temasını 1.4.x den 1.6.x e uyarlamayı anlatacağım öncelikle bir 1.4.x temasını indirelim:

Yaılı anlatım

Teamının xml dosyasını bulalım Sağ Ok Oradaki <theme name="... Teması" version="1400"> Kısımını buluyoruz Sağ Ok oradaki 1400 Ksımı bizim için önemli oradaki yazıyı Sağ Ok 1600 Yapıyoruz ve temamız 1.6.x e uyarlamış olduk

Resimli anlatım

2)
resim]]> <![CDATA[ßyßilæl Mybb v2 Tasarımı [Görüş & Öneri]]]> https://mybbdepo.com/%C3%9Fy%C3%9Fil%C3%A6l-mybb-v2-tasarimi-gorus-oneri-konusu.html Sun, 13 Apr 2014 10:26:36 +0300 https://mybbdepo.com/%C3%9Fy%C3%9Fil%C3%A6l-mybb-v2-tasarimi-gorus-oneri-konusu.html Beyazın Hakim Olduğu Bir Çalışma Sadeliği Severim
resim
resim]]> Beyazın Hakim Olduğu Bir Çalışma Sadeliği Severim
resim
resim]]> <![CDATA[ßyßilæl Mybb v1 Tasarımı [Görüş & Öneri]]]> https://mybbdepo.com/%C3%9Fy%C3%9Fil%C3%A6l-mybb-v1-tasarimi-gorus-oneri-konusu.html Sun, 30 Mar 2014 18:58:23 +0200 https://mybbdepo.com/%C3%9Fy%C3%9Fil%C3%A6l-mybb-v1-tasarimi-gorus-oneri-konusu.html
Merhaba Arkadaşlar Angelic Yaklaşık 1 ay önce tema çizme kodlama işine başladım bundan önce 2 adet wordpress tasarımı yaptım . Mybb için ilk tasarımımı sizlere sunuyorum ...

İlk Olarak Header :
resim
Forum Bölümü
resim
sağ alan:
resim
Footer Bölümü :
resim
Genel Olarak :
resim
Footer ı Tekrar Yapmayı Planlıyorum ... Herkese İyi Günler
Yorumsuz Geçmeyin ....
]]>
Merhaba Arkadaşlar Angelic Yaklaşık 1 ay önce tema çizme kodlama işine başladım bundan önce 2 adet wordpress tasarımı yaptım . Mybb için ilk tasarımımı sizlere sunuyorum ...

İlk Olarak Header :
resim
Forum Bölümü
resim
sağ alan:
resim
Footer Bölümü :
resim
Genel Olarak :
resim
Footer ı Tekrar Yapmayı Planlıyorum ... Herkese İyi Günler
Yorumsuz Geçmeyin ....
]]> <![CDATA[MyBB Jquery Dropdown Menu]]> https://mybbdepo.com/mybb-jquery-dropdown-menu-konusu.html Sat, 01 Mar 2014 12:50:23 +0200 https://mybbdepo.com/mybb-jquery-dropdown-menu-konusu.html Ekran Görüntüsü
resim

1. Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok 3. Header Şablonlar Sağ Ok header

Alttaki Kodları Header Şablonunda İstediğimiz Bir Yere Ekliyoruz
Kod:
<ul id="menu">
    <li><a href="#">Parent 01</a></li>
    <li><a href="#" class="selected">Parent 02 > </a>
        <ul>
            <li><a href="#">Item 01</a></li>
            <li><a href="#" class="selected">Item 02</a></li>
            <li><a href="#">Item 03</a></li>
        </ul>
        <div class="clear"></div>
    </li>
    <li><a href="#">Parent 03 > </a>
    <ul>
        <li><a href="#">Item 04</a></li>
        <li><a href="#">Item 05</a></li>
        <li><a href="#">Item 06</a></li>
        <li><a href="#">Item 07</a></li>
    </ul>            
        <div class="clear"></div>
    </li>
    <li><a href="#">Parent 04</a></li>
</ul>


2. Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Global.css

Alttaki Kodları Global.css'nin En Altına Ekliyoruz
Kod:
/* remove the list style */
#menu {
    margin:0;
    padding:0;
    list-style:none;
}    

#menu li {
    float:left;
    display:block;
    width:100px;
    background:#ccc;
    position:relative;
    z-index:500;
    margin:0 1px;
}

/* this is the parent menu */
#menu li a {
    display:block;
    padding:8px 5px 0 5px;
    font-weight:700;  
    height:23px;
    text-decoration:none;
    color:#fff;
    text-align:center;
    color:#333;
}

#menu li a:hover {
    color:#fff;
}

/* submenu, it's hidden by default */
#menu ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}

#menu ul li {
    width:100px;
    float:left;
    border-top:1px solid #fff;
}


#menu ul a {
    display:block;  
    height:15px;
    padding: 8px 5px;
    color:#666;
}

#menu ul a:hover {
    text-decoration:underline;    
}

*html #menu ul {
    margin:0 0 0 -2px;
}



3. Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok * Headerinclude Şablonlar Sağ Ok headerinclude

Alttaki Kod Buluyoruz
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>

Alttaki İle Değiştiriyoruz
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dropdownmenu.js"></script>
<script>
    jQuery.noConflict();
</script>


4. Son Olarak Alttaki Dosyayı /jscripts Klasörüne Atıyoruz

Kod:
https://mega.co.nz/#!iJlEXZTQ!grEuIsBtq_jKMFy72lWeS6drgNBZd_fYUNwLCLg5-SU



AlıntıAlıntı Tasarimaraci.com]]> Ekran Görüntüsü
resim

1. Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok 3. Header Şablonlar Sağ Ok header

Alttaki Kodları Header Şablonunda İstediğimiz Bir Yere Ekliyoruz
Kod:
<ul id="menu">
    <li><a href="#">Parent 01</a></li>
    <li><a href="#" class="selected">Parent 02 > </a>
        <ul>
            <li><a href="#">Item 01</a></li>
            <li><a href="#" class="selected">Item 02</a></li>
            <li><a href="#">Item 03</a></li>
        </ul>
        <div class="clear"></div>
    </li>
    <li><a href="#">Parent 03 > </a>
    <ul>
        <li><a href="#">Item 04</a></li>
        <li><a href="#">Item 05</a></li>
        <li><a href="#">Item 06</a></li>
        <li><a href="#">Item 07</a></li>
    </ul>            
        <div class="clear"></div>
    </li>
    <li><a href="#">Parent 04</a></li>
</ul>


2. Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Global.css

Alttaki Kodları Global.css'nin En Altına Ekliyoruz
Kod:
/* remove the list style */
#menu {
    margin:0;
    padding:0;
    list-style:none;
}    

#menu li {
    float:left;
    display:block;
    width:100px;
    background:#ccc;
    position:relative;
    z-index:500;
    margin:0 1px;
}

/* this is the parent menu */
#menu li a {
    display:block;
    padding:8px 5px 0 5px;
    font-weight:700;  
    height:23px;
    text-decoration:none;
    color:#fff;
    text-align:center;
    color:#333;
}

#menu li a:hover {
    color:#fff;
}

/* submenu, it's hidden by default */
#menu ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}

#menu ul li {
    width:100px;
    float:left;
    border-top:1px solid #fff;
}


#menu ul a {
    display:block;  
    height:15px;
    padding: 8px 5px;
    color:#666;
}

#menu ul a:hover {
    text-decoration:underline;    
}

*html #menu ul {
    margin:0 0 0 -2px;
}



3. Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok * Headerinclude Şablonlar Sağ Ok headerinclude

Alttaki Kod Buluyoruz
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>

Alttaki İle Değiştiriyoruz
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dropdownmenu.js"></script>
<script>
    jQuery.noConflict();
</script>


4. Son Olarak Alttaki Dosyayı /jscripts Klasörüne Atıyoruz

Kod:
https://mega.co.nz/#!iJlEXZTQ!grEuIsBtq_jKMFy72lWeS6drgNBZd_fYUNwLCLg5-SU



AlıntıAlıntı Tasarimaraci.com]]> <![CDATA[4 Bloklu Footer [Default]]]> https://mybbdepo.com/4-bloklu-footer-default-konusu.html Sat, 11 Jan 2014 17:52:29 +0200 https://mybbdepo.com/4-bloklu-footer-default-konusu.html 1. Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Globall.css

Altaki Kodları En Alta Ekle

Kod:
#foot *{
    box-sizing:border-box;
}

#foot {
width: 100%;
height: 250px;
background: #111;
}

.col {
    background: #111;
    float: left;
    padding: 5px 15px;
    width: 25%;
}

h3 {
    background: none;
    color: #FFF;
    font: bold 18px Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    margin: 0 0 20px 0;
    padding: 9px 0 0 19px;
    height: 33px;
    color:#E04006;
}

div.col ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

div.col li {
    height: 35px;
    margin: 3px 0;
    padding: 0;
}

div.col li a {
    color: #FFF;
    display: block;
    font: normal 12px Verdana, Geneva, sans-serif;
    padding: 10px 0 0 19px;
    text-decoration: none;
}

div.col li:hover {
    background: #212121;
}

2. Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok Footer Sağ Ok Footer

Alttaki Kodları Footer'de eklemek İstediğiniz Yere Ekleyin.

Kod:
<div id="foot">
<div class="col">
<h3>Navigation 1</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 2</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 3</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
<div class="col">
<h3>Navigation 4</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
</div>

Resim-Grafik Ekran Görüntüsü
resim]]> 1. Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Globall.css

Altaki Kodları En Alta Ekle

Kod:
#foot *{
    box-sizing:border-box;
}

#foot {
width: 100%;
height: 250px;
background: #111;
}

.col {
    background: #111;
    float: left;
    padding: 5px 15px;
    width: 25%;
}

h3 {
    background: none;
    color: #FFF;
    font: bold 18px Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    margin: 0 0 20px 0;
    padding: 9px 0 0 19px;
    height: 33px;
    color:#E04006;
}

div.col ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

div.col li {
    height: 35px;
    margin: 3px 0;
    padding: 0;
}

div.col li a {
    color: #FFF;
    display: block;
    font: normal 12px Verdana, Geneva, sans-serif;
    padding: 10px 0 0 19px;
    text-decoration: none;
}

div.col li:hover {
    background: #212121;
}

2. Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok Footer Sağ Ok Footer

Alttaki Kodları Footer'de eklemek İstediğiniz Yere Ekleyin.

Kod:
<div id="foot">
<div class="col">
<h3>Navigation 1</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 2</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 3</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
<div class="col">
<h3>Navigation 4</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
</div>

Resim-Grafik Ekran Görüntüsü
resim]]> <![CDATA[Tema yapımı videolu anlatım]]> https://mybbdepo.com/tema-yapimi-videolu-anlatim-konusu.html Wed, 08 Jan 2014 18:24:14 +0200 https://mybbdepo.com/tema-yapimi-videolu-anlatim-konusu.html


videoyu fazla hızlandırmışım herhalde yine okunuyor ama isterseniz yavaşlatarak izleyebilirsiniz.

Part olarak paylaşıcam konuyu güncellerim yeni videoda

Not: Müzikleri indirmek isteyenler bağzı arkadaşlarımız istediği için koyuyorum
Kod:
http://speedy.sh/8VYTJ/Muzik.zip
]]>


videoyu fazla hızlandırmışım herhalde yine okunuyor ama isterseniz yavaşlatarak izleyebilirsiniz.

Part olarak paylaşıcam konuyu güncellerim yeni videoda

Not: Müzikleri indirmek isteyenler bağzı arkadaşlarımız istediği için koyuyorum
Kod:
http://speedy.sh/8VYTJ/Muzik.zip
]]> <![CDATA[Temanıza Kolay Menü Ekleyin]]> https://mybbdepo.com/temaniza-kolay-menu-ekleyin-konusu.html Sat, 12 Oct 2013 17:25:01 +0300 https://mybbdepo.com/temaniza-kolay-menu-ekleyin-konusu.html
Ekran Görüntüleri:


.png   menu-ust.png (Dosya Boyutu: 27.85 KB / İndirme Sayısı: 166)
.png   menu-alt.png (Dosya Boyutu: 35.31 KB / İndirme Sayısı: 215)

İndir:


.rar   Örnek Menüler.rar (Dosya Boyutu: 10.65 KB / İndirme Sayısı: 20)

Açıklama:

Yukarıdaki ekten dosyaları indirdikten sonra Örnek Menüler adlı klasörü .rar'dan çıkarın ve dosyanın içindeki index.html dosyasını açık menünüzü seçip, verilen kodlar aracılığı ile temenıza ekleyin.

MyBB Temaya Eklemek:

Seçtiğiniz menünün kaynak kodu sayfasına gittikten sonra HTML kodunu menünün temanızda gözükmesini istediğiniz şablona ekleyin. Daha sonra CSS kodlarını da Global.css kısmına ekleyip kaydedin Süper

Not:

Şablon ve menüler kısa süre ile devamlı olarak güncellenip, menü olarak yenileri eklenecektir.]]>
Ekran Görüntüleri:


.png   menu-ust.png (Dosya Boyutu: 27.85 KB / İndirme Sayısı: 166)
.png   menu-alt.png (Dosya Boyutu: 35.31 KB / İndirme Sayısı: 215)

İndir:


.rar   Örnek Menüler.rar (Dosya Boyutu: 10.65 KB / İndirme Sayısı: 20)

Açıklama:

Yukarıdaki ekten dosyaları indirdikten sonra Örnek Menüler adlı klasörü .rar'dan çıkarın ve dosyanın içindeki index.html dosyasını açık menünüzü seçip, verilen kodlar aracılığı ile temenıza ekleyin.

MyBB Temaya Eklemek:

Seçtiğiniz menünün kaynak kodu sayfasına gittikten sonra HTML kodunu menünün temanızda gözükmesini istediğiniz şablona ekleyin. Daha sonra CSS kodlarını da Global.css kısmına ekleyip kaydedin Süper

Not:

Şablon ve menüler kısa süre ile devamlı olarak güncellenip, menü olarak yenileri eklenecektir.]]> <![CDATA[MyBB - Youtube Tarzı Duyuru Panosu]]> https://mybbdepo.com/mybb-youtube-tarzi-duyuru-panosu-konusu.html Sat, 12 Oct 2013 15:03:09 +0300 https://mybbdepo.com/mybb-youtube-tarzi-duyuru-panosu-konusu.html
Bir çok kişinin bu panoyu aradığını ve bulamadığını gördüm bu sebeple böyle bir konu açma gereği duydum...


Öncelikle;

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız tema Sağ Ok Global.css Sağ Ok Gelişmiş düzenleme kısmına girerek aşağıdaki kodları en alt kısıma girin...


Kod:
#alerts, #content, #promos, #footer, #copyright {
margin: 0 auto;
width: 970px;
}
.yt-alert-default.yt-alert-error, .yt-alert-actionable.yt-alert-error, .yt-alert-naked.yt-alert-error .yt-alert-icon, .yt-alert-small.yt-alert-error {
background-color: #913D37;
filter: progidXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#c95145,​E​ndColorStr=#913d37);
background-image: -moz-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: -ms-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: -o-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#C95145),color-stop(45px,#913D37));
background-image: -webkit-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: linear-gradient(to bottom,#C95145 0,#913D37 45px);
}
.yt-alert-actionable, .yt-alert-default, .yt-alert-small {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5),inset 0 0 1px rgba(0,0,0,.2);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,.5),inset 0 0 1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
}
.yt-alert {
position: relative;
margin: 5px 0;
padding: 0;
overflow: hidden;
}
.yt-alert-actionable.yt-alert-error .icon, .yt-alert-default.yt-alert-error .icon {
background-position: -36px -18px;
}

.yt-alert-default .icon, .yt-alert-actionable .icon {
width: 32px;
height: 35px;
margin-left: 8px;
}

.yt-alert .icon {
float: left;
cursor: auto;
background: no-repeat url(http://imageshack.us/a/img11/5633/wwwrefreshvflijtcpd.png) -36px -139px;
}
.yt-alert-buttons {
float: right;
overflow: hidden;
}
.yt-alert-actionable .yt-alert-content, .yt-alert-default .yt-alert-content {
padding: 10px;
}

.yt-alert-actionable .yt-alert-content, .yt-alert-actionable .yt-alert-buttons, .yt-alert-default .yt-alert-content, .yt-alert-small .yt-alert-content {
color: white;
font-weight: bold;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .45);
}

.yt-alert .yt-alert-content {
overflow: hidden;
}

.yt-alert .close:hover {
background-color: rgba(0, 0, 0, .15);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.yt-alert .close {
margin: 6px;
border: none;
overflow: hidden;
cursor: pointer;
background: no-repeat url(http://imageshack.us/a/img11/5633/wwwrefreshvflijtcpd.png) -36px -139px;
width: 22px;
height: 22px;
}
.yt-alert .yt-uix-button {
outline: 0;
}
.yt-uix-button {
height: 2.95em;
padding: 0 .91em;
border-width: 1px;
border-style: solid;
outline: 0;
font-weight: bold;
font-size: 11px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.yt-alert .close .yt-uix-button-content {
display: none;
}

Daha sonra;

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Header Şablonları Sağ Ok Header

Açın ve en sona ekleyin...

Kod:
<div class="yt-alert yt-alert-default yt-alert-error" id="error-box">
<div class="yt-alert-icon">
<img src="http://imageshack.us/a/img837/2166/pixelvfl3z5wfwgv.gif" class="icon master-sprite" alt="Alert icon">
</div>
<div class="yt-alert-content" role="alert"><span class="yt-alert-vertical-trick"></span>
<div class="yt-alert-message">
<b>Yönetici Alımı Başlamıştır. İlgili Konuya <a href="http://forum.maxitr.net/Konu-Duyuru-Yonetici-ve-Moderator-Alimi-GUNCEL.html"><span style="background-color: orange;"><span style="color: red;">Git</span></span></a></b>
</div></div></div>​


Görünüm Aşağıdadır....

resim]]>
Bir çok kişinin bu panoyu aradığını ve bulamadığını gördüm bu sebeple böyle bir konu açma gereği duydum...


Öncelikle;

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız tema Sağ Ok Global.css Sağ Ok Gelişmiş düzenleme kısmına girerek aşağıdaki kodları en alt kısıma girin...


Kod:
#alerts, #content, #promos, #footer, #copyright {
margin: 0 auto;
width: 970px;
}
.yt-alert-default.yt-alert-error, .yt-alert-actionable.yt-alert-error, .yt-alert-naked.yt-alert-error .yt-alert-icon, .yt-alert-small.yt-alert-error {
background-color: #913D37;
filter: progidXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#c95145,​E​ndColorStr=#913d37);
background-image: -moz-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: -ms-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: -o-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#C95145),color-stop(45px,#913D37));
background-image: -webkit-linear-gradient(top,#C95145 0,#913D37 45px);
background-image: linear-gradient(to bottom,#C95145 0,#913D37 45px);
}
.yt-alert-actionable, .yt-alert-default, .yt-alert-small {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5),inset 0 0 1px rgba(0,0,0,.2);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,.5),inset 0 0 1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
}
.yt-alert {
position: relative;
margin: 5px 0;
padding: 0;
overflow: hidden;
}
.yt-alert-actionable.yt-alert-error .icon, .yt-alert-default.yt-alert-error .icon {
background-position: -36px -18px;
}

.yt-alert-default .icon, .yt-alert-actionable .icon {
width: 32px;
height: 35px;
margin-left: 8px;
}

.yt-alert .icon {
float: left;
cursor: auto;
background: no-repeat url(http://imageshack.us/a/img11/5633/wwwrefreshvflijtcpd.png) -36px -139px;
}
.yt-alert-buttons {
float: right;
overflow: hidden;
}
.yt-alert-actionable .yt-alert-content, .yt-alert-default .yt-alert-content {
padding: 10px;
}

.yt-alert-actionable .yt-alert-content, .yt-alert-actionable .yt-alert-buttons, .yt-alert-default .yt-alert-content, .yt-alert-small .yt-alert-content {
color: white;
font-weight: bold;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .45);
}

.yt-alert .yt-alert-content {
overflow: hidden;
}

.yt-alert .close:hover {
background-color: rgba(0, 0, 0, .15);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.yt-alert .close {
margin: 6px;
border: none;
overflow: hidden;
cursor: pointer;
background: no-repeat url(http://imageshack.us/a/img11/5633/wwwrefreshvflijtcpd.png) -36px -139px;
width: 22px;
height: 22px;
}
.yt-alert .yt-uix-button {
outline: 0;
}
.yt-uix-button {
height: 2.95em;
padding: 0 .91em;
border-width: 1px;
border-style: solid;
outline: 0;
font-weight: bold;
font-size: 11px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.yt-alert .close .yt-uix-button-content {
display: none;
}

Daha sonra;

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Header Şablonları Sağ Ok Header

Açın ve en sona ekleyin...

Kod:
<div class="yt-alert yt-alert-default yt-alert-error" id="error-box">
<div class="yt-alert-icon">
<img src="http://imageshack.us/a/img837/2166/pixelvfl3z5wfwgv.gif" class="icon master-sprite" alt="Alert icon">
</div>
<div class="yt-alert-content" role="alert"><span class="yt-alert-vertical-trick"></span>
<div class="yt-alert-message">
<b>Yönetici Alımı Başlamıştır. İlgili Konuya <a href="http://forum.maxitr.net/Konu-Duyuru-Yonetici-ve-Moderator-Alimi-GUNCEL.html"><span style="background-color: orange;"><span style="color: red;">Git</span></span></a></b>
</div></div></div>​


Görünüm Aşağıdadır....

resim]]> <![CDATA[vBulletin 3 Stil Profil Sayfası Yapımı]]> https://mybbdepo.com/vbulletin-3-stil-profil-sayfasi-yapimi-konusu.html Fri, 02 Aug 2013 00:17:06 +0300 https://mybbdepo.com/vbulletin-3-stil-profil-sayfasi-yapimi-konusu.html
Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Üye Profili Şablonları Sağ Ok member_profile

Şablonunu Açın ve içerisindekileri komple silin.

Ekleyin.

Kod:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
<style type="text/css">
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 10px;
margin-right: 3px;
border: 0px solid #778;
color: #ffffff;
background: #2f4456 url(images/ptvb3/gradients/gradient-white-down.png) top left repeat-x;
cursor: pointer;
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #ffffff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: url("images/ptvb3/gradients/gradient-white-down.png") repeat-x scroll left top #417394;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/ptvb3/gradients/gradient-white-down.png);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
margin-top: 3px;
}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.clicktab {
cursor: pointer;
}


</style>

<script type="text/javascript" src="images/ptvb3/js/tabcontent.js">

/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
{$header}
<br />
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td valign="top">
<div class="trow2" style="border:1px solid #CACACA; padding:10px;">
<span class="largetext"><strong><span style="color: black">{$formattedname}</span></strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
{$userstars}<br />
<br />
<strong>Şuan ki Zaman:</strong> {$localtime}<br />
<strong>Şuan ki Konum:</strong> {$online_status}{$awaybit}
</span>
</div>
<br />

<ul id="profiletabs" class="shadetabs">
<li><a rel="tab1" class="clicktab">Hakkımda</a></li>
<li><a rel="tab2" class="clicktab">İstatistik</a></li>
<li><a rel="tab3" class="clicktab">İletişim</a></li>
</ul>

<div id="tab0" class="tabcontent" style="margin-top:-16px;">
</div>

<div id="tab1" class="tabcontent">
{$profilefields}
</div>
</div>

<div id="tab2" class="tabcontent">
<div class="thead"><strong>İstatistikler</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Kayıt Tarihi:</strong> {$memregdate}
<br />
<strong>Son Giriş:</strong> {$memlastvisitdate} {$memlastvisittime}
<br />
<strong>Toplam Yorumlar:</strong> {$memprofile['postnum']} ({$lang->ppd_percent_total})<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">Find All Threads</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">Find All Posts</a>)</span>
<br />
<strong>Çevirimiçi Geçirilen Süre:</strong> {$timeonline}
<br />
<strong>Rep Puanı:</strong> <a href="reputation.php?uid={$memprofile['uid']}">Details</a>
<br />

</div>
</div>

<div id="tab3" class="tabcontent">
<div class="thead"><strong>İletişim Sayfası</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Websitesi:</strong>
<br />
<strong>Email:</strong> <a href="member.php?action=emailuser&amp;uid={$memprofile['uid']}">{$lang->send_email}</a>
<br />
<strong>Özel Mesaj:</strong> <a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a>
<br />
<strong>ICQ Number:</strong> {$memprofile['icq']}
<br />
<strong>AIM Screen Name:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a>
<br />
<strong>Yahoo ID:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a>
<br />
<strong>MSN ID:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a>
<br />
<strong>Arkadaş Ekle:</strong>  <a href="usercp.php?action=editlists">  Arkadaş listene eklemek için tıkla</a>
<br />
<strong>Engelli Listene Ekle:</strong> <a href="usercp.php?action=editlists">  Engelli listene eklemek için tıkla</a>
</div>
</div>
<script type="text/javascript">

var countries=new ddtabcontent("profiletabs")
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
<br />
</td>
<td>
</td>
<td style="width: 250px;" valign= "top">
<div class="thead"><strong>Mini İstatistikler</strong></div>
<div class="trow1 sideborder" style="padding:5px;">
<table width="100%" border="0">
<td style="valign: middle; text-align: center;">
{$avatar}
</td>
<tr>
<td>
<span class="smalltext">
<strong>Doğum Günü: </strong> {$membday} {$membdayage}
<br />
<strong>Üyelik Tarihi:</strong> {$memregdate}
<br />
<strong>Mesaj Sayısı:</strong> {$memprofile['postnum']}
</span>
</td>
</tr>
</table>
</div>
<br />

</td>
</tr>
</table>
<br />
</html>
{$footer}

Kayıt Edip Çıkın. Hemen Ardından

Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Üye Profili Şablonları Sağ Ok member_profile_customfields Şablonunu Açın... İçerisindekileri komple silin.

Ekleyin.

Kod:
<div class="thead"><strong>About Me</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Sex:</strong> {$memprofile['fid3']}
<br />
<strong>Location:</strong> {$memprofile['fid1']}
<br />
<strong>Bio:</strong> {$memprofile['fid2']}
<br />

Kayıt Edip Çıkın.

Şablonlar ile işimiz tamamen bitti.

Şimdi sıra geldi ftp ye.

Aşağıdaki dosyayı indirip. FTP Anadizine atın.

indir-download


.rar   Screwy VB3 Stil Profil Sayfası.rar (Dosya Boyutu: 276.25 KB / İndirme Sayısı: 119)

Winrar Şifresi: mybb.com.tr

Sonuç:

resim

Demo:

Kod:
http://privateturk.net/uye-Screwy-1.html
]]>
Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Üye Profili Şablonları Sağ Ok member_profile

Şablonunu Açın ve içerisindekileri komple silin.

Ekleyin.

Kod:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
<style type="text/css">
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 10px;
margin-right: 3px;
border: 0px solid #778;
color: #ffffff;
background: #2f4456 url(images/ptvb3/gradients/gradient-white-down.png) top left repeat-x;
cursor: pointer;
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #ffffff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: url("images/ptvb3/gradients/gradient-white-down.png") repeat-x scroll left top #417394;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/ptvb3/gradients/gradient-white-down.png);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
margin-top: 3px;
}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.clicktab {
cursor: pointer;
}


</style>

<script type="text/javascript" src="images/ptvb3/js/tabcontent.js">

/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
{$header}
<br />
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td valign="top">
<div class="trow2" style="border:1px solid #CACACA; padding:10px;">
<span class="largetext"><strong><span style="color: black">{$formattedname}</span></strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
{$userstars}<br />
<br />
<strong>Şuan ki Zaman:</strong> {$localtime}<br />
<strong>Şuan ki Konum:</strong> {$online_status}{$awaybit}
</span>
</div>
<br />

<ul id="profiletabs" class="shadetabs">
<li><a rel="tab1" class="clicktab">Hakkımda</a></li>
<li><a rel="tab2" class="clicktab">İstatistik</a></li>
<li><a rel="tab3" class="clicktab">İletişim</a></li>
</ul>

<div id="tab0" class="tabcontent" style="margin-top:-16px;">
</div>

<div id="tab1" class="tabcontent">
{$profilefields}
</div>
</div>

<div id="tab2" class="tabcontent">
<div class="thead"><strong>İstatistikler</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Kayıt Tarihi:</strong> {$memregdate}
<br />
<strong>Son Giriş:</strong> {$memlastvisitdate} {$memlastvisittime}
<br />
<strong>Toplam Yorumlar:</strong> {$memprofile['postnum']} ({$lang->ppd_percent_total})<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">Find All Threads</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">Find All Posts</a>)</span>
<br />
<strong>Çevirimiçi Geçirilen Süre:</strong> {$timeonline}
<br />
<strong>Rep Puanı:</strong> <a href="reputation.php?uid={$memprofile['uid']}">Details</a>
<br />

</div>
</div>

<div id="tab3" class="tabcontent">
<div class="thead"><strong>İletişim Sayfası</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Websitesi:</strong>
<br />
<strong>Email:</strong> <a href="member.php?action=emailuser&amp;uid={$memprofile['uid']}">{$lang->send_email}</a>
<br />
<strong>Özel Mesaj:</strong> <a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a>
<br />
<strong>ICQ Number:</strong> {$memprofile['icq']}
<br />
<strong>AIM Screen Name:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a>
<br />
<strong>Yahoo ID:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a>
<br />
<strong>MSN ID:</strong> <a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a>
<br />
<strong>Arkadaş Ekle:</strong>  <a href="usercp.php?action=editlists">  Arkadaş listene eklemek için tıkla</a>
<br />
<strong>Engelli Listene Ekle:</strong> <a href="usercp.php?action=editlists">  Engelli listene eklemek için tıkla</a>
</div>
</div>
<script type="text/javascript">

var countries=new ddtabcontent("profiletabs")
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
<br />
</td>
<td>
</td>
<td style="width: 250px;" valign= "top">
<div class="thead"><strong>Mini İstatistikler</strong></div>
<div class="trow1 sideborder" style="padding:5px;">
<table width="100%" border="0">
<td style="valign: middle; text-align: center;">
{$avatar}
</td>
<tr>
<td>
<span class="smalltext">
<strong>Doğum Günü: </strong> {$membday} {$membdayage}
<br />
<strong>Üyelik Tarihi:</strong> {$memregdate}
<br />
<strong>Mesaj Sayısı:</strong> {$memprofile['postnum']}
</span>
</td>
</tr>
</table>
</div>
<br />

</td>
</tr>
</table>
<br />
</html>
{$footer}

Kayıt Edip Çıkın. Hemen Ardından

Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Üye Profili Şablonları Sağ Ok member_profile_customfields Şablonunu Açın... İçerisindekileri komple silin.

Ekleyin.

Kod:
<div class="thead"><strong>About Me</strong></div>
<div class="trow1 sideborder" style="padding:10px;">
<strong>Sex:</strong> {$memprofile['fid3']}
<br />
<strong>Location:</strong> {$memprofile['fid1']}
<br />
<strong>Bio:</strong> {$memprofile['fid2']}
<br />

Kayıt Edip Çıkın.

Şablonlar ile işimiz tamamen bitti.

Şimdi sıra geldi ftp ye.

Aşağıdaki dosyayı indirip. FTP Anadizine atın.

indir-download


.rar   Screwy VB3 Stil Profil Sayfası.rar (Dosya Boyutu: 276.25 KB / İndirme Sayısı: 119)

Winrar Şifresi: mybb.com.tr

Sonuç:

resim

Demo:

Kod:
http://privateturk.net/uye-Screwy-1.html
]]> <![CDATA[vBulletin 3 Stil Postbit Yapımı]]> https://mybbdepo.com/vbulletin-3-stil-postbit-yapimi-konusu.html Wed, 24 Jul 2013 00:20:56 +0300 https://mybbdepo.com/vbulletin-3-stil-postbit-yapimi-konusu.html
resim

Merhaba arkadaşlar bu konumda sizlere vBulletin 3 stil postbit yapımı göstereceğim. Direk anlatıma başlayalım...


Öncelikle Aşağıdaki Kodları Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme Sağ Ok Alanının en alt kısmına ekliyoruz.

Kod:
.post_field {
    background: #fff;
    color: #2a2a2a;
    border: 1px solid #cccccc;
    padding: 3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

.post_field strong {
}

.post_field dt {
    
    font-weight:700;
}

Kayıt edip çıkın.Daha sonra

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Postbit Şablonları Sağ Ok postbit_author_user Sağ Ok şablonunu açın... İçerisindeki komple silin ve aşağıdaki kodları ekleyin.

Kod:
<div class="post_field"><font color="#535353"><b>{$lang->postbit_joined} </b></font> &nbsp {$post['userregdate']}</div>                                                
<div class="post_field"><font color="#535353"><b>{$lang->postbit_posts} </b></font> &nbsp {$post['postnum']}</div>
<div class="post_field"><font color="#535353"><b>{$lang->postbit_reputation} </b></font> &nbsp {$post['userreputation']}</div>
<div class="post_field"><font color="#535353"><b>Durum :</b></font>{$post['onlinestatus']}</div>

Kayıt edip çıkın.

Yapmanız gereken tüm işlem bu kadardır.

İşlemlerimizin sonucunda sahip olacağımız postbit görünümü:

resim]]>
resim

Merhaba arkadaşlar bu konumda sizlere vBulletin 3 stil postbit yapımı göstereceğim. Direk anlatıma başlayalım...


Öncelikle Aşağıdaki Kodları Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme Sağ Ok Alanının en alt kısmına ekliyoruz.

Kod:
.post_field {
    background: #fff;
    color: #2a2a2a;
    border: 1px solid #cccccc;
    padding: 3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

.post_field strong {
}

.post_field dt {
    
    font-weight:700;
}

Kayıt edip çıkın.Daha sonra

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Kullandığınız Temanın Şablonları Sağ Ok Postbit Şablonları Sağ Ok postbit_author_user Sağ Ok şablonunu açın... İçerisindeki komple silin ve aşağıdaki kodları ekleyin.

Kod:
<div class="post_field"><font color="#535353"><b>{$lang->postbit_joined} </b></font> &nbsp {$post['userregdate']}</div>                                                
<div class="post_field"><font color="#535353"><b>{$lang->postbit_posts} </b></font> &nbsp {$post['postnum']}</div>
<div class="post_field"><font color="#535353"><b>{$lang->postbit_reputation} </b></font> &nbsp {$post['userreputation']}</div>
<div class="post_field"><font color="#535353"><b>Durum :</b></font>{$post['onlinestatus']}</div>

Kayıt edip çıkın.

Yapmanız gereken tüm işlem bu kadardır.

İşlemlerimizin sonucunda sahip olacağımız postbit görünümü:

resim]]> <![CDATA[tema arka plan]]> https://mybbdepo.com/tema-arka-plan-konusu.html Sun, 21 Jul 2013 13:03:55 +0300 https://mybbdepo.com/tema-arka-plan-konusu.html Site Adresi : http://sroturkey.net
Versiyon MyBB Sürümü :1.6
Eklenti-Plugin Kurulu Eklentiler :
Hata-Sorun Sorun açıklaması :kendi sitemin arka plan resmini http://ardis.joysro.com bu sitedeki gibi yapmak kenarlarınıda daraltmak istiyorum
Resim-Grafik Hata Ekran Görüntüsü :]]> Site Adresi : http://sroturkey.net
Versiyon MyBB Sürümü :1.6
Eklenti-Plugin Kurulu Eklentiler :
Hata-Sorun Sorun açıklaması :kendi sitemin arka plan resmini http://ardis.joysro.com bu sitedeki gibi yapmak kenarlarınıda daraltmak istiyorum
Resim-Grafik Hata Ekran Görüntüsü :]]> <![CDATA[[DERS] MyBB Siyah Tooltip Yapımı.]]> https://mybbdepo.com/ders-mybb-siyah-tooltip-yapimi-konusu.html Sat, 27 Apr 2013 23:04:15 +0300 https://mybbdepo.com/ders-mybb-siyah-tooltip-yapimi-konusu.html

1.İndir =>>
.zip   tipTipv13.zip (Dosya Boyutu: 4.7 KB / İndirme Sayısı: 140)

2.rar'ın içerisindekileri jscripts klasörüne yükle.

3.admin panel =>> temalar & şablonlar =>> şablonlar =>> temanız =>> * Headerinclude Şablonlar =>> headerinclude =>> aç ve sonuna ekle

Kod:
<link rel="stylesheet" type="text/css" href="jscripts/tipTip.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.minified.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>

Sitenizdeki bütün title etiketi olan yerler, siyah tooltip görünümlü olacaktır.]]>

1.İndir =>>
.zip   tipTipv13.zip (Dosya Boyutu: 4.7 KB / İndirme Sayısı: 140)

2.rar'ın içerisindekileri jscripts klasörüne yükle.

3.admin panel =>> temalar & şablonlar =>> şablonlar =>> temanız =>> * Headerinclude Şablonlar =>> headerinclude =>> aç ve sonuna ekle

Kod:
<link rel="stylesheet" type="text/css" href="jscripts/tipTip.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.minified.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>

Sitenizdeki bütün title etiketi olan yerler, siyah tooltip görünümlü olacaktır.]]> <![CDATA[Mybb Multi Color Tema Yapımı Detaylı Anlatım...]]> https://mybbdepo.com/mybb-multi-color-tema-yapimi-detayli-anlatim-konusu.html Tue, 22 Jan 2013 15:09:17 +0200 https://mybbdepo.com/mybb-multi-color-tema-yapimi-detayli-anlatim-konusu.html MyBB İçin Multicolor Tema Yapımı

Multicolor nedir ?

Multicolor : bir temayı birden fazla renk ile göstermektir.

Konu Sonundaki Ek Dosyadan İndirdiğiniz İmages Dosyasını Fttp>İmages'e Atıyoruz.


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok Headerinclude Şablonlar Sağ Ok headerinclude

En Alta Ekle
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/js/toggle.js"></script>
{$stylesheets}
<link rel="alternate stylesheet" type="text/css" title="Siyah" href="images/style/siyah.css" />
<link rel="alternate stylesheet" type="text/css" title="navy" href="images/style/navy.css" />
<link rel="alternate stylesheet" type="text/css" title="kirmizi" href="images/style/kirmizi.css" />
<script src="images/style/styleswitch.js" type="text/javascript"></script>


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok 3. Header Şablonlar Sağ Ok header

Şablonunun İstediğimiz Bir Yerine Ekliyoruz Aşağıdaki Koadları

Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>Renk Seç</strong></td>
</tr>
<tr>
<td class="trow1" align="center">
<center>
<a href="javascript:NoiseStyle('siyah')"><img src="images/style/siyah.png" title="siyah"></a></span>
<a href="javascript:NoiseStyle('navy')"><img src="images/style/navy.png" title="Koyu Mavi"></a>
<a href="javascript:NoiseStyle('kirmizi')"><img src="images/style/kirmizi.png" title="Kırmızı"></a>
</center>
</td>
</tr>
</table>
<br>

En Son olarakta İmages/style/RenkAdı.css'sini Düzenliyoruz İçinde Anlatılmıştır


Yeni Bir Renk Eklemek İstiyorusanız


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok Headerinclude Şablonlar Sağ Ok headerinclude Şablonuna Giriyoruz

Aşağıdaki Kodu Buluyoruz

Kod:
<link rel="alternate stylesheet" type="text/css" title="kirmizi" href="images/style/kirmizi.css" />

Hemen Altına

Yeni Renk Kodumuzu Ekliyoruz

Kod:
<link rel="alternate stylesheet" type="text/css" title="Renkİsmi" href="images/style/Renkİsmi.css" />



Daha Sonra


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok 3. Header Şablonlar Sağ Ok header Şablonuna Giriyoruz

Aşağıdaki Kodu Buluyoruz

Kod:
<a href="javascript:NoiseStyle('kirmizi')"><img src="images/style/kirmizi.png" title="Kırmızı"></a>

Hemen Altına Aşağıdaki Kodu Ekliyoruz

Kod:
<a href="javascript:NoiseStyle('Renkİsmi')"><img src="images/style/Renkİsmi.png" title="Renkİsmi"></a>

En Son olarakta

images/style'de Yeni Bir Renkİsmi.css Kalıbı Açıyoruz Ve Düzenliyoruz..

.rar   images.rar (Dosya Boyutu: 18.58 KB / İndirme Sayısı: 355) ]]> MyBB İçin Multicolor Tema Yapımı

Multicolor nedir ?

Multicolor : bir temayı birden fazla renk ile göstermektir.

Konu Sonundaki Ek Dosyadan İndirdiğiniz İmages Dosyasını Fttp>İmages'e Atıyoruz.


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok Headerinclude Şablonlar Sağ Ok headerinclude

En Alta Ekle
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/js/toggle.js"></script>
{$stylesheets}
<link rel="alternate stylesheet" type="text/css" title="Siyah" href="images/style/siyah.css" />
<link rel="alternate stylesheet" type="text/css" title="navy" href="images/style/navy.css" />
<link rel="alternate stylesheet" type="text/css" title="kirmizi" href="images/style/kirmizi.css" />
<script src="images/style/styleswitch.js" type="text/javascript"></script>


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok 3. Header Şablonlar Sağ Ok header

Şablonunun İstediğimiz Bir Yerine Ekliyoruz Aşağıdaki Koadları

Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>Renk Seç</strong></td>
</tr>
<tr>
<td class="trow1" align="center">
<center>
<a href="javascript:NoiseStyle('siyah')"><img src="images/style/siyah.png" title="siyah"></a></span>
<a href="javascript:NoiseStyle('navy')"><img src="images/style/navy.png" title="Koyu Mavi"></a>
<a href="javascript:NoiseStyle('kirmizi')"><img src="images/style/kirmizi.png" title="Kırmızı"></a>
</center>
</td>
</tr>
</table>
<br>

En Son olarakta İmages/style/RenkAdı.css'sini Düzenliyoruz İçinde Anlatılmıştır


Yeni Bir Renk Eklemek İstiyorusanız


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok Headerinclude Şablonlar Sağ Ok headerinclude Şablonuna Giriyoruz

Aşağıdaki Kodu Buluyoruz

Kod:
<link rel="alternate stylesheet" type="text/css" title="kirmizi" href="images/style/kirmizi.css" />

Hemen Altına

Yeni Renk Kodumuzu Ekliyoruz

Kod:
<link rel="alternate stylesheet" type="text/css" title="Renkİsmi" href="images/style/Renkİsmi.css" />



Daha Sonra


Temalar Şablonlar Sağ Ok Şablonlar Sağ Ok 3. Header Şablonlar Sağ Ok header Şablonuna Giriyoruz

Aşağıdaki Kodu Buluyoruz

Kod:
<a href="javascript:NoiseStyle('kirmizi')"><img src="images/style/kirmizi.png" title="Kırmızı"></a>

Hemen Altına Aşağıdaki Kodu Ekliyoruz

Kod:
<a href="javascript:NoiseStyle('Renkİsmi')"><img src="images/style/Renkİsmi.png" title="Renkİsmi"></a>

En Son olarakta

images/style'de Yeni Bir Renkİsmi.css Kalıbı Açıyoruz Ve Düzenliyoruz..

.rar   images.rar (Dosya Boyutu: 18.58 KB / İndirme Sayısı: 355) ]]>