Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
AnasayfaAramaLatest imagesKayıt OlGiriş yapZIYARETCI DEFTERINE GIRMEK ICIN TIKLAYINDERINSU FM GIRMEK ICIN TIKLAYIN



En son konular
» KEY TEXT PROGRAMI INDIR
arkaplan html kodlari bilgilendirme EmptySalı Ara. 24, 2019 1:53 pm tarafından OLCAYBEY

» SWFtext Flash Animasyon Banner Hazırlamak
arkaplan html kodlari bilgilendirme EmptyC.tesi Tem. 23, 2011 2:05 am tarafından turutcan

» AUTOCHATTER FLOT ATMA PROGRAMI INDIR
arkaplan html kodlari bilgilendirme EmptyC.tesi Tem. 23, 2011 1:40 am tarafından turutcan

»  RADYO FLOOTLARI Harika şekiller olcaybey
arkaplan html kodlari bilgilendirme EmptyPerş. Tem. 07, 2011 8:14 am tarafından OLCAYBEY

» FLATCAST RADYO ISTEGI ICIN TIKLAYIN
arkaplan html kodlari bilgilendirme EmptyPtsi Haz. 27, 2011 6:45 am tarafından melisa_41

» FLATCAST RADYOSU EKLE
arkaplan html kodlari bilgilendirme EmptySalı Haz. 14, 2011 7:17 pm tarafından funda

» radyo ekle
arkaplan html kodlari bilgilendirme EmptyPaz Haz. 12, 2011 4:21 am tarafından funda

» THOMSON TG585 V7 MODEMLERDE PORT ACMA RESIMLI ANLATIMI
arkaplan html kodlari bilgilendirme EmptyPerş. Nis. 21, 2011 10:54 pm tarafından elagozlum

» FLATCAST RADYOYU SILME RESIMLI ANLATIM
arkaplan html kodlari bilgilendirme EmptyCuma Nis. 15, 2011 1:15 am tarafından hayall83

» FLASH RADYO SAYFASI YAP
arkaplan html kodlari bilgilendirme EmptyPtsi Mart 07, 2011 9:51 am tarafından murat_mehmett

RADYO DINLE
TIKLA SID EKLE

arkaplan html kodlari bilgilendirme Derinsufm

RadyoDerinsu

Tutku Fm

Kirmizi Karanfil

CorumunSesi

Basyaylam Fm

Kircicegi Fm

Radyocandostlar Fm

Hayal83 Fm

GeceninGizemi

Askbahcesi Fm

Hasretimsin Fm

Hasretcicegim Fm

Gulbakislim Fm

Hazal Fm

Sevgi Fm



Dabidabix Fm

Etc Fm

Kuzey Fm 57

Shashkin Fm

Yesilmucur Fm

Tekheceask Fm

Yasinberdikli Fm

Efsane Amca

Radyo Karizma

Ozlemin Fm

Hicranyarasi Fm

UmudaTurku

Dj YagmurGibi

IslamSesi Fm

Sevdaminadihasret

Berkay Fm

Roman Kizi

RadyoKeyf

SlowTurk Fm

Gulumunsesi fm

AvsarGencligi

Ankara fm

Hakyolu Fm

Radyoomrum Fm

Fay Fm

Yakamoz Fm

RadyoCeren Serhan

Aydinlar Fm

Radyo Alev

Karakizim Fm

Radyo Bahane

SevgiDostluk Fm

Papatya Fm

Berkay Fm

Yakamoz07 Fm

Sevginehiri Fm

Arimbalim Fm

Kubat Fm

RadyoIskesur

Aydin Fm

Denizli Horozu Fm

Eylul Bakislim

Surmelim Fm

Cilekes Fm

RadyoUrfa Fm

Yuregimdesin Fm

Sevdacicegi Fm

1907-FB-1907

Aksayayinsesi Fm

Radyomuzbuse Fm

Guldiyari43

Rabis Fm

RadyoAsk 34

Yayla Fm

Guldeste 2010

Radyo Gultanesii

Yorgun50Fm

Isparta32 Fm

