AnasayfaSSSAramaÜye ListesiKayıt OlGiriş yap

Paylaş | 
 

 Kolay Css Tasarım Yapımı

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
MUTSUZ SERSERI
Admin
Admin
avatar

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

MesajKonu: Kolay Css Tasarım Yapımı   Salı 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
Kullanıcı profilini gör http://www.cmpunkn.tr.gg
Bozkurt
Admin
Admin


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

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

Sağol
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MUTSUZ SERSERI
Admin
Admin
avatar

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

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

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


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

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

Css Tasarım Yapmayı Bilyorsan kendine yap
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MUTSUZ SERSERI
Admin
Admin
avatar

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

MesajKonu: Geri: Kolay Css Tasarım Yapımı   Salı 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
Kullanıcı profilini gör http://www.cmpunkn.tr.gg
 
Kolay Css Tasarım Yapımı
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Üst Menülü Css Tasarım Yapımı
» Rap Desing Tasarım
» PS3 Tasarımı
» Siyah Tasarım
» www.Css-Tasarimm.Tr.gg

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