MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Ripbyrustavi02 avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

Oval Tema Yapma Rehberi [Geniş / Anlatım]


Sponsor Reklam
media venus

Çevrimdışı Ripbyrustavi02
 Tarih: 16-08-2013, Saat:18:26
#1
Merhaba arkadaşlar bu kendi yazımımdır başka yerlerde paylaşaıcaksanız ise alıntıdır - Ripbyrustavi02 diye sevinirim neyse şimdi konumuza dönelim size oval tema yapma rehberini göstericem

ilk olarak theadları oval yapalım KONU: Oval Thead Yapma - L3DRI

Admin KP ► Şablon & Stil ► Temalar (Solda) ► global.css ► Gelişmiş düzen

bölümünden şu iki kodu bulun:


Kod:
.tborder {

ve


Kod:
.thead {
bu kodların hemen altına şu kodları ekleyin


Kod:
border-radius: 7px 7px 7px 7px;


yaptıktan sonra görüntü böyle olucaktır.
resim

şimdi ise konu içlerini ovalleştirelim KONU: Alt Forumlar Blok Halinde -Jocqer


Global Css'ye eklenicek kod'lar:

Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 50%; float: left;}

Daha sonra Kullandığınız temanın Forum Bit Şablonlar'ından / forumbit_deph3 şablonunu alttaki kod ile komple değişiyoruz.

forumbit_deph3 şablonunda değiştirilicek kod'lar:

Kod:
<li>{$statusicon}<a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a></li>

Son Olarak yine Kullandığınız temanın Forum Bit Şablonlar'ından / forumbit_subforums şablonunu açıyor ve alttaki kod ile komple değişiyoruz.

forumbit_subforums şablonunda değiştirilicek kod'lar:

Kod:
<br />{$lang->subforums}<br /><ul class="alt_forumlar">{$sub_forums}</ul>

Alt Forumları 3 ve 4 blok halinde yapmak için alttaki CSS kodlarını Kullanabilirsiniz,şablonlara eklenen kodlar aynıdır...

3 Blok Yapmak İçin:

Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 33%; float: left;}
4 Blok Yapmak İçin:

Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 25%; float: left;}


ve bittikten sonra böyle olucak
resim

şimdi ise Üst headeri ovallicez KONU: Oval Header Yapımı - Ripbyrustavi02

admin kp -> şablon stil -> temanız -> global.css -> yeni css ekle -> bu kodu yazıyoruz;

Kod:
#header2 {
    border-radius: 7px 7px 7px 7px;
background: url(http://o1306.hizliresim.com/1b/t/pknbk.png) repeat scroll left transparent;
    height: 180px;
    margin-left: -8px;
    width: 101.2%;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #191919;
}
2. adımımız ise Header e girip logo yazısının üstüne ekliyoruz

Kod:
<div id="header2">

Şimdi yaptıktan sonra böyle olucak

Demo: Treatime.10tl.net


şimdi ise footere geldik footeri ovallamicez biz bu sefer oval footer kullanıcaz isterseniz beğendiniz footer varsa

örneğin
Kod:
#footer {

kodunun altına

Kod:
border-radius: 7px 7px 7px 7px;

bunu ekleyebilirsiniz.

şimdi oval footere geçelim geçtiğimiz günlerde kyoya ile yaptığımız footeri örnek vericem

Admin kp -> şablon stil -> temanız -> gelişmiş mod -> en alta ekleyin.

Kod:
#footer {
background: url(http://www.resimagaci.com/img/0l0h7t5.png);
width: auto;
height: 296px;
color: #000;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    color: #000;
}

.bottommenu {
    width: 180px;
    float: left;
    margin-top: 60px;
    margin-left: 10px;
}

#copyright {
    color: #000;
    padding: 8px;
    text-align: center;
    font-size: 11px;
}

#copyright a {
    color: #000;
}

.mybb  {
position: relative;
top: 130px;
}

Bunlarıda footer şablonundaki kodların hepsini silin yapıştırın.

Kod:
<div id="footer">
        <div id="debug"><debugstuff></div>
        <div class="bottommenu">
        <span class="bottomhead">dost siteler</span><br />
            <li><a href="#">eklencek</a><br /></li>
            <li><a href="#">eklencek</a><br /></li>
                         <li><a href="#">eklencek</a><br /></li>
        </div>
        <div class="bottommenu">
        <span class="bottomhead">kolay menü</span><br />
            <li><a href="eklencek target="_blank">oyun bölümü</a></li>
<li><a href="eklencek" target="_blank">sponsor</a></li>
<li><a href="eklencek" target="_blank">portal</a></li>
        </div>
        <div class="clear"></div>
<div class="float_right">
<div id="copyright">


<div class="mybb">
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a> <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
        
</div>
</div>

</div>

    <!-- Removal of either copyright/credit notice will result in loss of support by the theme author and MyBB respectively. -->
    
    <!-- Don't remove this stuff, it's used for running MyBB tasks and such. -->
    {$task_image}{$auto_dst_detection}
</div>
Ve görüntümüz böyle olacak :
resim


ve bir dersimin sonuna geldik iyi oval tema yapmalar Göz kırpma
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı WWXD
 Tarih: 16-08-2013, Saat:19:13
#2
Tesekkurler
Cevapla
Bunu Beğenenler:

Çevrimdışı alicome7
 Tarih: 17-09-2013, Saat:13:50
#3
(16-08-2013, Saat:19:13)WWXD Adlı Kullanıcıdan Alıntı: Tesekkurler

Kardeş bak sağ altta teşekkür et butonu var belki görmemişsindir ama hatırlatayım dedim mesaj kasma Göz kırpma
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Öneri - Fikir Mybb Gomobile Tasarım Yapma androcep44 3 2,265 08-12-2014, Saat:17:53
Son Yorum: mhmmtcn
  Oval Header Yapımı Ripbyrustavi02 3 1,651 16-08-2013, Saat:16:14
Son Yorum: Funny



Konuyu Okuyanlar: 1 Ziyaretçi