Gönderen Konu: CSS position sorunu  (Okunma sayısı 3243 defa)  Share 

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı efekentli

  • Çömez
  • **
  • İleti: 87
  • Toplam: 0
CSS position sorunu
« : 29 Temmuz 2008, 05:04:31 »
Merhaba arkadaşlar;

Sitenin soluna reklam eklemek istedim (wp default tema) . Şu şekilde ekledim:

.reklam {
      position: absolute;
      top: 10px;
      left: 5px;
      }


İlk baktığımızda sorun yok gibi görünüyor ,fakat sayfayı küçülttüğümüzde reklam yazıların üstünde kalıyor. Yani sayfaya kendini uyarlamıyor. Tam ekranda bir sorun yok.Örnek :

http://img67.imageshack.us/my.php?image=aadssspb1.jpg


absolute yerine fixed ekledim bu kezde sabit olması adsense için sorun olabilir ? Daha farklı position seçenekleri denedim ama bir türlü istediğim olmadı. Sorunu nasıl çözebilirim ?

Çevrimdışı WhiteScars

  • Genel Yönetici
  • Usta
  • *****
  • İleti: 1047
  • Toplam: 143
  • (,^^)
Ynt: CSS position sorunu
« Yanıtla #1 : 29 Temmuz 2008, 09:30:31 »
reklamın bulunduğu div'i float:left yap, diger bütün sayfayı tutan div'i de float:right yap sorunun düzelecektir. Fakat bunları yaptıktan sonra birde iki tarafıda clear yapman lazım. Örnekliyim:

Kod: You are not allowed to view links. Register or Login
#reklam{
     float:left;
     width: 20%;
}

#page{ /* sayfanın hepsini tutan div neyse artık adı */
     float: right:
     width: 80%;
}

.fixView{
    clear: both;
}

HTML dosyasıda şöyle olması gerekiyor.
Kod: You are not allowed to view links. Register or Login
<html>
<head>
</head>
<body>
  <div id="reklam">reklam</div>
  <div id="page>bütün sayfa</div>
  <div class="fixView"></div>
</body>
</html>

bu sana bir %20 lik biri %80 lik iki div oluşturur yanyana duran.
İnsanoğluna bırakabileceğiniz en güzel miras tecrübelerinizdir...

Çevrimdışı efekentli

  • Çömez
  • **
  • İleti: 87
  • Toplam: 0
Ynt: CSS position sorunu
« Yanıtla #2 : 29 Temmuz 2008, 20:50:01 »
öncelikle yardımın için teşekkür ederim.  anlamadığım bazı noktalar örneğin;

Alıntı
bütün sayfa
ve
Alıntı
sayfanın hepsini tutan div neyse artık
adlı kısımlarını anlamadım. css dosyasına baktım ama
Alıntı
page
kısımlarında bişey yazmıyor.sadece page  yazısı geçiyor.Bu yüzden size zahmet olacak ama ben temayı upload ettim.zaten wp varsayılan tema.  Buradan yola çıkarak ben bu temanın sol tarafına ( mevcut boşluğa )adsense reklamını sorunsuz şekilde nasıl ekleyebilirim .iyi çalışmalar

http://rapidshare.com/files/133373120/default.zip.html

Çevrimdışı WhiteScars

  • Genel Yönetici
  • Usta
  • *****
  • İleti: 1047
  • Toplam: 143
  • (,^^)
Ynt: CSS position sorunu
« Yanıtla #3 : 30 Temmuz 2008, 14:54:14 »
şimdi

öncelikle sitenin yedeğini al.

sonra

style.css dosyasını aç

Kod: You are not allowed to view links. Register or Login
#page {
background-color: white;
border: 1px solid #959596;
text-align: left;

}

bunu bul sonra bunun içine
Kod: You are not allowed to view links. Register or Login
float:right;

ekle.

sonra header.php dosyasını aç
orda şu satırı bul

Kod: You are not allowed to view links. Register or Login
<div id="page">

bunun hemen altına

