+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: mybb.com.tr tarzı logo efekt (/mybb-com-tr-tarzi-logo-efekt-konusu.html)
Sayfalar:
1
2
RE: mybb.com.tr tarzı logo efekt - bymfk - 22-07-2012
global.css ye ekliyoruz.
Cvp: mybb.com.tr tarzı logo efekt - Nicky Romero - 21-10-2012
(20-07-2012, Saat:02:24)AttAcK.58 Adlı Kullanıcıdan Alıntı: sanıyorsam bu şekilde ama olmuyor.
Kod:
.logo {
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
}
.logo:hover {
opacity: 0.5;
}
Global.css'de .logo tagının en altına eklediğinizde sorunsuz çalışmaktadır.
mybb.com.tr tarzı logo efekt - Legans - 21-10-2012
her temada olmaz bu saydamlaşma iki temada denedim birinde oldu birinde olmadı
mybb.com.tr tarzı logo efekt - xpserkan - 21-10-2012
(21-10-2012, Saat:14:04)LegansTR Adlı Kullanıcıdan Alıntı: her temada olmaz bu saydamlaşma iki temada denedim birinde oldu birinde olmadı
Her temada logo aynı şekilde ekli olmadığı için olmaz.
Olması için ne yapıyoruz peki ?
Örnek header şablonuna girip logo nasıl eklenmiş kodlarına bakıyoruz.
Bakınız orjinal temadaki logo kodları şu şekilde:
Kod:
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><div class="logo"> elementi mevcut, yani bu şekilde eklenmiş logolarda css kodları çalışır, eğer logo'nun css element adı farklı ise, o zaman sizde css kodundan element adını değişeceksiniz..
Örnek verelim:
Header şablonundaki HTML kodlarımız şu şekilde olsun,
Kod:
<div class="Benim_Logom"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>Benim_Logom elenmetini aynı şekilde css kodlarınada uyguluyoruz..
PHP Kod:
.Benim_Logom {
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
}
.Benim_Logom:hover {
opacity: 0.5;
}
Bazı temalarda logo direkt eklidir yani css olmadan, şunun gibi;
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>Üsteki gibi ekli logalarda ne yapıyoruz..?
Altaki gibi img tagı içine class elementini ekliyoruz..
PHP Kod:
<img class="Benim_Logom" src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />