Arama butonu
Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı
35
Cevap
2254
Tıklama
0
Öne Çıkarma
css ile solda bir banner nasıl eklerim
V
13 yıl
Yarbay
Konu Sahibi

banner mevcut

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

tam tutmasada ben gerisini halederim bi kod ublamadım ?



V
13 yıl
Yarbay
Konu Sahibi

R
13 yıl
Binbaşı

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.


Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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 ?


Bu mesaja 1 cevap geldi.
R
13 yıl
Binbaşı

siteniz yayındaysa,link atabilir misiniz?


Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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.


Bu mesaja 1 cevap geldi.
U
13 yıl
Yüzbaşı

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...


Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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.


Bu mesaja 1 cevap geldi.
H
13 yıl
Binbaşı

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.


Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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 >
Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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 >
Bu mesaja 1 cevap geldi.
H
13 yıl
Binbaşı

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ı >
Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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


Bu mesaja 1 cevap geldi.
H
13 yıl
Binbaşı

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 >
Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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>


Bu mesaja 1 cevap geldi.
H
13 yıl
Binbaşı

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>


Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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 mesaja 2 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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



H
13 yıl
Binbaşı

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


Bu mesaja 1 cevap geldi.
V
13 yıl
Yarbay
Konu Sahibi

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


Bu mesaja 1 cevap geldi.