Her aradığın burda
  Css Tasarımı Ayırma
 
CSS TASARIMLARI BEDAVA SİTEM(TR.GG)E UYARLAMA
(BU YAZI KAYNAKKODUM.TR.GG SİTESİNE AİİTTİR)

BİLDİĞİNİZ GİBİ ARTIK ÇOĞU BEDAVASİTEM KULLANICISI CSS KULLANMAKTADIR.ÇOK POPULER OLAN CSS TASARIMLAR BULMAK KOLAY OLMASINA RAĞMEN BU TASARIMLARI BEDAVA SİTEM'E UYARLAMAK BİRAZ KARIŞIKTIR.AMA BİZ BU YAZIMIZLA O KARIŞIKLIĞI ORTADAN KALDIRMAK İSTİYORUZ.SİZDE BEĞENDİĞİNİZ CSS TASARIMI TASARIM ÜSTÜ,ALTI VE CSS KODLARINA AYIRMAK İSTİYORSANIZ GÖRSEL YAZIMIZI DİKKATLİ İNCELEYİNİZ.



1-ÖNCELİKLE ARKADAŞLAR BİR CSS TASARIMI SEÇİYORUZ.CSS TASARIMLARINA GÖZ ATMAK İÇİN BELLİ BAŞLI SİTELER:
Free CSS Templates.Org
Free CSS.Com
Free CSS Templates.Com
Open Designs.Org
Open Web Design.Org
Metamorphozis.Com
Mantisatemplates.Com
Ramblingsoul.Com

BU SİTELERDEN KENDİNİZE UYGUN BİR TASARIM SEÇİN VE DOWNLOAD EDİN.


2-DOWNLOAD ETTİKTEN SONRA İNDİRDİĞİMİZ DOSYA ZİP/RAR UZANTILI OLDUĞU İÇİN İÇİNDEKİ DOSYALARI ÇIKARTALIM:



3-ÇIKARTTIĞIMIZ DOSYALARDAN İMAGES KLASÖRÜ İÇERİSİNDEKİ RESİMLERİ UPLOAD EDELİM.UPLOAD ETMEK İÇİN BEDAVA SİTEM RESİMLERİMİ YÖNET KATEGORİSİNDEN DE YAPILABİLİR YADA HIZLIUPLOAD SİTESİNDEN YARARLANABİLİRSİNİZ:


 


4-RESİMLERİ UPLOAD ETTİKTEN SONRA KLASÖR İÇERİSİNDE DEFAULT(İSMİ STYLE VEYA CSS DİYEDE GEÇEBİLİR) TEXT DOSYASINI AÇALIM.AÇTIKTAN SONRA RESİM LİNKLERİNİ BİZİM UPLOAD ETTİĞİMİZ RESİM LİNKLERİYLE DEĞİŞTİRELİM.BURASI TASARIMIMIZ AÇISINDAN OLDUKÇA ÖNEMLİDİR.
ÖRNEK:url(images/img1.jpg) yerine url(http://hizliupload.com/örnek.jpg) şeklinde değiştirelim:




5-RESİM LİNKLERİNİ DEĞİŞTİRİP DEFAULT DOSYASINI KAYDETTİKTEN SONRA KLASÖR İÇERİSİNDEKİ DİĞER BİR DOSYA OLAN İNDEX DOSYASINI AÇALIM.AÇTIĞIMIZ DOSYA BİR HTML WEB SAYFASI OLUP HEMEN SAYFA KAYNAĞINI GÖRÜNTÜLEDEN KAYNAK KODUNU KOPYALAYALIM VE YENİ BİR METİN BELGESİ AÇIP İÇİNE YAPIŞTIRALIM:




 
 
6-BURASI OLDUKÇA ÖNEMLİ.ŞİMDİ ÇOĞU KİŞİNİN ZORLANDIĞI TASARIM AYIRMA KISMINA GELDİK.KAYNAK KODUNU YENİ BİR METİN BELGESİNE KOPYALAMIŞTIK.ŞİMDİ O KODLAR ÜZERİNDE İLK OLARAK :

a)KODLARIN EN BAŞINDAN <body> DE DAHİL OLMAK ŞARTIYLA SİLELİM:



b)İKİNCİ OLARAK </body> DAHİL OLMAK ÜZERE ONDAN SONRASINI SİLELİM:


7-ŞİMDİ SİLME İŞLEMİNE DEVAM EDECEĞİZ BU SEFERDE İÇERİK KISMINI SİLECEYİZ.ÇÜNKÜ SİLMEZSEK BİZİM İÇERİKLERİMİZ SİTEMİZDE BU TASARIMDA GÖRÜNMEYECEKTİR.BU YÜZDEN İÇERİK(CONTENT) KISMINI SİLELİM:



İÇERİK KISMINI SİLMEK İÇİN <div id="content"> DEN SONRASI </div> DEN ÖNCESİNE KADAR SİLELİM(ÖNEMLİ)



8-<div id="content"> DAHİL OLMAK ÜZERE BU KODU TASARIM ÜSTÜNE YAPIŞTIRALIM:


9-</div> DAHİL OLMAK ÜZERE ONDAN SONRAKİ KODLARI TASARIM ALTINA YAPIŞTIRALIM:


10-
KODLARI TASARIM ÜSTÜ VE TASARIM ALTI DİYE AYIRDIKTAN SONRA CSS KODUNA GELDİ SIRA.CSS KODU İÇİN:

a)ÖNCELİKLE AŞAĞIDAKİ KODU YAPIŞTIRIN:
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;} 


BU KOD MENÜ GİZLEME KODUDUR
.
b)YUKARDAKİ KODU YAPIŞTIRDIKTAN SONRA ONUN ALTINA DEFAULT(STYLE/CSS) KODUNU KOYALIM.



VE KAYDEDELİM.


EVET TASARIMIMIZI TASARIM ÜSTÜ,TASARIM ALTI VE CSS OLARAK 3 KODA AYIRDIK.
kaynak(kaynakkodum.tr.gg)





Bu sayfa hakkında yorum ekle:
İsminiz:
Mesajın:

 
  Bugün 17 ziyaretçi (84 klik) Kişi girivermiş.. ssss  
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=