MyBB Depo Forum
Logo(Yazı) saydamlaştırma - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Soru ve Sorunlarınız (https://mybbdepo.com/mybb-1-8-soru-ve-sorunlariniz-forumu)
+--- Konu Başlığı: Logo(Yazı) saydamlaştırma (/logo-yazi-saydamlastirma-konusu.html)

Sayfalar: 1 2


Logo(Yazı) saydamlaştırma - UtkuUCAR - 20-04-2016

Web site  Site Adresi : http://www.utkuforum.tk
Versiyon MyBB Sürümü : 1.8.7
Eklenti-Plugin Kurulu Eklentiler : dvz_shoutbox
Hata-Sorun Sorun açıklaması : Ben logo yerine yazı kullanıyorum yazının yanına bitek yıldız ekledim koydum logo yerine ama bunun ben üstüne gelince sağa kaymasını ve biraz saydamlaşmasını istiyorum nasıl yapabilirim?
Resim-Grafik Hata Ekran Görüntüsü : HizliResim - Hata Resimi

Kod:
www.utkuforum.tk



Cvp: Logo(Yazı) saydamlaştırma - TolgaTSN - 20-04-2016

http://mybbdepo.com/mouse-ustune-geldiginde-kayan-logo-yapimi-konusu.html Şu Konuya Bak Bi İstersen


Cvp: Logo(Yazı) saydamlaştırma - UtkuUCAR - 20-04-2016

Bunu denedim ama nedense olmadı.


Cvp: Logo(Yazı) saydamlaştırma - Naturall - 20-04-2016

Logoda zaten varsayılan bir geçiş efekti mevcut olduğu için olmuyor. Rica etsem Global.css içerisindeki bütün kodları buraya yazabilir misiniz?


Cvp: Logo(Yazı) saydamlaştırma - TolgaTSN - 20-04-2016

İlk Önce
Admin KP >> Temalar&Şablonlar >>Temanız>>Css Ekle Ye Tıklıyoruz
Daha Sonra
Dosya Adı:Kaygan.css
İlişkilendirilen :Genel 
Kendi İçeriğimi Yazmak İstiyorumu İşaretliyoruz Ve Gelen Kutuya Aşağıdaki Kodu Ekliyoruz.




Kod:
.slideright:hover {
   -webkit-transform: translate(1em, 0pt);
   -moz-transform: translate(1em, 0pt);
   -o-transform: translate(1em, 0pt);
   -ms-transform: translate(1em, 0pt);
}

.showbox {
   -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;
}

Sonra Kaydedip Çıkıyoruz

Tekrar 
Admin KP >> Temalar&Şablonlar >>Şablonlar>>Temanız>>Header Şablonlar Veya Üst Kısım Şablonlar Tıklıyoruz

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>

Bu Kodu Bulup 

Kod:
<div class="showbox slideright"><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>
Bunla Değiştiriyoruz Ve Bitti

-alıntı


Cvp: Logo(Yazı) saydamlaştırma - UtkuUCAR - 20-04-2016

(20-04-2016, Saat:18:12)Naturall Adlı Kullanıcıdan Alıntı: Logoda zaten varsayılan bir geçiş efekti mevcut olduğu için olmuyor. Rica etsem Global.css içerisindeki bütün kodları buraya yazabilir misiniz?


text-align: left;
line-height: 1.4;
margin: 0;
min-width: 990px;
#shoutbox {
margin-bottom: 10px;
border: solid 2px rgba(0,0,0,0.1);
.logo: hover {
opacity: 0.90;
left: 20px;


Cvp: Logo(Yazı) saydamlaştırma - Naturall - 20-04-2016

(20-04-2016, Saat:18:17)UtkuUCAR Adlı Kullanıcıdan Alıntı:
(20-04-2016, Saat:18:12)Naturall Adlı Kullanıcıdan Alıntı: Logoda zaten varsayılan bir geçiş efekti mevcut olduğu için olmuyor. Rica etsem Global.css içerisindeki bütün kodları buraya yazabilir misiniz?


text-align: left;
line-height: 1.4;
margin: 0;
min-width: 990px;
#shoutbox {
margin-bottom: 10px;
border: solid 2px rgba(0,0,0,0.1);
.logo: hover {
opacity: 0.90;
left: 20px;

Hocam sizin üstünüzdeki arkadaş gerekli yanıtı vermiş buna rağmen olmuyorsa yorum yazın


Cvp: Logo(Yazı) saydamlaştırma - UtkuUCAR - 20-04-2016

(20-04-2016, Saat:18:20)Naturall Adlı Kullanıcıdan Alıntı:
(20-04-2016, Saat:18:17)UtkuUCAR Adlı Kullanıcıdan Alıntı:
(20-04-2016, Saat:18:12)Naturall Adlı Kullanıcıdan Alıntı: Logoda zaten varsayılan bir geçiş efekti mevcut olduğu için olmuyor. Rica etsem Global.css içerisindeki bütün kodları buraya yazabilir misiniz?


text-align: left;
line-height: 1.4;
margin: 0;
min-width: 990px;
#shoutbox {
margin-bottom: 10px;
border: solid 2px rgba(0,0,0,0.1);
.logo: hover {
opacity: 0.90;
left: 20px;

Hocam sizin üstünüzdeki arkadaş gerekli yanıtı vermiş buna rağmen olmuyorsa yorum yazın
Bende kod yok;
Bu 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>