MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
BlackCat avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

MyBB Logo'ya Opacity Özelliği Eklemek [Ders]


Sponsor Reklam

Çevrimdışı BlackCat
 Tarih: 03-04-2013, Saat:16:04
(Son Düzenleme: 03-04-2013, Saat:16:05, Düzenleyen: BlackCat.)
#1
CSS Opacity Özelliği İle Uygulama İşlemi

CSS 'de opacity özelliğini kullanarak bir ögenin saydamlığını değiştirebiliyoruz.

Bunun için kullanılacak kod şöyle :

Kod:
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;

Görüldüğü gibi bu kod 4 parçadan oluşuyor.

opacity: 0.5; En önemli parçadır. CSS 'deki mevcut saydamlık ayarıdır. Firefox, Safari ve Opera'da çalışmaktadır.
filter:alpha(opacity=50); Internet Explorer için bunu kullanmalısınız
-moz-opacity: 0.5; Netscape Navigator gibi eski Mozilla tarayıcıları için bunu kulanıyoruz.
-khtml-opacity: 0.5; Safari'nin eski versiyonları için de bunu kullanıyoruz.

Peki nasıl kullanabiliriz ?

Genelde bu kod bir ögenin imleç ile üzerine gelindiğinde aydınlık gelmesi gibi bir şekilde kullanılıyor.

Mesela :

Kod:
<html>
<head>
<title>CSS Opacity Ayarı</title>
<style type="text/css">

a.saydam img {opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;}

a.saydam img:hover {display: block;}

</style>
</head>
<body>

<a href="http://www.siteniz.com" class="saydam"><img src="http://www.siteadı.com/resim.jpg"></a>

</body></html>

Bunu yaptığımızda class 'ı saydam olarak tanımlanmış ve bağlantı verilmiş tüm resimler yarı saydam olacak, üzerine gelindiğinde tamamen mat olacak.


NOT : Vermiş olduğum kod tüm tarayıcılarda desteklenmektedir.

Bunu logo da kullanmak isterseniz temanızın css kalıplarında .logo yu bulup } tagından önce ekleyebilirsiniz.

Demo :
Kod:
www.destek.mybb.com.tr
Cevapla
Bunu Beğenenler: SvMedeT , Walkvery , kafle
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı Walkvery
 Tarih: 03-04-2013, Saat:16:26
#2
TeşekkürlerSüper
Cevapla
Bunu Beğenenler:

Çevrimdışı kafle
 Tarih: 03-04-2013, Saat:19:34
#3
Sağolun Gülümseme
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.8] MyBB PluginLibrary ile Eklenti Yaparken Yeni Stil Dosyası (.css dosyası) Ekleme AvanT2 2 171 01-10-2018, Saat:20:52
Son Yorum: AvanT2
  Konu açarken kullanılan kodların hepsi [Ders] Detaylı anlatım SharBon 1 1,728 09-03-2018, Saat:19:07
Son Yorum: symbol54
  [2015] Yeni ReCaptcha MyBB Kurulumu HitMan 3 2,204 06-03-2018, Saat:11:40
Son Yorum: recepguler
  [1.8] MyBB (1.8) Temanıza Tooltip Yapımı BlackCat 12 5,180 24-02-2017, Saat:23:47
Son Yorum: batuhanbarut
  MyBB - Forumunuza Sağda Açılan Facebook Beğen Kutusu Eklemek BlackCat 10 9,403 28-09-2016, Saat:14:04
Son Yorum: rojinam



Konuyu Okuyanlar: 1 Ziyaretçi