Free CSS Temaları Sitene Uyarlama
ÖNCELİKLE TASARIMIMIZI SEÇİYORUZ BURADAN :
Free-Css.com
VEYA BURADAN
FreeCssTemplates.org
SONRA TASARIMIMIZI İNDİRİP MASA ÜSTÜNE ÇIKARTIYORUZ VE SIRAYLA ŞU ADIMLARI UYGULUYORUZ
1-) TASARIMIMIZIN DOSYASININ İÇİNDEKİ İMAGES DOSYASINI AÇIP ORDAKİ RESİMLERİN HEPSİNİ SIRAYLA UPLOAD EDİYORUZ VE UPLOAD ETTİĞİMİZ LİNKLERİN HEPSİNİ BİR WORD DOSYASI AÇIP İÇİNE TEK TEK KAYIT EDİYORUZ
UPLOAD ETMEK İÇİN BURAYA : İmagesHack.us
NOT : UPLOAD ETTİĞİMİZ YERDE KARŞINIZA BİR SÜRÜ LİNK ÇIKICAK ORADA SİZİN ALACAĞINIZ LİNK ŞU YAZININ KARŞISINDAKİ OLACAK ( Direct link to image )
2-) İNDİRDİĞİNİZ DOSYANIN İÇİNDEKİ STYLE DOSYASININ İÇİNİ AÇICAKSINIZ O DOSYADA ŞUNA BENZER KODLAR OLACAK
#right_corner {float:right;height:84px;width:344px;background:url(right_corner.png) no-repeat;}#header_nav {width:100%;height:43px;margin:0 auto;background:url(menu.jpg) repeat-x;
3-) BU KODDA KIRMIZI İLE İŞARETLEDİĞİM YERLER GİBİ RESİM UZANTILI KODLARI BULUP ÖNCEDEN UPLOAD ETTİĞİNİZ LİNKLERİ RESİM İSMİNE GÖRE KIRMIZI YERLERİ SİLİP YAPIŞTIRACAKSINIZ
ÖRNEK : http://img240.imageshack.us/img240/6672/18471011.png
BU BENİM UPLOAD ETTİĞİM RESİMLERDEN right_corner İN LİNKİ BU LİNKİ KODDA KIRMIZI İLE İŞARETLEDİĞİM YERDE right_corner.png GÖRDÜĞÜNÜZ YERE YAPIŞTIRACAKSINIZ . NOT : ÖNCE ORADAKİ right_corner.png YAZISINI SİLECEKSİNİZ SONRA LİNKİ YAPIŞTIRACAKSINIZ.
KODUMUZ SONRA BÖYLE OLACAK :
#right_corner {float:right;height:84px;width:344px;background:url(http://img240.imageshack.us/img240/6672/18471011.png) no-repeat;}#header_nav {width:100%;height:43px;margin:0 auto;background:url(menu.jpg) repeat-x;
4-) HEPSİNİ BÖYLE YAPTIKDAN SONRA STYLE DOSYASININ İÇİNDEKİ KODUMUZUN EN BAŞINA ŞU KODU EKLEYİP KAYIT EDİYORUZ :
h1#title{display: none;}h2#title span {display: none;}div.header{display: none;}li.nav_element{list-style-type: none;}li.nav_element{display: none;}
VE EN SON OLARAK BU KODU TASARIM AYARLARINDAN CSS KODU BÖLÜMÜNE YAPIŞTIRIYORUZ
---------------------------------------------------------------------------------------------------------------------------------------
SIRA GELDİ TASARIM ÜZERİ , ALTI OLARAK AYIRMAYA
EĞER TASARIMI BU SİTEDEN İNDİRDİYSEK BU YOLLA AYIRIYORUZ Free-Css.com
İNDİRDİĞİMİZ DOSYAYI AÇIP ONUN İÇİNDEKİ İNDEX DOSYASINI SAĞ TIKLIYORUZ BİRLİKTE AÇ DAN BİR WORD DOSYASI İLE AÇIYORUZ VE KARŞIMIZA KODLAR ÇIKICAK BU KODLARDA
EN BAŞTAN BURAYA KADAR OLAN YERİ
<div class="left-box">
TASARIMIN ÜSTÜNE
----------------------------------------
<div class="left-box"> BURADAN DA EN ALTA KADAR OLAN YERİ TASARIMIN ALTINA YAPIŞTIRIYORUZ
NOT : ''left-box'' YAZAN YERDE BAŞKA YAZILARDA OLABİLİR SİZİN BAKACAĞINIZ <div class
TASARIMIMIZI BU SİTEDEN İNDİRDİYSEK DE BU YOLLA AYIRIYORUZ FreeCssTemplates.org
Tasarım üstüne:
....
....
....
....
... <div id="page">
Tasarım altına:
</div>
....
....
....
YAPIŞTIRILACAK.
kaynak: you-area.tr.gg