Fm Vurgunum

Lalegul Fm

Duru Fm

Iskesur Fm

Aga Fm

Alem Fm

Ege Fm

Kristalkelebekk Fm

Guneykent Fm

Radyopasa

Yureklerinsesi Fm

Ozbag Fm

Tutkunn 52

Mert Web

1993~UTL~2011

Bizimezgiler Fm

Gurbetkuslari Fm

Esinti Fm

Ladikakdag Fm

Radyo Semaver

Urvay Fm

Yakadere Fm

Vurgunumm Fm

Ozlemimsin Fm

Kartanesiyiz Fm

Delikanliyiz Fmm

Yemisli Fm

Guzeller Fm

Galyaninsesi

RadyoEsen

R@dyo Ufuk

Aleyna Fmm52

Imerhev Fm

Turkiye
Sevdalilari


Asksana Benzer

Gonuldostlarim

Asisevdam Fm

Hilton Fm

Karanfil Fm

Mehlika 06

Manolyam35

VatanimFm 46


 

 arkaplan html kodlari bilgilendirme

Aşağa gitmek 
YazarMesaj
Admin
administrators
administrators
Admin


Uyari
. : arkaplan html kodlari bilgilendirme Yildizme3arkaplan html kodlari bilgilendirme Yildizme3YONETICIarkaplan html kodlari bilgilendirme Yildizme3arkaplan html kodlari bilgilendirme Yildizme3
Kayıt tarihi : 08/07/09
Mesaj Sayısı : 1839
Mesaj poani : 3636
MENU : ALIMCE FORUMUNA
HIZLI GIRISLER
TEMALAR
INDEKSLER
RESIMLER
SORUNLAR
PROGRAMLAR
HTML KODLAR
MODEMLER
FLATCAST YARDIM
RADYO EKLE

Ozel Bilgilerim
. .: hayat takimi
.. ..: @lim___fm
Altin Altin: Hosgeldiniz

arkaplan html kodlari bilgilendirme Empty
MesajKonu: arkaplan html kodlari bilgilendirme   arkaplan html kodlari bilgilendirme EmptyÇarş. Ara. 02, 2009 10:01 am

