Ok LifeCity - LifeList ORTAK AÇIKLAMA- Yeni-Eski takipçilerimize

Ok KORG Pa3X Çıktı !
Kiralık Ses Sistemleri ( Piyanist Serdar Özcan )
Buradasınız : freecssuygulama

Online Destek

Bizi Destekleyin

Desteklediklerimiz

LifeCity - Tr.Gg | Css Tasarımlar | Html Kodlar | Webmaster Yardim | Tr.Gg

freecssuygulama

Bu sayfa en son 24.11.2009 tarihinde güncellenmiştir !

 < Web Dersleri'ne Geri Don <

Öncelikle tasarımımızı seçiyoruz

Free-Css.com


veya buradan

FreeCssTemplates.org

Sonra tasarımımızı indirip masa üstüne çıkartıyoruz ve sırasıyla şu adımları izliyoruz

1-)Tasarımımızın içindeki images dosyasını bulup içindeki upload ediyoruz.Sonra upload ettiğimiz resimlerin linklerini bir word dosyası açıp içine kayıt ediyoruz.

Upload etmek için isterseniz sitenizin kendi hostunu kullanın isterseniz burayı 
İmagesHack.us

Not: Uploadı kendi sitenize yaptıysanız,Resimlerin'e geçip oradan upload ettiğiniz resimlerin url lerini ,resmin üzerine sağ tıklayıp özellikler diyerek alıyorsunuz,eğer İmageshack tan yaptıysanız( Direct link to image ) bu yazının karşısındaki url yi alıyorsunuz.

2-) İndirdiğiniz tasarımdan style dosyasını bulup,sağ tıkladıktan sonra birlikte aç tan bir word belgesi ile açıyoruz.Karşımıza şuna benzer kodlar çıkacak

#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 kodlarda kalınlaştırdığım yerdeki gibi resim uzantılı yerleri bulup,resim adlarına göre,önceden upload ettiğiniz resimleri kalın yerleri silip yapıştıracağız.

Örnek: 
http://img240.imageshack.us/img240/6672/18471011.png

Bu benim upload ettiğim resimlerden right_corner.png nin url si.Bu linki yukarıda kalınlaştırdığım yerlere resim ismine göre yapıştıracağız.

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-) Tüm resimleri örnekteki gibi yerlerine yerleştirdikten sonra,style dosyasının içindeki bu kodun başına aşşağıdaki kodu da ekleyip css kodu kısmına yapıştırıyoruz ve kayıt ediyoruz.

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;}

Buradan sonra css yani style ile işimiz kalmadı.
-------------------------------------------

Sıra geldi tasarım üzeri ve altı olarak yarımaya

Eğer tasarımı bu siteden indirdiysek bu yolla ayırıyoruz ( Free-Css.com )
 
İndirdiğimiz dosyanın içindeki index dosyasını sağ tıklayıp birlikte aç dedikten sonra,yine bir word dosyası ile , dosyamızı açıyoruz ve karşımıza birsürü kod çıkıyor.

Kodların en başından buraya kadar olan yeri

<div class="left-box"> 

Tasarım üzeri bölümüne yapıştırıyoruz
----------------------------------------
<div class="left-box"> 

Buradan en alta kadar olan yeride Tasarım üzeri bölümüne yapıştırıyoruz

NOT''left-box'' Yazan yerde başka yazılarda olabilir sizin bakacağınız yer <div class dır.

Tasarımı bu siteden indirdiyseniz ( FreeCssTempaltes.org )

Tasarım Üstüne

....
....
....
....
... <div id="page">


Tasarım altına

</div>
.....
.....
.....



Yapıştırılacak buradan sonrası size kalmış,Menü linklerinizi ayarlayıp,sitenize ekleyin.

 





Bu sayfa hakkındaki son yorum:
Yorumu gönderen::01.10.2010, 15:24 (UTC)
mustafabedir
mustafabedir
Kapalı

tşk
diğer siteme buradan yararlandım tşk

Yorumu gönderen::03.09.2010, 18:01 (UTC)
tasarimfriend
tasarimfriend
Kapalı

www.freetemplatesonline.com tasarım üzeri ve altı olarak Nasıl Ayrılıyor?

Yorumu gönderen::31.01.2010, 09:47 (UTC)
lifecity
lifecity
Kapalı

İnternetde Videolu ve Resimli Anlatımları Mevcut Oralardan Öğrenebilirsiniz.

Yorumu gönderen::28.01.2010, 12:12 (UTC)
ahatandicanproje
ahatandicanproje
Kapalı

pekiya photoshopta yaptığımız tasarımları nasıl tr.gg ye uyarlarız????

Yorumu gönderen::10.12.2009, 00:08 (UTC)
kodcufriend
kodcufriend
Kapalı

güzell

Yorumu gönderen: Ahatandicanproje( alisan_1996hotmail.com ), 16.10.2009, 13:27 (UTC):
Ya kardeş benimde ben de yapamıyorum.
Tasarımın önizlemesi:
http://www.freecsstemplates.org/preview/republic
Şimdiden teşekkürler...

Yorumu gönderen::09.06.2009, 09:25 (UTC)
lifecity
lifecity
Kapalı

S.a Kardeşim Buyur Sana O Tasarımın Hazırlanmışı ,Kendi Ellerimle Hazılardım Bu Linkten İndir , Şifresi Bildiğiniz Gibi ( lifecity )

LİNK : http://www.fileden.com/files/2009/4/30/2424481/LifeCity-LFC.rar

Yorumu gönderen::06.06.2009, 21:48 (UTC)
aremboo
aremboo
Kapalı

merhaba ben http://www.zymic.com/free-templates/121/live-preview/
bu tasarımı yapmak ıstıyorum soledıklerınızın hepsını yaptım ama ccs nın ıcındekı kodda cunkı style de ole bı kod yok bı yardımcı olursanız sevınırım

Yorumu gönderen::06.06.2009, 14:24 (UTC)
multidownloader
multidownloader
Kapalı

Bu bedava sitem baya saçma bir kodlama sistemi var bence bunları yapmak zulüm gelir insana:) Birde başta google reklamı kendisi vererek sizin reklamlarınızın elinizden alıormuş gibi oluor yakın zaman da sitenizin içinede reklam koyarsalar hiç şaşmayın

Yorumu gönderen::17.05.2009, 19:54 (UTC)
lifecity
lifecity
Kapalı

BİZİM AMACIMIZ PAYLAŞMAK , HERŞEY SİZLER İÇİN

Yorumu gönderen::17.05.2009, 09:00 (UTC)
maxmatix
maxmatix
Kapalı

Hela Olsun LifeCity.tr.gg
Emeğine Sağlık Güzel Olmus Siten Ve Herseyin.

Yorumu gönderen::10.05.2009, 08:53 (UTC)
birazbordobirazmavi
birazbordobirazmavi
Kapalı

Güzel anlatmışsn lan helalolsun .



Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Mesajın:

Bu Gün : 16
Klik : 100
IP Adresiniz : 54.80.10.56
PageRank Checker

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=