MyBB Depo Forum

Orjinalini görmek için tıklayınız: Alt Forumları Çerçeve İçine Alma
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Aşağıda görmüş olduğunuz benim site

resim

Ben aşağıdaki gibi alt forumların çerçeve içine alınıp tek bir sıra halinde olmasını istiyorum. Nasıl yapabilirim.

resim
Şuradaki konuyu uygulayın.
Kod:
http://mybbdepo.com/alt-forumlar-2-blok-halinde-kutu-icinde-konusu.html

Alt forumları tek sıra yapmak için eklediğin css'yi alttaki gibi değiştir.
Kod:
.alt_forumlar li {
width: 100%; float: left;
}
(20-09-2012, Saat:00:58)devmybb Adlı Kullanıcıdan Alıntı: [ -> ]Şuradaki konuyu uygulayın.
Kod:
http://mybbdepo.com/alt-forumlar-2-blok-halinde-kutu-icinde-konusu.html

Alt forumları tek sıra yapmak için eklediğin css'yi alttaki gibi değiştir.
Kod:
.alt_forumlar li {
width: 100%; float: left;
}

Hocam eyvallah saol alt alta sıralandı çerçeve geldide bunu resimdeki gibi nasıl yapacağız onada yardımcı olurmusun.
Şuan aşağıdaki gibi site.

resim
Hepsini uyguladıysan konudaki gibi olması gerekirdi. Sanırım çerçeve içine alınmamış. Buda temanın özelliğinden diye tahmin ediyorum.
Teman ücretsiz ise linkini verebilirmisin. Bugün geç oldu yarına bir inceleyeyim.
(20-09-2012, Saat:01:15)devmybb Adlı Kullanıcıdan Alıntı: [ -> ]Hepsini uyguladıysan konudaki gibi olması gerekirdi. Sanırım çerçeve içine alınmamış. Buda temanın özelliğinden diye tahmin ediyorum.
Teman ücretsiz ise linkini verebilirmisin. Bugün geç oldu yarına bir inceleyeyim.

Hocam MyBBDepo'nun kullandığı tema, üzerinde oynamalar yaptık bambaşka hale getirdik o kadar.
forumbit_subforums şablonundaki <legend>'in önüne şunu ekleyin: <fieldset>
yani şöyle olmalı: <fieldset><legend>

yine aynı şablonda </legend>'nin arkasına şunu ekleyin: </fieldset>
yani: </legend></fieldset>

Alt Forumlar yazan yeri şununla değiştirin:
Kod:
<font color="black"><span style="text-shadow: 0px 0px 8px;"><strong>Alt Forumlar</strong></span></font>

yine bu şablonda <b>, </b>, <strong> ve </strong> yazan yerler varsa bunların da hepsini silin.

son olarak da global.css'deki
Kod:
fieldset {
yazan yerin hemen altına şunu ekleyin:
Kod:
border-radius: 8px 8px 8px 8px;

Süper
Şablonlarda forumbit_subforums kısmını aşağıdaki gibi yaptım.

Kod:
<ul class="alt_forumlar">
<fieldset><fieldset><legend><font color="#FF0000"><font color="black"><span style="text-shadow: 0px 0px 8px;">Alt Forumlar</span></font></font></legend></fieldset>
<p style="margin-top: 0; margin-bottom: 0">{$sub_forums}</fieldset></span>
</ul>

Şablonlarda forumbit_depth3 kısmınıda aşağıdaki gibi yaptım.

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

Global css'de

Kod:
fieldset {

yazan yerin hemen altına

Kod:
border-radius: 8px 8px 8px 8px;

Bunu ekledim ve ardından Global css'de en alta

Kod:
.alt_forumlar {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.alt_forumlar li {
width: 100%; float: left;
}

bunu ekledim. Ve sonuç aşağıdaki gibi, sadece Alt Forumlar yazısı bu sefer gölgeli oldu. Herşeyi doğru yaptım neden istediğim gibi olmadı üzgün

resim
Aşağıdaki resimdeki gibi yapmak istedim.

resim

Şablonlarda forumbit_subforums kısmının tamamını aşağıdaki gibi yaptım.

Kod:
<ul class="alt_forumlar">
<fieldset><legend style="border: 0px none;background: none;"><font color="#333333"><span style="text-shadow: 0px 0px 3px;">Alt Forumlar</span></font></legend>
<p style="margin-top: 0; margin-bottom: 0">{$sub_forums}</fieldset></span>
</ul>

Şablonlarda forumbit_depth3 kısmının tamamını aşağıdaki gibi yaptım.

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

Global css'de

Kod:
fieldset {

yazan yerin hemen altına

Kod:
padding: 5px;
border: 1px solid rgb(168, 168, 168);
background: none repeat scroll 0% 0%;
border-radius: 8px 8px 8px 8px;

Bunu ekledim ve ardından Global css'de en alta

Kod:
.alt_forumlar {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.alt_forumlar li {
width: 100%; float: left;
}

bunu ekledim. Ve sonuç aşağıdaki gibi Gülümseme Yardımlarınız için teşekkürler.

resim