Ozicabdesign [Forum] | Bilgi Paylaşım & Eğlence Platformu
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
AnasayfaLatest imagesAramaKayıt OlGiriş yap

 

 Kolay Css Tasarım Yapımı

Aşağa gitmek 
2 posters
YazarMesaj
MUTSUZ SERSERI
Admin
Admin
MUTSUZ SERSERI


Mesaj Sayısı Mesaj Sayısı : 56
Yaş Yaş : 28
Nerden Nerden : İstanbul

Kolay Css Tasarım Yapımı Empty
MesajKonu: Kolay Css Tasarım Yapımı   Kolay Css Tasarım Yapımı EmptySalı Tem. 05, 2011 9:56 am



Basit bir CSS tasarımın nasıl yapıldığını hep beraber göreceğiz.Makaleyi Maddeler halinde açıklayacağım.

1. İlk Önce Taslağımızı oluştularım.









2. Oluşturduğumuz taslağın içeriğini düzenleyelim.


KodArsivi.Net




İçeriğin Başlığı


Burası içeriğinizi yazacağınız yer




Linkler





Burasıda Sitemizin alt kısmı





3.Şimdi sitemizi yavaş yavaş şekillendirmeye başlıyoruz.


body,html { margin:0; padding:0; background:#a7a09a; color:#000; }
body { min-width:750px; }
#anakatman { background:#99c; margin:0 auto; width:750px; }



#ust { background:#ddd; }
#menu { background:#c99; }
#icerik { float:left; width:500px; background:#9c9; }
#solkisim { float:right; width:250px; background:#c9c; }
#alt { clear:both; background:#cc9; }
#menu ul{ margin:0; padding:0; list-style:none; }
#menu li{ display:inline; margin:0; padding:0; }



#ust h1 { padding:5px; margin:0; }
#menu { background:#c99; padding:5px; }
#icerik h2, #icerik h3, #icerik p { padding:0 10px; }
#solkisim ul { margin-bottom:0; }
#solkisim h3, #solkisim p { padding:0 10px; }
#alt p { padding:5px; margin:0; }







Şimdi kısa bir derleme yapalım ilk verdiğim HTML kodları ikinci verdiğim CSS kodları



HTML Kodları



Untitled Page





KodArsivi.Net




İçeriğin Başlığı


Burası içeriğinizi yazacağınız yer




Linkler





Burasıda Sitemizin alt kısmı









CSS Kodları

body,html { margin:0; padding:0; background:#a7a09a; color:#000; }
body { min-width:750px; }
#anakatman { background:#99c; margin:0 auto; width:750px; }

#ust { background:#ddd; }
#menu { background:#c99; }
#icerik { float:left; width:500px; background:#9c9; }
#solkisim { float:right; width:250px; background:#c9c; }
#alt { clear:both; background:#cc9; }
#menu ul{ margin:0; padding:0; list-style:none; }
#menu li{ display:inline; margin:0; padding:0; }

#ust h1 { padding:5px; margin:0; }
#menu { background:#c99; padding:5px; }
#icerik h2, #icerik h3, #icerik p { padding:0 10px; }
#solkisim ul { margin-bottom:0; }
#solkisim h3, #solkisim p { padding:0 10px; }
#alt p { padding:5px; margin:0; }

Hepsi bukadar

Kolay Gelsin...
Sayfa başına dön Aşağa gitmek
http://www.cmpunkn.tr.gg
Bozkurt
Admin
Admin
avatar


Mesaj Sayısı Mesaj Sayısı : 5
Nerden Nerden : Kocaeli

Kolay Css Tasarım Yapımı Empty
MesajKonu: Geri: Kolay Css Tasarım Yapımı   Kolay Css Tasarım Yapımı EmptySalı Tem. 05, 2011 12:53 pm

Sağol
Sayfa başına dön Aşağa gitmek
MUTSUZ SERSERI
Admin
Admin
MUTSUZ SERSERI


Mesaj Sayısı Mesaj Sayısı : 56
Yaş Yaş : 28
Nerden Nerden : İstanbul

Kolay Css Tasarım Yapımı Empty
MesajKonu: Geri: Kolay Css Tasarım Yapımı   Kolay Css Tasarım Yapımı EmptySalı Tem. 05, 2011 1:06 pm

Önemli Değil (:
Sayfa başına dön Aşağa gitmek
http://www.cmpunkn.tr.gg
Bozkurt
Admin
Admin
avatar


Mesaj Sayısı Mesaj Sayısı : 5
Nerden Nerden : Kocaeli

Kolay Css Tasarım Yapımı Empty
MesajKonu: Geri: Kolay Css Tasarım Yapımı   Kolay Css Tasarım Yapımı EmptyPaz Tem. 10, 2011 10:42 am

Css Tasarım Yapmayı Bilyorsan kendine yap
Sayfa başına dön Aşağa gitmek
MUTSUZ SERSERI
Admin
Admin
MUTSUZ SERSERI


Mesaj Sayısı Mesaj Sayısı : 56
Yaş Yaş : 28
Nerden Nerden : İstanbul

Kolay Css Tasarım Yapımı Empty
MesajKonu: Geri: Kolay Css Tasarım Yapımı   Kolay Css Tasarım Yapımı EmptySalı Tem. 12, 2011 12:38 pm

Hayır Bilmiyorum Bu Konuyu Benim sitemde yardımcı yayınlamıştı bnde izin aldım burda yayınladım zaten yapmyıbilsem en kralını yaparım aslında cizmeyi biliyorum hatta bitane cizdim ama kodlamayı bilmiyorum (:
Sayfa başına dön Aşağa gitmek
http://www.cmpunkn.tr.gg
 
Kolay Css Tasarım Yapımı
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Css Tasarım 4
» Css Tasarım 1
» Css Tasarım 2
» Tasarım Programları
» Css Tasarım Paylaşımcılarına Uyarı!

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Ozicabdesign [Forum] | Bilgi Paylaşım & Eğlence Platformu :: Genel :: İstekleriniz-
Buraya geçin: