Html Den Anlayan Müridler Bir Sorum Var.

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Html Den Anlayan Müridler Bir Sorum Var.

10/Eyl/12 18:38 Kısayol Şikayet Özel Mesaj

iLLuMiNaTi

Banlanmış Üye

Kayıt Tarihi: 08/Mart/2007

http://www.isminiunuttum.com/ --> sağ tarafa bir banner ekledim.

Normalde herşey iyi fakat telefondan felan girildiğinde bu banner sayfanın ortasında görünüyor ( kayıt giriş butonlarını engelliyor ne yazıkki. ) Bu kaymayı nasıl engelleriz ?

bu banneri nasıl sabitleriz ?

Kodlamadan çok fazla anlamıyorum hazır kullandım :

Eklerken kullandığım kod :

<a href="http://ses.isminiunuttum.com/index.html"><img border="0" style="right: 5px; position: absolute; top: 25px;" alt="mırıldanma modülü" src="http://isminiunuttum.com/sess.png"/>

Alıntı yap
10/Eyl/12 19:13 Kısayol Şikayet Özel Mesaj

Retro
by_Tet

Kayıt Tarihi: 22/Mayıs/2012

Hocam o kaymayı engelleyemezsin. Şöyleki telefonun nasıl gösterdiğine bağlıdır. Söylediğin kodlarda herhangi bir problem yok. Sağ taraftan 5px solunda üst tarafın da 25 px aşağısında görünür. Her ne olursa olsun pencerenin boyutunun sağ tarafının 5 px solu olur.

Ama sen pencereye göre değilde arkaplandaki body-wrapper'a göre ayarlamak istersen. ozaman body-wrapper'ın özelliğine position: relative kodu eklersin.

Ha buarada o bannerin z-index: 100 filan yap daha önce de demiştim.

iyibu! yeniden..

Alıntı yap
10/Eyl/12 19:16 Kısayol Şikayet Özel Mesaj

iLLuMiNaTi

Banlanmış Üye

Kayıt Tarihi: 08/Mart/2007

telefondan girince yada opera mini gibi tarayıcılarda sitenin siyah kısımları görünmüyor tam sayfa beyaz kısımlar görünüyor. bu yüzden banner turuncu yerin üzerine geliyor.

Alıntı yap
10/Eyl/12 19:22 Kısayol Şikayet Özel Mesaj

Retro
by_Tet

Kayıt Tarihi: 22/Mayıs/2012

ErotikPanda bunu yazdı

telefondan girince yada opera mini gibi tarayıcılarda sitenin siyah kısımları görünmüyor tam sayfa beyaz kısımlar görünüyor. bu yüzden banner turuncu yerin üzerine geliyor.

O dediğin şey bende de var hocam 1024x768 ekranda. Bunun sebebi body-wrapper'ın boyutunun 980px olarak ataman. Onun çaresi <body> tagını <body style="min-width: 1280px"> şeklinde değiştirmen ancak unutma herkes senin gibi geniş ekrana sahip değil. Bu yüzden altta kaydırma çubuğu çıkacaktır. Ayrıca zaten kötü duruyor o. Fixed yapıp üstten çıkmalı birşeyler yapabilirsin dur senin için yapayım

iyibu! yeniden..

Alıntı yap
10/Eyl/12 19:50 Kısayol Şikayet Özel Mesaj

erc

Kayıt Tarihi: 23/Aralık/2010

position: absolute

yerine position:fixed yapıp sola yaslarsan bence bir sıkıntı çıkmaz

Alıntı yap
10/Eyl/12 19:52 Kısayol Şikayet Özel Mesaj

iLLuMiNaTi

Banlanmış Üye

Kayıt Tarihi: 08/Mart/2007

erc bunu yazdı

position: absolute

yerine position:fixed yapıp sola yaslarsan bence bir sıkıntı çıkmaz

Aradaki farkı söylermisin ?

Şu anda internetim googleyi bile açmıyor bakamıyorum

edit : @ erc : senin dediğini yaptığımda ise tam sitenin ortasına oturuyo banner :) en azından eski halinde giriş butonunun orda duruyodu :)
iLLuMiNaTi tarafından 10/Eyl/12 19:58 tarihinde düzenlenmiştir

Alıntı yap

10/Eyl/12 19:58

Kısayol

Şikayet

Özel Mesaj

Retro
by_Tet

Kayıt Tarihi: 22/Mayıs/2012

./qa-theme/Twentyeleven/qa-styles.css?1.5.2

Dosyasına şunları ekliyorsun:

#muzik-duyuru {
-webkit-box-shadow: 0px 0px 10px 0px ;
box-shadow: 0px 0px 10px 0px ;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 450px;
height: 190px;
    position: fixed;
    top: -15px;
    left: 50%;
    margin-left: -225px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #ffffff
}
#muzik-duyuru .kapat {position: absolute; top: 13px; right: 10px;}

html olarak da herhangi bir yere şunu ekliyorsun:

<div id="muzik-duyuru"><h2>Hatırlayamadığın Şarkı İle İlgili Hiçbir Şey Bilmiyor musun?</h2>
<h1>O zaman mikrofon SENDE!</h1>
    <h3>İster mırıldan ister söyle istersen çal!</h3>
    <h3><a href="http://ses.isminiunuttum.com/index.html">Buraya Tıkla, sen mırıldan biz bulalım!</a></h3>
    <div class="kapat"><a href="javascript:void(0)" onclick="$('#muzik-duyuru').slideUp()">x Kapat</a></div>
</div>

Buarada h1 h3 komutların nekadar kaç px bilemedim. Toplam yükseklik 240px yaptım onu kendine göre ayarlarsın hocam.

edit: son halini koydum önizlemesini şuradan bakarsın http://jsfiddle.net/MwHG5/4/

by_Tet tarafından 10/Eyl/12 20:02 tarihinde düzenlenmiştir

iyibu! yeniden..

Alıntı yap

10/Eyl/12 20:01 Kısayol Şikayet Özel Mesaj

ucenmi

Kayıt Tarihi: 25/Mayıs/2011

css içine

html{

min-width:1500px;

}

ekle düzelecektir

1500 tahmini br rakam sen kafana göre ekle
ucenmi tarafından 10/Eyl/12 20:02 tarihinde düzenlenmiştir

Alıntı yap
10/Eyl/12 20:01 Kısayol Şikayet Özel Mesaj

iLLuMiNaTi

Banlanmış Üye

Kayıt Tarihi: 08/Mart/2007

eline sağlık. bi sorun olursa gene burdan yazarım.

Alıntı yap
10/Eyl/12 20:03 Kısayol Şikayet Özel Mesaj

Retro
by_Tet

Kayıt Tarihi: 22/Mayıs/2012

ErotikPanda bunu yazdı

eline sağlık. bi sorun olursa gene burdan yazarım.

Tamam hocam buarada editledim son haline şimdi bakarsan iyi olur jsfiddle da koydum.

iyibu! yeniden..

Alıntı yap
10/Eyl/12 23:11 Kısayol Şikayet Özel Mesaj

Hakan363

Kayıt Tarihi: 09/Aralık/2009

aslında float diye bir html tag var bunun için.

Not: Sorun çözülmüş sadece ekleme yapmak istedim.

www.dunyadailkler.com

Alıntı yap

Toplam Hit: 1154 Toplam Mesaj: 11

Cevapla