SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI
yazi6
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 IMAGESHACK 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://imageshack/.../ö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:
(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 IMAGESHACK 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://imageshack/.../ö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:
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.
CSS TASARIMLARINDA ÖZEL KODLAR
1)BEDAVA SİTEM REKLAMLARINI ORTALAMA KODU
2)YORUM,ZİYARETÇİ DEFTERİNDE
YORUM YAZMA KISMINA RESİM KOYMA
DİĞER ÖZEL KODLAR İÇİN TIKLAYINIZ
İÇ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.
CSS TASARIMLARINDA ÖZEL KODLAR
1)BEDAVA SİTEM REKLAMLARINI ORTALAMA KODU
2)YORUM,ZİYARETÇİ DEFTERİNDE
YORUM YAZMA KISMINA RESİM KOYMA
DİĞER ÖZEL KODLAR İÇİN TIKLAYINIZ
Bugün 2 ziyaretçi (130 klik) kişi burdaydı!