Türkiye Konumlu - Limitsiz Hosting
Kişi Online AnaSayfa İletişim Site Haritası Site İçi Arama Sık Kullanılanlar
Fikirlerini Paylaş, Sen de Kazanmaya Başla!
TopList TopList
TopListimizde oyun, eğlence, html, haber, şiir, spor, müzik, sohbet, resim, forum, tr.gg, eğitim sitelerini bulabilirsiniz.
Anket Anket
Anketlerimize katılarak, siz de özgür ve bağımsız bir şekilde görüşlerinizi dile getirebilirsiniz. Anket yapılmasını istediğiniz soruyu şıkları ile birlikte bize gönderin, Sizin İçin Soralım.
Galeri Galeri
Binlerce resimden oluşan Galeri bölümündeki resimlere yorum yapabilirsiniz. Sizde Resim yollamak istiyorsanız İletişim bölümünden Resim Upload Linkini yollayabilirsiniz.
Forum Forum
Bedava-Sitem'in Kapsama alanı en geniş Forumu. Sınırsız paylaşım ve eğlence için Seviyeli bir forum. Forumu Yaşatan Yorumdur.
HTML Kodları HTML Kodları
HTML'de acemi misiniz? Sitenize Döviz kodu ekleyeceksiniz ama bulamıyor musunuz işte arşiv. Hiçbir yerde bulamayacağınız HTML Kodları ve HTML Dersleri sizi bekliyor.
Oyun Salonu Oyun Salonu
Bedava-Sitem'in En Çok Ziyaret Edilen Oyun Salonu. Oyun Severlerin Buluşma Yeri. Oyun Salonunda zamanın nasıl geçtiğini anlamayacaksınız.
Sohbet Odası Sohbet Odası
PiriketSeverler Sosyalleşme Ağına Hoşgeldiniz. Sohbet Odasında Muhabbet tavana vurmuş durumda. Genç, yaşlı demeden kaliteli ve seviyeli doyasıya sohbet.
TÜRK Bayrağına Destek TÜRK Bayrağına Destek
TÜRK Bayrağı kampanyasına destek olmak için TÜRK Bayrağı Bandını sitene ekle. Bir TÜRK Dünyaya Bedelse 70 Milyon Herşeye Bedeldir.
Ziyaretçi Defteri Ziyaretçi Defteri
Görüşleriniz bizim için değerlidir. Ziyaretçi defterine yazılanları okuyabileceğiniz gibi, görüşlerinizi de yazarak bizimle paylaşabilirsiniz. Teşekkür ediyor, en güzel günlerin sizlerin olmasını diliyoruz.
Yeşil Aşkı - Herşey Sevmekle Başlar

OYUN, GALERİ, HTML, SOHBET, FORUM, TR.GG, PARA KAZAN, TOPLİST, ANKET, KAMPANYA, VİDEO, NAPOLYON, ŞİİR, YEMEK, EĞİTİM, MÜZİK, SİNEMA, SPOR, İDDAA, FIKRA, WEBMASTER, KOD, GEYİK, TEKNOLOJİ

Dreamweaver CSS

..:: Dreamweaver 8 Stiller / CSS ::..

Yeni Bir Stil Belgesi Oluşturmak: Stilller ile temel olarak belgemizdeki metin harflerinin büyüklüğünü, türünü, kalınlığını, italik ve altı çizgili oluşunu, rengini, sağa mı sola mı yaslı olacağını vb. gibi özellikleri ayarlarız. Örneğin bir Web sitenizde bir ziyaretçi formunuz var. Bu forumda 20 tane textbox, 3 tane dropdown menü, 8 tane de buton var. Siz bu form nesnelerinin hepsinde Tahoma fontunu, 12 punto, mavi renk tonunda ve 4 pixel çerçeve kalınlığında kullanmak istiyorsunuz. Ne yapacaksınız? Bütün form nesneleri ile tek tek mi uğraşacaksınız yoksa nasıl CSS oluşturulur ve nasıl kullanılır konusunu mu öğreneceksiniz.

Evet bütün form nesnelerini tek bir stil dosyası ile biçimlendirebilirsiniz. Öncelikle bir stil dosyası oluşturursunuz ve formunuzdaki öğeleri seçerek bu stil dosyasının özelliklerini almalarını sağlarsınız. Bunun için CSS panelini kullanacağız. Kolları sıvayalım ve CSS panelinde + butonuna basalım.

Dreamweaver 8 CSS

Class seçeneğini seçelim. Eğer CSS dosyamızın sadece bu sayfada kullanılmasını istiyorsak This Document Only seçeneğini işaretleyelim. Ayrı bir dosya olarak kaydetmek için ise New Style Sheet File seçeneğini seçeceğiz.

Dreamweaver 8 Save Style

OK dediğimiz zaman karşımıza CSS dosyamızın adını ve kayıt yerini belirtmemizi isteyen Save Style Sheet File As penceresi çıkacak. CSS dosyamızın adını "dreamweaver" olarak yazıyorum. Sizde kendinize göre birşeyler yazabilirsiniz.

Dreamweaver 8 Stil

Fontumuz Arial, puntosu 10, rengi Gri ve hiçbir dekorasyon kullanmadık. Bu şekilde stil atadığımızda linklerimizin altındaki çizgi kaybolacaktır. Bu adımda ise fare linkin üzerine geldiğinde linkin renginin değişmesi olayını gerçekleştireceğiz. CSS panelinde + butonuna basalım.

Dreamweaver 8 Stil/CSS

Selector Type seçeneklerinden Advanced seçeneğini işaretleyelim ve Selector menüsünden a:hover öğesini seçelim. Define in bölümü ilk haliyle kalsın. Ok butonuna basalım ve ayar penceresine gelelim.

Dreamweaver 8 Style

Bu pencerede yapacağımız ayarlar farenin linkin üzerine geldiği zaman linkin alacağı hal ile ilgili. Yine fontumuz Times New Roman, puntosu 11, farklı olarak rollover durumundaki rengi bordo, dekorasyon olarakta stilimizde altı çizgiyi kullandık.

Dreamweaver 8 Style Apply

Şimdi sıra geldi bu stili uygulamaya. Herhangi bir metin yazalım. Properties panelinden Link metin kutusundan bu metne link verelim. Sonra bu linki seçelim CSS paneline gelelim ve stilimize sağ tıklayarak Apply komutunu çalıştıralım. Stilimiz linkimize uygulanmış olacaktır. Linkimizin üzerine fare ile geldiğimizde rollover olayını göreceğiz.

Stil Belgesi Atamak: Daha önceden yaptığımız bir stil belgesini başka bir çalışmamızda da kullanmak istiyorsak Attach Style Sheet komutunu kullanacağız. Bu işlem için CSS paneline gelelim ve Attach Style Sheet butonuna tıklayalım. Açılan pencereden Browse butonuna tıklayalım ve Stil belgemizi bulup Ok butonuna basalım.

Dreamweaver 8 Attach External Style

Stili belgemize almak için Import, linkini belgemize almak için Link seçeneğini seçelim ve OK butonuna basalım. Önizleme yapmak istersek Preview butonuna tıklayacağız. Bu adımlardan sonra daha önceden yapmış olduğumuz bir stil belgesini sayfamızda kullanabileceğiz.

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