LifeCity - Webmaster Yardım Forumu

Webmaster Aleminin Buluşma Noktası
 
AnasayfaTakvimGaleriSSSAramaÜye ListesiKullanıcı GruplarıKayıt OlGiriş yap

Paylaş | 
 

 Free Css Tasarımları Uygulama

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
Admin
OR General
OR General


Mesaj Sayısı : 19
Kayıt tarihi : 10/04/09

MesajKonu: Free Css Tasarımları Uygulama   Ptsi Haz. 22, 2009 9:06 pm

DİKKAT RESİMLİ ANLATIMLAR KONUYU DÜZGÜNCE ANLATAMADIKLARI İÇİN KENDİM ANLATMAK İSTEDİM LÜTFEN DİKKATLİCE OKUYUN !!!

Ö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İ


TASARIMIN ÜSTÜNE

----------------------------------------

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


TASARIMIMIZI BU SİTEDEN İNDİRDİYSEK DE BU YOLLA AYIRIYORUZ FreeCssTemplates.org

Tasarım üstüne:
....

....

....


Tasarım altına:

....

....

....


YAPIŞTIRILACAK.

BURADAN SONRASI ARTIK SİZE KALMIŞ MENÜ LİNKLERİNİZİ AYARLAYIP SİTENİZİ HAZIRLAYINIZ.
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://lifecity.turkforumpro.com
 
Free Css Tasarımları Uygulama
Ö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
» Siyah Sade Tasarım

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
LifeCity - Webmaster Yardım Forumu :: WEBMASTER :: CSS-
Buraya geçin: