Şimdi Ara

css ile solda bir banner nasıl eklerim

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
36
Cevap
0
Favori
2.254
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 12
Sayfaya Git
Git
sonraki
Giriş
Mesaj
  • banner mevcut

    ornegin en sağ ortaya eklemem için html ve css kodları söylebilrmisiniz ?

    tam tutmasada ben gerisini halederim bi kod ublamadım ?



  • ?
  • en sağa kısıma kapsayıcı bir div açıp ;

    float:right; (dizilime de bağlı diğer divlerin konumlandırmasını bilmiyoruz)
    width:200px;
    kapsayıcı divin içine bir div daha açıp;
    margin-top:10px; / ÖRNEK/

    margin-left veya right ile sağdan soldan konumlandırırsın.


    zira bu kodlar işe yaramayabilir,inşa edilmiş bir siteyi görmeden,doğru bir şekilde nasıl yapacağını söyleyemeyiz.
  • quote:

    Orijinalden alıntı: gokhanbey

    en sağa kısıma kapsayıcı bir div açıp ;

    float:right; (dizilime de bağlı diğer divlerin konumlandırmasını bilmiyoruz)
    width:200px;
    kapsayıcı divin içine bir div daha açıp;
    margin-top:10px; / ÖRNEK/

    margin-left veya right ile sağdan soldan konumlandırırsın.


    zira bu kodlar işe yaramayabilir,inşa edilmiş bir siteyi görmeden,doğru bir şekilde nasıl yapacağını söyleyemeyiz.

    hocam ruayda gibiyim cevap geldi:)

    şimdi şöyle bir işlem yokmu hocam sayfanın en sagına üstten asagı az bosluk bırakarak (oran onemli değil) mevcut bannerimi eklemek.

    bannerim ise width 200 height 20


    hocam ne bilmeniz gerek acaba bir kod alabilmem için ?
  • siteniz yayındaysa,link atabilir misiniz?
  • quote:

    Orijinalden alıntı: gokhanbey

    siteniz yayındaysa,link atabilir misiniz?

    yayında değil malesef gökan bey :(

    yapamazmıyım


    örneğin bu sitedeki gibi donanımhaber logosunun aynı boyutunda aynı yerinde aynı şekilde bir png atmam için hangi bilgiler gerekli acaba ?

    böyle bişey yapılabilmesi için ?

    eğer gerekli kodlar olursa ben sağ tarafa çekerim yani.
  • görmediğim için afaki yazıyorum ama genel kullanım budur...

    sitenizin en dışında bulunan div'ine sabit bir genişlik ve float:left ekleyin. Sayfayı içerisine aldığınız ve tüm sayfayı kaplayan div kapandıktan sonra ardından banner diye bir div daha açın class'ı banner olsun yani.

    css sayfasında ise float:left olarak belirleyin bu divin de değerini. diğer genişlik yükseklik size kalmış. eğer sayfanın sağına değil monitörün sağ kenarına yapışsın diyorsanız banner divinizde float:right kullanın...

    html kodunda banner divini de kapattıktan sonra

    <div style="clear:both"></div> ile floatı temizlemeyi unutmayın...
  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
  • quote:

    Orijinalden alıntı: umutozturk

    görmediğim için afaki yazıyorum ama genel kullanım budur...

    sitenizin en dışında bulunan div'ine sabit bir genişlik ve float:left ekleyin. Sayfayı içerisine aldığınız ve tüm sayfayı kaplayan div kapandıktan sonra ardından banner diye bir div daha açın class'ı banner olsun yani.

    css sayfasında ise float:left olarak belirleyin bu divin de değerini. diğer genişlik yükseklik size kalmış. eğer sayfanın sağına değil monitörün sağ kenarına yapışsın diyorsanız banner divinizde float:right kullanın...

    html kodunda banner divini de kapattıktan sonra

    <div style="clear:both"></div> ile floatı temizlemeyi unutmayın...

    hocam bilgiler için teşekkürler.

    ben şimdi header adlı şablonumda aşağıdaki kodu kulanıyorum sbiraz sıkıntılı o yuzden css düşündüm

    quote:


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64074850&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>



    yukardaki kodumda tek sorun büyültünce falan soldaki logo asagı dusuyor :( çıkış yapıncada aşağı düşüyor falan.. en anlamadığım şey ise foto kucuk ypaıom yine buyultuyo bi standart olmus orada.acaba oraya class mı yapmıslar onumu bulmalıyım onuda bilmiyorum


    benimde istediğim şu mesela ne olursa olsun asagı dusmesin yapışsın oraya füze gelse düşmesin falan böle bişeyi css ilede yapamazsam zaten hiç meşgul etmiyim sizi.

    ben css ile yapabilirsem bu koda basına sonuna ne eklemeliyim anlattıklarınız baya profesyonel ben pek anlamıyorum anca kod lazım :(

    vbuleltin script.




  • quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: umutozturk

    görmediğim için afaki yazıyorum ama genel kullanım budur...

    sitenizin en dışında bulunan div'ine sabit bir genişlik ve float:left ekleyin. Sayfayı içerisine aldığınız ve tüm sayfayı kaplayan div kapandıktan sonra ardından banner diye bir div daha açın class'ı banner olsun yani.

    css sayfasında ise float:left olarak belirleyin bu divin de değerini. diğer genişlik yükseklik size kalmış. eğer sayfanın sağına değil monitörün sağ kenarına yapışsın diyorsanız banner divinizde float:right kullanın...

    html kodunda banner divini de kapattıktan sonra

    <div style="clear:both"></div> ile floatı temizlemeyi unutmayın...

    hocam bilgiler için teşekkürler.

    ben şimdi header adlı şablonumda aşağıdaki kodu kulanıyorum sbiraz sıkıntılı o yuzden css düşündüm

    quote:


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64075381&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>



    yukardaki kodumda tek sorun büyültünce falan soldaki logo asagı dusuyor :( çıkış yapıncada aşağı düşüyor falan.. en anlamadığım şey ise foto kucuk ypaıom yine buyultuyo bi standart olmus orada.acaba oraya class mı yapmıslar onumu bulmalıyım onuda bilmiyorum


    benimde istediğim şu mesela ne olursa olsun asagı dusmesin yapışsın oraya füze gelse düşmesin falan böle bişeyi css ilede yapamazsam zaten hiç meşgul etmiyim sizi.

    ben css ile yapabilirsem bu koda basına sonuna ne eklemeliyim anlattıklarınız baya profesyonel ben pek anlamıyorum anca kod lazım :(

    vbuleltin script.

    img tagına height="" width="" parametrelerini tanımlarsanız düzelecektir.
    Örnek kullanım;
    <img src="a.jpg" height="500px" width="500px" />
    Not: İmajın boyutları yazılacak.




  • quote:

    Orijinalden alıntı: HATTUSILI

    quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: umutozturk

    görmediğim için afaki yazıyorum ama genel kullanım budur...

    sitenizin en dışında bulunan div'ine sabit bir genişlik ve float:left ekleyin. Sayfayı içerisine aldığınız ve tüm sayfayı kaplayan div kapandıktan sonra ardından banner diye bir div daha açın class'ı banner olsun yani.

    css sayfasında ise float:left olarak belirleyin bu divin de değerini. diğer genişlik yükseklik size kalmış. eğer sayfanın sağına değil monitörün sağ kenarına yapışsın diyorsanız banner divinizde float:right kullanın...

    html kodunda banner divini de kapattıktan sonra

    <div style="clear:both"></div> ile floatı temizlemeyi unutmayın...

    hocam bilgiler için teşekkürler.

    ben şimdi header adlı şablonumda aşağıdaki kodu kulanıyorum sbiraz sıkıntılı o yuzden css düşündüm

    quote:


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64075381&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>



    yukardaki kodumda tek sorun büyültünce falan soldaki logo asagı dusuyor :( çıkış yapıncada aşağı düşüyor falan.. en anlamadığım şey ise foto kucuk ypaıom yine buyultuyo bi standart olmus orada.acaba oraya class mı yapmıslar onumu bulmalıyım onuda bilmiyorum


    benimde istediğim şu mesela ne olursa olsun asagı dusmesin yapışsın oraya füze gelse düşmesin falan böle bişeyi css ilede yapamazsam zaten hiç meşgul etmiyim sizi.

    ben css ile yapabilirsem bu koda basına sonuna ne eklemeliyim anlattıklarınız baya profesyonel ben pek anlamıyorum anca kod lazım :(

    vbuleltin script.

    img tagına height="" width="" parametrelerini tanımlarsanız düzelecektir.
    Örnek kullanım;
    <img src="a.jpg" height="500px" width="500px" />
    Not: İmajın boyutları yazılacak.

    Alıntıları Göster
    bazı arkadaslar yardım etmemek içni çırpınıyor sanırım.

    lotus teşekkürler.

    şimdide sağ sol kodu nasıl verildiyse yukarı asagı kodunu arıyorum resmi 1cm asagı almak istiyorum varmıdır acaba bunun bir kodu yoksa ilk mesaj gibi 10 larca sey mi var yine



    < Bu mesaj bu kişi tarafından değiştirildi virtualdjcubase -- 3 Ağustos 2012; 16:19:38 >




  • yokmu 1 cm aşağı alma kodu :( 2 cm de olur herhangi bir değerde olabilir en alt olmasında



    < Bu mesaj bu kişi tarafından değiştirildi virtualdjcubase -- 3 Ağustos 2012; 16:39:56 >
  • quote:

    Orijinalden alıntı: virtualdjcubase

    yokmu 1 cm aşağı alma kodu :( 2 cm de olur herhangi bir değerde olabilir en alt olmasında

    onlar bottom ve top değerleriyle yapılıyor ama ne yapmak istediğinizi anlamadım

    < Bu ileti mobil sürüm kullanılarak atıldı >
  • ya hocam bildiğimiz bildiğimiz bir banner. 2cm aşağı almak istiyorum hepsi bu :) 1 cm de olur 3 de olur :) biraz asagı yani
  • quote:

    Orijinalden alıntı: virtualdjcubase

    ya hocam bildiğimiz bildiğimiz bir banner. 2cm aşağı almak istiyorum hepsi bu :) 1 cm de olur 3 de olur :) biraz asagı yani

    yaklaşık 25 px olmalı bannere top: 25px; position: relative; değerlerini atayın.



    < Bu mesaj bu kişi tarafından değiştirildi HATTUSILI -- 3 Ağustos 2012; 22:56:32 >
  • quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    ya hocam bildiğimiz bildiğimiz bir banner. 2cm aşağı almak istiyorum hepsi bu :) 1 cm de olur 3 de olur :) biraz asagı yani

    yaklaşık 25 px olmalı bannere top: 25px; position: relative; değerlerini atayın.

    bu kodun neresine yazıcam :(


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64095158&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>




  • quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    ya hocam bildiğimiz bildiğimiz bir banner. 2cm aşağı almak istiyorum hepsi bu :) 1 cm de olur 3 de olur :) biraz asagı yani

    yaklaşık 25 px olmalı bannere top: 25px; position: relative; değerlerini atayın.

    bu kodun neresine yazıcam :(


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64095498&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>

    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64095498&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right" style="top: 25px; position: relative;"></a>




  • quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    ya hocam bildiğimiz bildiğimiz bir banner. 2cm aşağı almak istiyorum hepsi bu :) 1 cm de olur 3 de olur :) biraz asagı yani

    yaklaşık 25 px olmalı bannere top: 25px; position: relative; değerlerini atayın.

    bu kodun neresine yazıcam :(


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64096442&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>

    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64096442&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right" style="top: 25px; position: relative;"></a>

    oh be hocam saol ya off ya ne zormuş yazmıyorlar inan sıyırcam :)

    hocam tek bişe var bu yukseklik ve enislik kodu varya o deffault oldu bu kodu girince acaba ne yapabilirim ? yani orjinal resmin kendi boyutuna dondu.
    normalde style="top: 25px; position: relative; şunu eklemeden önce bişe yoktu
    neyi yanlıs kulandım bilmiyorum :)

    birde birazcık sola alıcam valla baska siteyim yok bu konuyla ilgili




  • bu yapğtıgım işlemler w3c den geçiyormu diye sormucam eminim geçmiyodur
  • quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    ya hocam bildiğimiz bildiğimiz bir banner. 2cm aşağı almak istiyorum hepsi bu :) 1 cm de olur 3 de olur :) biraz asagı yani

    yaklaşık 25 px olmalı bannere top: 25px; position: relative; değerlerini atayın.

    bu kodun neresine yazıcam :(


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64096657&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>

    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64096657&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right" style="top: 25px; position: relative;"></a>

    oh be hocam saol ya off ya ne zormuş yazmıyorlar inan sıyırcam :)

    hocam tek bişe var bu yukseklik ve enislik kodu varya o deffault oldu bu kodu girince acaba ne yapabilirim ? yani orjinal resmin kendi boyutuna dondu.
    normalde style="top: 25px; position: relative; şunu eklemeden önce bişe yoktu
    neyi yanlıs kulandım bilmiyorum :)

    birde birazcık sola alıcam valla baska siteyim yok bu konuyla ilgili

    Yok siz yanlış bir şey yapmadınız yanlızca süreç yanlış işledi.
    Size daha önce yerleştirin dediğim height width parametlerini silip css ye ekliyeceğiz yani şöley olacak tam kod: style="top: 25px; position: relative; height: buraya uzunluk değeri gelecek;" width: buraya genişlik değeri gelecek;" olarak değiştirin




  • quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    quote:

    Orijinalden alıntı: Lotus Expeditor

    quote:

    Orijinalden alıntı: virtualdjcubase

    ya hocam bildiğimiz bildiğimiz bir banner. 2cm aşağı almak istiyorum hepsi bu :) 1 cm de olur 3 de olur :) biraz asagı yani

    yaklaşık 25 px olmalı bannere top: 25px; position: relative; değerlerini atayın.

    bu kodun neresine yazıcam :(


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64098665&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right"></a>

    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64098665&url=golduye" data-href="golduye"><img src="http://www.siteadi.net/images/banner.png" alt="reklamım" border="0" align="right" style="top: 25px; position: relative;"></a>

    oh be hocam saol ya off ya ne zormuş yazmıyorlar inan sıyırcam :)

    hocam tek bişe var bu yukseklik ve enislik kodu varya o deffault oldu bu kodu girince acaba ne yapabilirim ? yani orjinal resmin kendi boyutuna dondu.
    normalde style="top: 25px; position: relative; şunu eklemeden önce bişe yoktu
    neyi yanlıs kulandım bilmiyorum :)

    birde birazcık sola alıcam valla baska siteyim yok bu konuyla ilgili

    Yok siz yanlış bir şey yapmadınız yanlızca süreç yanlış işledi.
    Size daha önce yerleştirin dediğim height width parametlerini silip css ye ekliyeceğiz yani şöley olacak tam kod: style="top: 25px; position: relative; height: buraya uzunluk değeri gelecek;" width: buraya genişlik değeri gelecek;" olarak değiştirin

    olmuyor hocam yapamıyorum 6 ayda bunla ugrasmak istemiyorum :( bir banner koyamıyorum bu kadar olur


    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=64098665&url=golduye" data-href="golduye"><img src="http://www.site.net/images/banner.png" height="70px" width="292px" style="top: 25px; position: 450px; alt="Sağa Dayalı Resim" border="0" align="right"></a>

    hocam bu siteyi örnek veriyim sağ sütte hakkımızda yazan yer yani oraya bir banner boyutlarıda yukarda

    çıkış ypaınca oynuyor resim.çözünürluk falan buyultunce kafayı yiyor.

    style="top da position a ne versem resim değişmedi hayret 2500 yazdım yine değişmedi hocam




  • 
Sayfa: 12
Sayfaya Git
Git
sonraki
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.