Konu: Smf haberler bölümü  (Okunma sayısı 1043 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

31 Ocak 2014, 01:26
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

haberler bölümü için ufak bir değişiklik
demo geçici olabilir http://cdn.net84.net/


index.template.php bul
Kod: [Seç]
if (!empty($settings['enable_news']))
echo '
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>';
değiştir
Kod: [Seç]
if (!empty($settings['enable_news']))
echo '
<div id="newscover">
<div id="newscovery">
<br/><h2>', $txt['news'], ': <br/>
', $context['random_news_line'], '</h2> </div></div>';

index.css en altta ekle
Kod: [Seç]
#newscover{width:25px;height:25px;float: left;position: absolute;left: 20px;top: 20px;background:transparent url(../images/news.png) no-repeat center center;transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out; }
#newscover:hover{ position:absolute;width:30px;height:30px;transform: rotate(360deg);}
#newscovery{position:absolute;overflow: hidden;box-shadow: -1px 1px 5px 0px #888888;transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px;opacity:0;width:0px;height:0px;padding:6px;border-radius: 8px; border-bottom-left-radius: 0; }
#newscovery h2{color:#fff;font-family:Helvetica, Arial, sans-serif;font-weight:normal; text-decoration:none;  font-size:14px;text-align:center;}
#newscover:hover #newscovery{ width:200px;height:auto;z-index:9; background:#444; opacity:0.6;}
ekteki resim dosyasını temanızın images klasörüne atın

« Son Düzenleme: 31 Ocak 2014, 01:29 Gönderen: snrj »

31 Ocak 2014, 08:49
Yanıtla #1
  • *
    • İleti: 331
    • Karma: 17
    • haksever,huutheme
    • haksever
    • Profili Görüntüle

gerçekten çok güzel bir paylaşım :) ilk gördüğümde şaşırmıştım :) ama js yokmu bunun ?


31 Ocak 2014, 13:28
Yanıtla #2
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

gerçekten çok güzel bir paylaşım :) ilk gördüğümde şaşırmıştım :) ama js yokmu bunun ?
js dosyasına ihtiyaç yok css ile yapılıyor