Başlık Resmi Ekleme - Genişlik

[Him74]

Merhaba,

Foruma başlık resmi eklemek istiyorum. Yerini ekteki resimde gösterdim.
Ayrıca forumun genişliğini ne yaptıysam yapayım değiştiremedim.
Bu konularda yardım ederseniz sevinirim. Şimdiden teşekkürler.

[tarantula901]

Sitenin genişliğini şu css koduyla değiştirebilirsiniz.

temanızda bulunan index.css dosyasını ara

Kod Seç Genişlet

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;   
}

değiştir.

Kod Seç Genişlet

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
width: 100% değerini kafanızae göre ayarlayın.

[Him74]

Teşekkürler hocam. Bilgine sağlık.

Aslında şöyle bir durum da var, temada yaptığım değişiklikler siteye hemen yansımıyor. FTP'den ilgili klasöre resim atıyorum ya da ilgili dosyada değişiklik yapıyorum sayfayı kaydediyorum. Sistemden çıkış yapıp tekrar giriş yapıyorum hatta sayfayı defalarca yenilememe rağmen yapılan değişiklikler foruma ya hiç yansımıyor ya da aradan uzun bir zaman geçtikten sonra yansıyor. Bunun nedeni ne olabilir?

[tarantula901]

Teşekkürler hocam. Bilgine sağlık.

Aslında şöyle bir durum da var, temada yaptığım değişiklikler siteye hemen yansımıyor. FTP'den ilgili klasöre resim atıyorum ya da ilgili dosyada değişiklik yapıyorum sayfayı kaydediyorum. Sistemden çıkış yapıp tekrar giriş yapıyorum hatta sayfayı defalarca yenilememe rağmen yapılan değişiklikler foruma ya hiç yansımıyor ya da aradan uzun bir zaman geçtikten sonra yansıyor. Bunun nedeni ne olabilir?

Bunun sebebi tarayıcı önbellemesinden dolayı.  bunu şu şekilde kapatabilirsiniz.

Chrome kullanıyorsanız mouse sağ tıkla incele tıkla çıkan ekranda Network butonuna tıkla Disable cache radio kısmını seçin. sonra f5 yapın.

Bu şekilde sayfa sizde ne değişiklik yaparsanız yapın sorunsuz olarak gözükecektir.

[Him74]

Bunun sebebi tarayıcı önbellemesinden dolayı.  bunu şu şekilde kapatabilirsiniz.

Chrome kullanıyorsanız mouse sağ tıkla incele tıkla çıkan ekranda Network butonuna tıkla Disable cache radio kısmını seçin. sonra f5 yapın.

Bu şekilde sayfa sizde ne değişiklik yaparsanız yapın sorunsuz olarak gözükecektir.

Dostum bilgine sağlık. :)
Teşekkürler. :D
 

[Him74]

Hocam genişlik oldu da bu defa tema sol tarafta kaldı. Ortalamayı denedim, ama olmadı. :D

Bu arada bu temaya gösterdiğim o alana header ekleyebilir miyiz?

Sitenin genişliğini şu css koduyla değiştirebilirsiniz.

temanızda bulunan index.css dosyasını ara

Kod Seç Genişlet

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;    
}

değiştir.

Kod Seç Genişlet

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
width: 100% değerini kafanızae göre ayarlayın.

[gecitli]

Sitenin genişliğini şu css koduyla değiştirebilirsiniz.

temanızda bulunan index.css dosyasını ara

Kod Seç Genişlet

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;   
}

değiştir.

Kod Seç Genişlet

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
width: 100% değerini kafanızae göre ayarlayın.

Boyle demek istedi her halde.

Kod Seç Genişlet

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

[Him74]

Eyvallah gecitli. Ellerine sağlık. Şimdi oldu.

Lakin şimdi de resimdeki problem çıktı ortaya.

[tarantula901]

şu kodu kullanın.

index.css en altına ekle

.settings-btn{display:none;}

[Him74]

şu kodu kullanın.

index.css en altına ekle

.settings-btn{display:none;}

Eyvallah hocam. 10 numara oldu. :)

Müsait bir zamanda header mevzusuna da el atabilirseniz çok mutlu olurum. :))

[tarantula901]

Eyvallah hocam. 10 numara oldu. :)

Müsait bir zamanda header mevzusuna da el atabilirseniz çok mutlu olurum. :))

Header ile ilgili ne sorununuz var?

[Him74]

Header ile ilgili ne sorununuz var?

