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.
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)