Kod: You are not allowed to view links. Register or Login
<div id="reklam">Reklam içeriğini buraya yaz</div>

ekle

style.css dosyasına şunları ekle sonuna

Kod: You are not allowed to view links. Register or Login
#reklam{
       width:30px; /* Reklam alanının genişliği ne kadar olacaksa */
       float:left;
}

.fixView{
       clear:both;

}


bunları ekledikten sonra
footer.php dosyasını aç

normalde footer php dosyası bu şekilde
Kod: You are not allowed to view links. Register or Login
<hr />
<div id="footer">
<!-- WordPress'e destek olmak istiyorsanız, blogunuzdan WordPress.org ve WordPress Türkiye'ye bağlantı (link) verebilirsiniz. Bu, bizim için en güzel destektir. :) -->
<p>
<?php bloginfo('name'); ?>,
<a href="http://wordpress.org/">WordPress</a> - <a href="http://www.wordpress-tr.com/">TR</a> üzerine kurulmuştur.
<br /><a href="<?php bloginfo('rss2_url'); ?>">Yazılar (RSS)</a>
ve <a href="<?php bloginfo('comments_rss2_url'); ?>">Yorumlar (RSS)</a>.
<!-- <?php echo get_num_queries(); ?> sorgu. <?php timer_stop(1); ?> saniye. -->
</p>

</div>
</div>

<!-- Michael Heilemann tarafından, harika tasarım - http://binarybonsai.com/kubrick/ -->
<?php /* "Just what do you think you're doing Dave?" */ ?>

<?php wp_footer(); ?>
</body>
</html>

bunu şöyle yap

Kod: You are not allowed to view links. Register or Login
<hr />
<div id="footer">
<!-- WordPress'e destek olmak istiyorsanız, blogunuzdan WordPress.org ve WordPress Türkiye'ye bağlantı (link) verebilirsiniz. Bu, bizim için en güzel destektir. :) -->
<p>
<?php bloginfo('name'); ?>,
<a href="http://wordpress.org/">WordPress</a> - <a href="http://www.wordpress-tr.com/">TR</a> üzerine kurulmuştur.
<br /><a href="<?php bloginfo('rss2_url'); ?>">Yazılar (RSS)</a>
ve <a href="<?php bloginfo('comments_rss2_url'); ?>">Yorumlar (RSS)</a>.
<!-- <?php echo get_num_queries(); ?> sorgu. <?php timer_stop(1); ?> saniye. -->
</p>

</div>
<div class="fixView"></div>
</div>

<!-- Michael Heilemann tarafından, harika tasarım - http://binarybonsai.com/kubrick/ -->
<?php /* "Just what do you think you're doing Dave?" */ ?>

<?php wp_footer(); ?>
</body>
</html>

muhtemelen olur olmazsa bakıcaz artık çaresine
İnsanoğluna bırakabileceğiniz en güzel miras tecrübelerinizdir...

Çevrimdışı efekentli

  • Çömez
  • **
  • İleti: 87
  • Toplam: 0
Ynt: CSS position sorunu
« Yanıtla #4 : 31 Temmuz 2008, 20:35:41 »
teşekkür ederim.anlattıklarınızı sırayla ve eksiksiz yaptım ama çıkan sonuç :(

http://img175.imageshack.us/my.php?image=79727566fu4.jpg

Çevrimdışı WhiteScars

  • Genel Yönetici
  • Usta
  • *****
  • İleti: 1047
  • Toplam: 143
  • (,^^)
Ynt: CSS position sorunu
« Yanıtla #5 : 04 Ağustos 2008, 11:21:11 »
tarayıcını maximize et sonra site açıkken bana bir ekran görüntüsü gösterirmisin. Yada net üzerindeyse bu site linkini ver bi bakayım.
İnsanoğluna bırakabileceğiniz en güzel miras tecrübelerinizdir...

Bilişim Forum

Ynt: CSS position sorunu
« Yanıtla #5 : 04 Ağustos 2008, 11:21:11 »

 

İstediğiniz Sorudan Başlayabilirsiniz | Doktor a Sor