XBOXCAFE OYUNCU TOPLULUĞU PLATFORMU( www.xboxcafe.com.tr ) 2008 - 2022
Would you like to react to this message? Create an account in a few clicks or log in to continue.

XBOXCAFE OYUNCU TOPLULUĞU PLATFORMU( www.xboxcafe.com.tr ) 2008 - 2022

Hoşgeldiniz!, Misafir
6125 Gündür yayındayız Toplam Mesajınız: 16777215
 
AnasayfaXboxcafeAramaLatest imagesHtml Deneme AlanıKayıt OlGiriş yap
Arama
 
 

Sonuç :
 
Rechercher çıkıntı araştırma
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
En son konular
» gamestockcity (instagram)
css design yapımı Icon_minitimetarafından Blackdream Ptsi Kas. 28, 2022 9:01 pm

» İngilizce Öğreniyorum Ders 5 (Bahar Şahin)
css design yapımı Icon_minitimetarafından Blackdream Perş. Kas. 24, 2022 12:22 am

» İngilizce Öğreniyorum Ders 4 (Bahar Şahin)
css design yapımı Icon_minitimetarafından Blackdream Perş. Kas. 24, 2022 12:20 am

» İngilizce Öğreniyorum Ders 3 (Bahar Şahin)
css design yapımı Icon_minitimetarafından Blackdream Perş. Kas. 24, 2022 12:17 am

» İngilizce Öğreniyorum Ders 2 (Bahar Şahin)
css design yapımı Icon_minitimetarafından Blackdream Perş. Kas. 24, 2022 12:14 am

» İngilizce Öğreniyorum Ders 1 (Bahar Şahin)
css design yapımı Icon_minitimetarafından Blackdream Perş. Kas. 24, 2022 12:12 am

» P1-P2 Kardeşlik Hesabi Anlatim
css design yapımı Icon_minitimetarafından Blackdream Paz Kas. 20, 2022 12:28 pm

» Oyuncu isimleri paylaşım alani
css design yapımı Icon_minitimetarafından Blackdream Paz Kas. 20, 2022 11:58 am

» PES 2015 SATİLİK VEYA TAKASLİK (100 TL)
css design yapımı Icon_minitimetarafından Blackdream Paz Kas. 20, 2022 11:47 am

» GAMEPASS 3 YILLIK ALMA TAKTİĞİ
css design yapımı Icon_minitimetarafından Blackdream C.tesi Kas. 12, 2022 11:01 pm

Kimler hatta?
Toplam 185 kullanıcı online :: 0 Kayıtlı, 0 Gizli ve 185 Misafir :: 1 Arama motorları

Yok

Sitede bugüne kadar en çok 262 kişi Perş. Mart 29, 2018 2:45 pm tarihinde online oldu.
Veterans FC
css design yapımı Img-2010

 

 css design yapımı

Aşağa gitmek 
YazarMesaj
dubluynanve
Üye
Üye
dubluynanve


Erkek
Zodyak : Ikizler
Mesaj Sayısı : 1957
Yaş : 36
Kayıt tarihi : 20/06/08
Rep Puanı : 4
Rep Puanı : 97

css design yapımı Empty
MesajKonu: css design yapımı   css design yapımı Icon_minitimePerş. Şub. 26, 2009 8:24 pm

CSS DESİGN ÖRNEK TASARIM (Resimli Anlatım)


css design yapımı Ayracdo0

Öncelikle resimde görüldüğü gibi Css Design Tasarımını seçiyoruz.

css design yapımı 93951569dx8

css design yapımı Ayracdo0

Css Design tasarımında menü gizleme kodunu eklememiz gereklidir.

Menü gizleme kodunu Navigasyonun baslığı: kutucuğuna yapıştırıyoruz.
Ardından Kaydet diyoruz

Css Design Menü Gizleme Kodu:
Kod:
<style type="text/css">
            <!--
td.nav {visibility:hidden;}
--> </style> 

css design yapımı 59021361zz7

css design yapımı Ayracdo0

"Ayarlar" sayfasına gelerek site başlığını yok etmeliyiz.Bunu ise site başlığı: Yazının karşısındaki kutucuğa bir kez tıklayıp ardından space (boşluk) tuşuna basıyoruz ve Kaydet diyoruz.

css design yapımı 96424251te6

css design yapımı Ayracdo0

Sayfalarımı değiştir / Yeni sayfa diyoruz.

css design yapımı 54755894ye7

css design yapımı Ayracdo0

Aşağıda görüldüğü gibi araçlarımız gösteriliyor.
Tasarımımızın bir tablo içerisinde olması için aşağıdaki yolu izliyoruz.


css design yapımı 47919933qb0

css design yapımı Ayracdo0

Resimde görüldüğü dış tablomuzu yaptık.

css design yapımı 74831095dm8

css design yapımı Ayracdo0