örnek: body { background:#000}

yukarıdaki örneği background-color ile de yapabilirsiniz fakat genel bir komut ile daha fazla parametreyi (renk, resim, hizalanma, tekrar) değiştirme imkanı varken her biri için ayrı ayrı yazarak kalabalık yapmanın bir manası yoktur. zaten css'nin bir amacı da kod kalabalığından kurtulmak olduğuna göre, bir background özelliğinin bir çok parametresini çağırabileceğiniz "background" kodu ile yapabildiklerimizi yapmamız daha faydalı olacaktır.

yukarıda da göreceğiniz gibi web tasarımlarımızdaki öğelerin arka rengini değiştirmek için background özelliğinin ardında "#" işareti koyarak renk kodumuzu yazmamız yeterli olacaktır. (kolaylık için yanyana aynı karakter olan renk kodları da kısaltılabilir -333 f00 fff)

Arkaya resim çağırmak için ise url(resmin.jpg) yazmamız gerekir.

Şöyle: body {background:url(resim.jpg)}

Arka plana çağırılan resimler tekrar ederek döşenirler. bu tekrar işlemine de müdahale edebilirsiniz. bunun üç yolu vardır. Yatay tekrarlatmak, dikey tekrarlatmak ve tekrarlatmadan bir kere görüntülenmesini sağlamak.

Yatay tekrar için: body {background:url(resim.jpg) repeat-x}
Dikey tekrar için: body {background:url(resim.jpg) repeat-y}
Tekrar etmemesi için: body {background:url(resim.jpg) no-repeat}
Arka planımızın hizalamasını da yapabiliriz. aşağı dayalı ve yatay tekrar eden çimler gibi. sayfanın altında çimler olmasını sağlar. sol dayalı veya sağa dayalı. hatta web tasarım ını ortalı kullananlar arkadaki resimlerini de ortalı çağırabilirler. Tekrarlamanız nasıl olursa olsun, biraz ingilizce ile hizalamayı belirtmek yetiyor.

Örnek: body {background:url(resim.jpg) repeat-x bottom}
Örnek: body {background:url(resim.jpg) repeat-x left}
Örnek: body {background:url(resim.jpg) repeat-x center}
Örnek: body {background:url(resim.jpg) repeat-x right}
Örnek: body {background:url(resim.jpg) repeat-x top}

Yukarıda açık renk ve aşağıya doğru hafifçe koyulaşan arka planlar vardır. bunların yapımında yukarıdaki bilgiler yeterlidir. açıktan koyuya geçiş yapan bir resim hazırlarsınız. bunu "repeat-x" ile yatay olarak tekrarlatırsınız ve "top" ile yukarı dayarsınız. resmin en altındaki rengi ise sayfaya background rengi olarak verirsiniz. Böylece sayfaya aynı anda hem resim, hem renk arka plan vereceğinizi de anlamışsınızdır. resmin tekrar ederek sayfayı kaplamadığı, kısıtlı tekrar hallerinde, resmin dışında kalan alanlar arka plan renginiz ile doldurulur. Beyazdan siyaha geçiş olan bir resim düşünürsek...

Örnek: body {background:url(resim.jpg) repeat-x top #000}

bunların haricinde fixed kodu ile de arka plandaki resimlerinizi sabitleyebilirsiniz. yani web tasarımlarınızdaki yazılar scroll ile aşağı yukarı kayarken backgroundunuz sabit kalacaktır.

Örnek: body {background:url(resim.jpg) repeat-x top #000 fixed}

Gördüğünüz gibi arka plana ait birçok özellik sadece "background" komutu ile yönetilebiliyor. Şimdi sırada background ile yönetilemeyen bir arka plan özelliği olan yerini belirleme var, Web tasarım kodlarının çok bilinmeyenlerinden olan background-position... background-position arka plan resimlerinizi sağa sola, yukarı aşağı kaydırmanızı sağlar. Sayfaya döşenenlerde, hemen resmin solundan değil de, resminizin biraz daha ortalarından başlayarak tekrarlamasını sağlamak, veya düğmelerde üzerine gelindiğinde arka planın hareket etmesini sağlamak gibi birçok amaçla kullanılabilir. Sözü uzatmadan bir örnek vereyim.

Örnek: body {background:url(resim.jpg) repeat-x top #000 fixed; background-position:100px 0px}

Yukarıdaki kodda da görebileceğiniz gibi "background-position" iki değer alır. Bunlardan birincisi yatay olarak soldan ne kadar kaydırılacağı, ikincisi ise dikey olarak yukarıdan ne kadar kaydırılacağıdır. Yukarıdaki örnekte sadece soldan 100px kaydırıyoruz.

Background özellikleri olarak benim anlatacaklarım bunlar ama backgroundları hakkıyla kullanmak için bunların yanında web tasarımınızda kullandığınız kodların özelliklerini de bilmeniz gerekir. Mesela bir linki düğme gibi yapmak için bunlardan fazlasına ihtiyacınız var. "a" tagının link verdiği yazıya background verirsiniz ama yazının dışına taşmayacağı için çirkin görünür. kenarlara biraz boşluk vermek için padding:5px gibi bir kod ile bu boşluğu yaratmanız gerekir. ama "a" tagı yukarı ve aşağıya doğru padding ile itemez. padding ile itebilmesi için bir blok olması gerekir. blok yapmak için de display:block ile "a" tagınızı blog haline getirmelisiniz. Yeni başlayanların Kafası karışmasın. Bunları da anlatırım ama ilerde. Şimdilik konumuz sadece background. Son bir örnek ve hepinize selamlar...
Sayfa başına dön Aşağa gitmek
http://www.alimce.com
 
arkaplan html kodlari bilgilendirme
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
 :: »-(¯`:@LIMCE KODLAR DUNYASI:´¯)-» :: (¯`'·¸☆.·'´¯)»-(¯`:BILGILENDIRME:´¯)-»(¯`'·¸☆.·'´¯)-
Buraya geçin: