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
media venus

İzinli 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
  MyBB - Forumunuza Sağda Açılan Facebook Beğen Kutusu Eklemek BlackCat 10 5,883 28-09-2016, Saat:14:04
Son Yorum: rojinam
  [MCTR - 1.6] Mybb Alıntı,Kod Arka Plan Rengi Değiştirmek EmreKarakaya 9 6,200 05-07-2016, Saat:11:57
Son Yorum: 1907fb
Bigi Düzgün bir Mybb Sitesi Açmak için Neler Yapılmalıdır? MeleDiYe 2 341 01-07-2016, Saat:01:14
Son Yorum: MeleDiYe
  Mybb Kategori Ve forum İsmi Neon Işık Efekti Keskin 1 1,761 19-05-2016, Saat:15:51
Son Yorum: Dumpces1
  MyBB Google SEO - 404 Not Found Hatası ve Çözümleri BlackCat 10 5,397 15-02-2016, Saat:15:34
Son Yorum: pashaernn



Konuyu Okuyanlar: 1 Ziyaretçi