En üste banner resmi koyacaz.Onun için yaptığımız tablonun en üstüne banner'lık bi tablo yapacağız.

css design yapımı 75227683uy3

css design yapımı Ayracdo0

Resimde görüldüğü gibi banner resmi ekleme işlemi yapılmaktadır.Banner boyutları 800 x 100 boyutlarında.Ona göre banner yapabilirsiniz..


css design yapımı 78814105re1

css design yapımı Ayracdo0

Ve işte banner' ımız tablonun içine eklenmiş durumda :wink:

css design yapımı 29971974ac6

css design yapımı Ayracdo0

Şimdide dış tablomuzun içini renklendirelim.

css design yapımı 10ye4

css design yapımı Ayracdo0

Resimde görüldüğü gibi renk seçiyoruz...

css design yapımı 11ok0

css design yapımı Ayracdo0

Ve görüldüğü gibi tablomuzun içini renklendirdik.Ben gri rengi tercih ettim.
Siz hangi seçerseniz seçin.Zevkinize kalmış :wink:


css design yapımı 12lr7

css design yapımı Ayracdo0

Şimdide Tablomuzun sağ tarafına tablo yapalım.
Tablo yapmak için araçlarımızdan yine aynısına tıklıyoruz.
ve gelen pencereden;


css design yapımı 13ov5

css design yapımı Ayracdo0

Görüldüğü gibi saol tablomuzuda yerleştirmiş olduk.

css design yapımı 14co0

css design yapımı Ayracdo0

Yapmış olduğumuz tablonun içine menü kutucukları koyalım.Menü kutucukları tablo ebatları;
satırlar:1
sütunlar:1
Kenar kalınlığı:1
Genişlik:210

Kaç tane sayfamız olacaksa o kadar menü tablosu ekliyoruz ve içlerine sayfa yazılarını ekliyoruz.


css design yapımı 15cp5

css design yapımı Ayracdo0

Sayfa Linki Yazdığım yeri seçiyorum ve Köprü ekle aracına tıklıyorum.Sonrası resimde görüldüğü gibi..


css design yapımı 16sf2

css design yapımı Ayracdo0

Tamam'a tıkladığımız anda köprü eklenmiş demektir.Ancak Yazının rengi gördüğünüz gibi koyu mavi oldu.Bunu tekrar eski haline yani siyah yapmak için;

css design yapımı 17mx3

Hepsine bu şekilde sayfasına göre link (köprü ekleyin).

css design yapımı Ayracdo0

Tasarım olarak biraz bilgi öğretmeye çalıştım.Genel olarak bu verdiğim bilgilere dayanarak kafanızda tasarladığınız tasarımlar yaratabilirsiniz.

Son bi kaç bilgi vereceğim..Daha önce menü gizleme kodu vermiştim.Onu bi yere daha yapıştıracağız.Bu kodu resimdeki yere yapıştırmazsak sitemiz görünmez haberiniz olsun...


Css Design Menü Gizleme Kodu:
Kod:
<style type="text/css">
            <!--
td.nav {visibility:hidden;}
--> </style> 

css design yapımı 18db4

css design yapımı Ayracdo0

Tekrar "Kaynak" aracına tıklayarak Ctrl + A yapıyoruz.Yani kodlarımızın hepsini seçiyoruz ve kopyalıyoruz..

css design yapımı 19qj0

css design yapımı Ayracdo0

Bu kopyaladığımız kodu bütün sayfalara yapıştırıyoruz.Yapıştırıyoruz derken direk yapıştırmayın.Öncelikle "Kaynak" aracına tıklayıp sonra yapıştırıyoruz..

css design yapımı 19qj0

css design yapımı Ayracdo0

Görüldüğü gibi bütün sayfalara yapıştırıyorum..

css design yapımı 20vv9

Tasarladığımız sitenin içeriklerini her sayfanın kendisine göre dolduruyoruz.

css design yapımı Ayracdo0



Kod Ekleme - Hazır Flash Menü Kodlarının vs. Eklenimi:

Css Design tasarımının neresine menü koymak istiyorsanız oraya bi tablo koyacağız.Öncelikle Kenar kalınlığı 0 olan 1 tablo oluşturuyoruz ve içine herhangi bişey yazıyoruz.Resimde gördüğünüz gibi ben "photoshopar" yazdım...

css design yapımı 78416669th0

Sonra Kaynak yazan yere tıklıyoruz.

css design yapımı 75671012eo3

"Kaynak" yerine tıkladığımız zaman yapmış olduğumuz tasarımın html kodu çıkar.Burdan Photoshopar Yazısını buluyorum ve o yazıyı ordan siliyorum.Yani bizim amacımız photoshopar yazısını silip oraya flash menümüzün kodunu eklemek olacaktır...

css design yapımı 38354803wm0

"Photoshopar" yazısını silip yerine hazır flash sitelerinden yaptığımız flash menü kodumuzu oraya yapıştırıyoruz.

css design yapımı 28987273au5

Görüldüğü gibi kodumuzu yapıştırdık oraya.Bu işlemden sonra "Kaynak" yazan yere tekrar tıklıyoruz ve tasarım sayfamızın görünüşü geliyor.Tablonun içinde menü felan görmüyeceksiniz.Sakın yapamadım diye paniklemeyin.Çünkü burda menü görünmez.Menünüz siteyi kaydettiğiniz zaman ardından sitenizi açarak görebilirsiniz..

css design yapımı 56937932xz2

Sitemizi açtığımızda gördüğünüz gibi tablomuz miiss gibi eklenmiş durumda :mrgreen: Bu işlemi uygulayarak istediğimiz hazır kodu ekleyerebiliriz.Sonradan o kodu silmek mi istiyorsunuz.Hiç sorun değil.Kodu eklediğiniz tabloyu silin.Kodu içirisine yapıştırdığımız için otomatikmen tablo ile birlikte kodta silinecektir..işlem bu kadar :mrgreen:
www.photoshopar.tr.gg


css design yapımı 67007676qx3

css design yapımı Ayracdo0

Ziyaretçi Defteri Oluşturma - Extralar Kısmı

Örnek Olarak benim ziyaretçi defterime bakabilirsiniz:
http://photoshopar.tr.gg/ziyaretcidefteri.htm

Css Design tasarımında ziyaretçi defteri gibi bazı extraları site içeresine koymamız zordur.Onun için ayrı bi sayfada tablo içerisine güzel ziyaretçi defteri oluşturmamız mümkündür.Bunun için aşağıda vermiş olduğum kodu Ekstraları Değiştir/Ziyaretçi defteri/Ziyaretçi defterinden önceki metin: kutucuğuna yapıştırmamız gerekiyor...

Ziyaretçi defterinden önceki metin kutusuna yapıştıracağımız kod:

Kod:
<style>
<td> </style>

<font><font>

<table>
    <tbody>
          <td></p>
BURAYA İSTEDİĞİNİZ BİR YAZI YAZABİLİRSİNİZ
<center><img src="http://img296.imageshack.us/img296/1265/ziyaretcideftericopywa2.png"<center>

Kod üzerinde kendinize göre değişiklik yapabilirsiniz.Bu vermiş olduğum kodtaki bazı yerlerin ne işe yaradığını yazdım aşağıda:

= Alandaki İsim,mail adresi,mesajınız vs gibi yazıların rengi.

= Yazıların fontu - size:2 ise yazıların büyüklükleri.

bordercolor="#FFFFFF" = Tablo kenarlarının rengi

bgcolor="#797268" = Tablo içi rengi


Bundan Sonrasını Resim üzerinde anlattım.

css design yapımı Ziyaretcidefteriuo1

css design yapımı Ayracdo0

Site arkaplan rengini değiştirmek için;

Aşağıdaki kod arkaplan "siyah" kodudur.Bu kodu "Tasarım üzerindeki yazı" yerine yapıştırırsanız sitenizin arkaplanı siyah olacaktır..

Kod:
<body bgcolor="#000000">

#000000 = bu kodlama siyah içindir.Diğer renkleri aşağıda verdim kendi zevkinize göre değiştirebilirsiniz

css design yapımı Arkaplanrenkzl2

css design yapımı Ayracdo0

Mail adresimizi word'te açtırma;

Öncelikle resim olarak yapacaksanız veya köprü olarak yapacaksanız ikiside aşağıdaki anlattığım gibi..Ben resimlisini anlattım.Ama aynı ikiside aynı..

css design yapımı Epostadc3

css design yapımı Ayracdo0

Köprü Eklediğimiz Resmin Etrafındaki Maviliğ Yok Etme!!

Köprü eklediğimiz resimlerin etrafı mavi renk oluşur.Bu mavi rengi yok etmek için;

Köprü ekleyeceğimiz resmin üzerine sağ tıklayıp; "Resim Özellikleri" Diyoruz..

css design yapımı Resimetrafiys0

css design yapımı Ayracdo0
Sayfa başına dön Aşağa gitmek
http://forumhayati.fo.funpic.de
 
css design yapımı
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» CATIA Assembly Design
» WIX Flash Web & MySpace Music Web Design
» Robot Arena 2: Design & Destroy DSL 2 (PC/ENG)
» Robot Arena 2 - Design And Destroy - 26 mb

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
XBOXCAFE OYUNCU TOPLULUĞU PLATFORMU( www.xboxcafe.com.tr ) 2008 - 2022 :: www.webyardim.org Forumu :: WEBYARDİM FORUMU İCİN TİKLAYİN :: Diğer Yardım Servislerimiz :: Bedava-Sitem (tr.gg)-
Buraya geçin: