Dreamweaver'da Damla ve Metin Gölgeleri Nasıl Eklenir - mankenler

Tasarımlarınızı Dreamweaver'da geliştirebilir ve resimlerinize, etiketlerinize ve diğer öğelere altın gölgeleri ekleyerek sayfalarınıza daha fazla derinlik kazandırabilirsiniz. Metin gölgeleri eklemek, özellikle tasarımınız karmaşık bir arka plana sahipse veya ön plan ve arka plan renkleri kontrasta sahip değilse, kelimelerinizin okunmasını kolaylaştırır.

Kredi: iStockphoto ile fotoğraf. com

Dreamweaver CC, CSS3 gölgeler ve metin gölgelerini yeni CSS Designer panelinden daha iyi destekleyebilir ve bütünleştirebilir.

Metin gölgeleriyle sınıf veya kimlik stilleri oluşturabilir ve burada görülen başlık 1 stili gibi bir etiket stili tanımlayarak mevcut HTML öğelerine metin gölgeleri ekleyebilirsiniz. Bu metin gölgesini oluşturan CSS3 kodu

h1 {text-shadow: 2px 2px 2px # 000;}

Koddaki sayılar, metin gölgesinin sağa 2 piksel ve altındaki 2 piksel uzatacağını belirtir. 2 piksel bulanıklığı olan metin. Buna ek olarak gölge, # 000 kısaltılmış onaltılık renk kodu ile belirtilen siyah renkle oluşturulur.

Metin gölgeleri kuralları oluştururken, en çok dört değer belirleyebilirsiniz:

• yatay ve dikey : İlk iki sayı değeri gereklidir ve yatay ve dikey uzaklıklar - gölge gölgenin metnin altına uzandığı (dikey ) ve metnin sağında (yatay) uzaklık.

• bulanıklık yarıçapı : Üçüncü değer gölgedeki bulanıklığı belirtir. Bulanıklık yarıçapı eklemezseniz, varsayılan değer 0'dır ve gölge düz renk olarak görünür.

• color : Dördüncü değer, gölgenin rengini belirtir ve bir onaltılık renk kodu veya RGBa renk kodu kullanılarak tanımlanabilir.

Renk seçeneği için bir RGBa rengi seçtiğinizde, şeffaflık ekleyebildiğinizden gölgenin görünümü üzerinde daha fazla kontrol sahibi olursunuz.

CSS Tasarımcı panelinin altındaki Özellikler panelini kullanarak bir metin gölgesi ekleyebilirsiniz. Bunu yapmak için şu adımları izleyin:

1. CSS Tasarımcısı Özellikleri panelinin Metin-Gölge bölümüne gidin.

2. H-gölge (yatay) ve V-gölge (dikey) alanları kullanarak görüntülemek istediğiniz gölgenin boyutunu girin.

3. Bulanıklaştır alanına bir boyut girerek metin gölge için istediğiniz bulanıklığı ekleyin.

4. Renk kuyusunu tıklayın ve metin gölgesinde kullanmak istediğiniz rengi seçin.