Header Sorunum

[Furkomm]

Merhaba arkadaşar, bu bir sorun sayılmaz, sadece öğrenmek itiyorum. Aşağıdaki gibi nası yaparım;



Yani aparttaki gibi yine bir arka plan değiştirme olsun, default daki gibi boş olmaz logonun arkası, inş anlamışsınızdır. Kodarı kurcaladım fakat bulamadım, yardımlarınızı bekliyorum.

[ForumText]

Kardeşim Biraz Araştırmalısın Derim.

[Furkomm]

Kardeşim Biraz Araştırmalısın Derim.

Araştırdım bulamadım, bulsaydım konu açmazdım zaten.

[jungi]

Logonun arkasına arkaplan eklemek istiyorsanız hem global css hemde header kodları gerekir. mesela
globla css kodları

Kod: Tümünü Seç Tümünü Kopyala

#logoarkaplan {
    background: url(resim linki) left repeat-x;
    width: 100%;
    height: 100px;
}

Boyutları size kalmış..

headerda da logoyu bu div e bağlayacaksınız
örn;

Kod: Tümünü Seç Tümünü Kopyala

<div class="logoarkaplan"> Bu araya logo kodları gelecek</div>

[Furkomm]

Logonun arkasına arkaplan eklemek istiyorsanız hem global css hemde header kodları gerekir. mesela
globla css kodları

Kod: Tümünü Seç Tümünü Kopyala

#logoarkaplan {
    background: url(resim linki) left repeat-x;
    width: 100%;
    height: 100px;
}

Boyutları size kalmış..

headerda da logoyu bu div e bağlayacaksınız
örn;

Kod: Tümünü Seç Tümünü Kopyala

<div class="logoarkaplan"> Bu araya logo kodları gelecek</div>

Teşekkürler, ama ben sadece logo değil, altına birde welcom eklemekte istiyorum, o sütunun içerisinde.

[jungi]

bu kodlardan sonra panel kodlarını eklerseniz alt alta olurlar. Apart temanın kodlarından bakarsanız daha kolay yapabilrsiniz

[kaRanLık-61]

header şablonlarına divli container önce bir div tanımla ama id ile genişliğini 100% yap.sonra içine logo için ve hoşgeldin için ayrı div class tanımla bu kadar :)

[al5428]

Evet Bazı Temalarda Lgo ve Başlık Değişmiyor Ama Şükrü Abimiz Saolsun
Bana yardımcı Oldu
Admin KP > Şablon & Stil > Temalar > Temanız > Global.Css >

Bu Kodları Gör Dedigimi Yap Olur.

Kod: Tümünü Seç Tümünü Kopyala

#container #header {
    background: #fff url(Burası Arka Kısım) top left no-repeat;
    height: 176px;
    position: relative;
    border-bottom: 1px solid #C70000;
}

#container #header a.link {
    background: url(Burası Ön Kısım Logo Yani) top left no-repeat;
    width: 99.9%;
    height: 176px;
    display: block;
    border-bottom: 0;
    z-index: 10;
    text-decoration: none;
}

[/b]

Şükrü K.

[kaRanLık-61]

İstersen verdiğin sitenin kullandığı kodları verebilirim sen oradan kendine göre uyarlarsın.

[Furkomm]

İstersen verdiğin sitenin kullandığı kodları verebilirim sen oradan kendine göre uyarlarsın.

Çok iyi olur adminim, gerçekten kafam karıştı herkes bir şey söylüyor :S. O sitede benim kodlarını kurcaladım ama bulamadım :(.

[rayray93]

Yapımı kolay oc geçince kodlarım basit iş

[kaRanLık-61]

İstersen verdiğin sitenin kullandığı kodları verebilirim sen oradan kendine göre uyarlarsın.

Çok iyi olur adminim, gerçekten kafam karıştı herkes bir şey söylüyor :S. O sitede benim kodlarını kurcaladım ama bulamadım :(.

Kod: Tümünü Seç Tümünü Kopyala

<a name="top" id="top"></a><div id="header">
        <div class="logo">
            <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}"  /></a>
        </div>
    </div>

bu kodları

PHP Kod: Tümünü Seç Tümünü Kopyala

<div id="container"> 


bu kodun üstüne ekle.

#header {
margin: auto auto;
height: 120px;
text-align: left;
background: #0040A0;
background: -moz-linear-gradient(top, #0070C0 5%, #0061AF 40%, #0040A0 100%);
background: -webkit-linear-gradient(top, #0070C0 5%, #0061AF 40%,#0040A0 100%);
background: -o-linear-gradient(top, #0070C0 5%,#0061AF 40%,#0040A0 100%);
background: -ms-linear-gradient(top, #0070C0 5%,#0061AF 40%,#0040A0 100%);
background: linear-gradient(top, #0070C0 5%,#0061AF 40%,#0040A0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070C0', endColorstr='#0040A0',GradientType=0 );
}
.logo {
margin-left: 25px;
padding-top: 15px;
float: left;
}

bu css kodlarınıda global css dmmdır.