Buton yardım

bersan_kemal
bersan_kemal 24-04-2016, 18:51
mrb sitem için css kodlarından oluşan bir buton yaptım aynı zamanda bu css kodlarında Font Awesome Icons kullandım
Buton yardım
Buton yardım

butonun üstüne geldinde yana doğru kayacak ve içine ekledim yazı görünecekti bunu yaptım ama ne yazıkki bu butonda Font Awesome Icons iconlarını gösteremedim eklemiş oldum resimdeki gibi yapmak istiyorum lütfen yardım edin arkadaşlar benim bu yaptım butona benzer butonu başka bir sitede gördüm http://www.tekarsiv.org/ bu sitede yapmış ama ne yaptıysam Font Awesome Icons iconlarını gösteremedim makale eklerken kaynak koduna bu kodları ekliyorum
<div class="buttonlar2">
<div class="normal-button"><span class="buticon">[img=|Normal]http://divxmarket.net/portal/templates/vip/images/fa-user.png[/img]</span>
<p class="normal-clic">DVBRip</p>
<div class="normal-hover">
<p class="normal-sure"><a href="http://divxmarket.net/portal/yerli-diziler/383-Filinta 56.B&ouml;l&uuml;m DVBRip XviD - Tek Link.html">NORMAL</a</p></div></div>
<div class="vip-button"><span class="buticon">[img=|Normal]http://divxmarket.net/portal/templates/vip/images/fa-star.png[/img]</span>
<p class="vip-clic">DVBRip</p>
<div class="vip-hover">
<p class="vip-sure"><a href="http://divxmarket.net/f187/filinta-2014-yeni-tum-bolumler-dvbrip-xvid-surekli-guncel-1212/" target="_blank">V.İ.P.</a></p></div></div></div>
<p style="text-align: center;">
[url=http://divxmarket.net/f187/filinta-2014-yeni-tum-bolumler-dvbrip-xvid-surekli-guncel-1212/] <strong> <span style="font-size: 14pt;"><span style="color: #ff0000;"> Vip</span> <span style="color: #3366ff;">&Uuml;ye</span> <span style="color: #ff0000;">Ol</span> <span style="color: #3366ff;">İlk</span><span style="color: #ff0000;"> &Ouml;nce</span> <span style="color: #3366ff;">Sen</span> <span style="color: #ff0000;"> İndir</span></span></strong>[/url]</p>
Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
marika 25 Nisan 2016 11:44
<span class="buticon"><i class="fa fa-user"></i></span>
<span class="buticon"><i class="fa fa-star"></i></span>


kodlarda 2 tane span yukarıdaki gibi olacak. tümünde düzenlenmiş hali altta.


<div class="buttonlar2">
<div class="normal-button"><span class="buticon"><i class="fa fa-user"></i></span>
<p class="normal-clic">DVBRip</p>
<div class="normal-hover">
<p class="normal-sure"><a href="http://divxmarket.net/portal/yerli-diziler/383-Filinta 56.B&ouml;l&uuml;m DVBRip XviD - Tek Link.html">NORMAL</a</p></div></div>
<div class="vip-button"><span class="buticon"><i class="fa fa-star"></i></span>
<p class="vip-clic">DVBRip</p>
<div class="vip-hover">
<p class="vip-sure"><a href="http://divxmarket.net/f187/filinta-2014-yeni-tum-bolumler-dvbrip-x
vid-surekli-guncel-1212/" target="_blank">V.İ.P.</a></p></div></div><
;/div> <p style="text-align: center;"> [url=http://divxmarket.net/f187/filinta-2014-yeni-tum-bolumler-dvbrip-xv
id-surekli-guncel-1212/] <strong> <span style="font-size: 14pt;"><span style="color: #ff0000;"> Vip</span> <span style="color: #3366ff;">&Uuml;ye</span> <span style="color: #ff0000;">Ol</span> <span style="color: #3366ff;">İlk</span><span style="color: #ff0000;"> &Ouml;nce</span> <span style="color: #3366ff;">Sen</span> <span style="color: #ff0000;"> İndir</span></span></strong>[/url]</p>



Ayrıca main.tpl de head içinde alttaki kod olmalı.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesom
e.min.css">
3 779
MaRZoCHi 24 Nisan 2016 20:07
Her zaman dediğimiz gibi ilk olarak konuyu doğru kategoriye açmanız sizin açınızdan iyi olacaktır.
Tasarımsal sorunlarda nerde hata yaptığınızı görmemiz için site adresinizi belirtilen alana girmelisiniz. Kodlarda var fakat hazır istiyoruz :)

FontAwesome için herhangi bir kod göremedim kodlarda. Ayrıca her makaleye bu şekilde kod eklemek yerine ilave alanlar ile yapabilirsiniz.

--------------------