http://www.smf.gen.tr/smf/index.php?action=dlattach;topic=2083.0;attach=1816;image

[tarantula901]

Header kodlamanız varmı eklemek istediğiniz html kodları vs

[Him74]

Header kodlamanız varmı eklemek istediğiniz html kodları vs

Yok maalesef. :(

[Him74]

Yok maalesef. :(

#header {background: url(../images/custom/actual.jpg) 
              width: 1000px;
}


gibi bir kodu eklemek istiyorum da resimde işaretlediğim yerde olsun istiyorum bir de. Nasıl olur bilemiyorum.  :o

[tarantula901]

Alert diye mod kurmuşsunuz o kodun için şu kodu ekleyin.

Bunu css en sonuna ekle images custom içine kullanmak istediğiniz resmi ekleyin actual.jpg ile değiştirin.

Kod Seç Genişlet

.duyuru {background: url(../images/custom/actual.jpg) 
              width: 1000px;
}
bu kodu ise resimde gösterdiğiniz alert kodunun için ekleyin bakalım çalışacak mı

Kod Seç Genişlet

<div class="duyuru"></div>

[Him74]

Hocam elli bin yerde alert kodu var. Sanırım biraz abarttım. Çeşitli denemeler yaptım elbette ama olmadı. Bir de siz deneseniz, eğer vaktiniz varsa tabii. Bu arada ben böyle bir mod eklemedim. :(

Css ektedir.

[tarantula901]

Bu şekilde yapmaktansa siz ne eklemek istiyorsunuz kodlarını paylaşın ben ilgili dosyaya ekleyeyim.

boardindex.template.php ve indextemplate.php dosyasını eke ekleyin.

[Him74]

Hocam, hakkınızı helal edin, sizi de çok yordum.

Tam olarak resimdeki görüntüyü elde etmeye çalışıyorum. Deneme yazan alanda deneme yazan alanın yerine bir header olmasını istiyorum. Resmin bulunduğu konum: url(../images/custom/actual.jpg)  
Boyutları: width: 840 px,   height: 220 px

Dosyalar ve istediğim tasarım ektedir hocam.

[tarantula901]

üsteki uyarının içine ekledim

Test edemediğim için görüntü nasıl bilemiyorum.

oyuzden eğer ki beğenmez iseniz. o bantın altına ekledim.

index.template.php dosyasında ara

Kod Seç Genişlet

// The main content should go here.
echo '
  <div class="content-wrapper">
    <section class="content-header">
<div class="alert alert-info">';
// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
        <a href="#" class="close" data-dismiss="alert" aria-label="close">Ãâ€"</a>
<p>', $context['random_news_line'], '</p> ';
echo '<img src="', $settings['images_url'], '/custom/actual.jpg" width="100%" class="birhikayebirresim">';
echo '
</div>';
değiştir.

Kod Seç Genişlet

// The main content should go here.
echo '
  <div class="content-wrapper">
    <section class="content-header">
<div class="alert alert-info">';
// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
        <a href="#" class="close" data-dismiss="alert" aria-label="close">Ãâ€"</a>
<p>', $context['random_news_line'], '</p> ';

echo '
</div>';

echo '<img src="', $settings['images_url'], '/custom/actual.jpg" width="100%" class="birhikayebirresim">';

[Him74]

Oldu çok da güzel oldu, ellerine sağlık.
Son durumu ek olarak attım. Deneme yazan alanı kaldırıp, resmin altına bir boşluk bırakabilirsek çok daha güzel olacak sanırım. Index.css yi atmıştım, ondaki alert ile ilgili bütün kodları kaldırdım lakin ortalık iyice karıştı. Bu arada yardımlarınızdan dolayı duacınızım. :)

[tarantula901]

Şu kodu css en altına ekle

.birhikayebirresim{margin-bottom:5px;}

Altta bir boşluk oluşması lazım.

şu uyarı kodlarını nasıl eklediyseniz manuel olarak kaldırın.

[Him74]

Şu kodu css en altına ekle

.birhikayebirresim{margin-bottom:5px;}

Altta bir boşluk oluşması lazım.

şu uyarı kodlarını nasıl eklediyseniz manuel olarak kaldırın.

Eyvallah hocam çokça teşekkür ederim.
Uyarı kodları sanırım temanın orjinalinde var zira ben eklemedim. Deneme yanılma yöntemiyle kaldırırım ben onları.
Çokça emeğiniz geçti. Çokça sağolun. İyi geceler. :)

[tarantula901]

Rica ederim iyi forumlar iyi geceler.