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
  "Cannot modify header information" - Hatası ve Çözümü - MyBB Bloody 4 7,053 21-11-2020, Saat:00:59
Son Yorum: blueseverything
  MyBB Google Seo www Sorunu (Çözüm) Smyrna35 1 6,907 09-10-2019, Saat:00:28
Son Yorum: bersan_kemal
  MyBB PHP Sürümü Yükseltme Corleone 0 1,467 09-09-2019, Saat:03:14
Son Yorum: Corleone
  Konu açarken kullanılan kodların hepsi [Ders] Detaylı anlatım SharBon 1 3,686 09-03-2018, Saat:19:07
Son Yorum: symbol54
  [2015] Yeni ReCaptcha MyBB Kurulumu HitMan 3 4,971 06-03-2018, Saat:11:40
Son Yorum: recepguler



Konuyu Okuyanlar: 1 Ziyaretçi

istanbul escort - mecidiyeköy escort - şişli escort - ataköy escort - taksim escort - escort mecidiyeköy

sex hikaye - porno izle - türk ifşa - mecidiyeköy escort - seks hikaye - türk porno - escort bayan