css oval köşeli kutu yapımı

HTML & CSS ile ilgili sorularınızı lütfen dreamweaver yerine buraya yazınız

css oval köşeli kutu yapımı

Mesajgönderen memoras » Sal Kas 03, 2009 18:38

css kullanarak oval köşeli ve üst tarafında farklı renkte başlık kısımlarının olduğu kutucukları nasıl yapabilirim..örneğin digm.meb.gov.tr adresinde ortada haberler,duyuruların olduğu kutular ..
memoras
 
Mesajlar: 19
Kayıt: Pzt May 08, 2006 0:35

Mesajgönderen splat1985 » Cum Kas 06, 2009 11:17

Köşelere resim koymalısın arkadaşım, CSS kodu ile bildiğim kadarıyla oval köşe verilmiyor. Dikkat edersen orada da sabit uzunlukta 2 tarafı oval köşeli bir resim kullanılmış. Ayrıca alta da bir tane kullanılmış ve oval kutu gibi durmuş. 4 köşe için oval köşe resimleri yada üst ve alt için boydan boya geniş ve 2 köşesi oval resim hazırlarsan ve tablona uygularsan olacaktır. Oval resim hazırlamak için kolay bir yöntem söyliyim sana google'ıda kullanabilirsin. Aşağıdaki örnek sana yardımcı olacaktır.

Kolay gelsin
Eklentiler
OvalKose.rar
(666 Byte) 68 kere indirildi
Kullanıcı avatarı
splat1985
 
Mesajlar: 360
Kayıt: Cum May 12, 2006 11:59
Konum: Türkiye

Mesajgönderen memoras » Cmt Kas 07, 2009 0:48

teşekkür ederim.. bişey daha sorucam konuyla alakasız ama, web sayfasında kişi listesi olucak fotograflarına tıklayınca bilgilerinin olduğu sayfa açılıcak ama nasıl açılıcak mesela bilyoner.com da maçların sağ tarafında yorumcuların görüşlerine tıklandığında açılan sayfalar gibi yardımcı olursanız sevinirim..
memoras
 
Mesajlar: 19
Kayıt: Pzt May 08, 2006 0:35

Re: css oval köşeli kutu yapımı

Mesajgönderen splat1985 » Cmt Oca 09, 2010 18:38

Onu javascript komutlarıyla yapıyorlar arkadaşım.. Mesela ona benzeyen hazır bir kod vardı şimdi adını hatırlayamadım. Çoğu sitede kullanılıyor ama hiç kullanmadığım için kolay kullanım derecesini bilmiyorum. ama en basitinden ayrı bir pencerede sayfa açmak istiyorsan (animasyonsuz !) şu kodu yazmalısın

<script>
function popupAc(sayfa) {
window.open(sayfa,"_blank","width=genislik_degeri,height=yukseklik_degeri,left=soldan_pay_degeri,top=yukardan_pay_degeri,scrollbars=1");
}
</script>


<a href="javascript:popupAc('acilacak_sayfa.asp')" > Yorumlar için tıklayınız </a>

gibi..

Kolay gelsin..
Kullanıcı avatarı
splat1985
 
Mesajlar: 360
Kayıt: Cum May 12, 2006 11:59
Konum: Türkiye


Dön HTML & CSS

Kimler çevrimiçi

Bu forumu gezen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 0 misafir

cron