Yukarı Facebook Twitter Google+ Aşağı

Gönderen Konu: Smf İlk Konu İçinde Ziyaretçilere Görünen Kayıt Ol Mesajı (Css3)  (Okunma sayısı 1057 defa)

Çevrimdışı cakal

  • Yönetici
  • *
  • İleti: 111
  • Beğeni: 2
  • Karma +1/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
Kendi siteme ekledim de sizlede paylaşayım dedim...
Özeliği Css3le görsel efekt verilmiştir.

Display.template.php

Bul:
Kod: [Seç]
echo '
<div class="inner" id="msg_', $message['id'], '"', '>

Değiştir:
Kod: [Seç]
if ($context['first_message']==$message['id'])
{
palaudis_uyeol();
}
echo '<div class="inner" id="msg_', $message['id'], '"', '>


Sources/Display.php

Bul:
Kod: [Seç]
?>
Değiştir:

Kod: [Seç]
function palaudis_uyeol()
{
global $context, $settings, $options, $txt, $scripturl, $modSettings;

if ($context['user']['is_guest'])
{
echo'<div id="uyeol">

<img class="detailresim" src="' . $settings['images_url'] . '/uyeol.png" alt="*" />

<span>
<b>'.$txt['uyeolmesaji'].'</b>
<br />
'.$txt['uyeolmesaji2'].'
</span>
</div>


<br /><br /><br /><br />';
}
}
?>


Temanızın index.css dosyasının En Altına Ekle
Kod: [Seç]
.detailresim{
-webkit-animation:drsm 10s ease-in-out 0s infinite;
-moz-animation:drsm 10s ease-in-out 0s infinite;
animation:drsm 10s ease-in-out 0s infinite;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
transform-origin:50% 0;
}

@-webkit-keyframes drsm{
0% { -webkit-transform: rotate(0); }
5% { -webkit-transform: rotate(10deg); }
10% { -webkit-transform: rotate(-9deg); }
15% { -webkit-transform: rotate(8deg); }
20% { -webkit-transform: rotate(-7deg); }
25% { -webkit-transform: rotate(6deg); }
30% { -webkit-transform: rotate(-5deg); }
35% { -webkit-transform: rotate(4deg); }
40% { -webkit-transform: rotate(-3deg); }
45% { -webkit-transform: rotate(2deg); }
50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
100% { -webkit-transform: rotate(0); }
}

@-moz-keyframes drsm{
0% { -moz-transform: rotate(0); }
5% { -moz-transform: rotate(10deg); }
10% { -moz-transform: rotate(-9deg); }
15% { -moz-transform: rotate(8deg); }
20% { -moz-transform: rotate(-7deg); }
25% { -moz-transform: rotate(6deg); }
30% { -moz-transform: rotate(-5deg); }
35% { -moz-transform: rotate(4deg); }
40% { -moz-transform: rotate(-3deg); }
45% { -moz-transform: rotate(2deg); }
50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
100% { -moz-transform: rotate(0); }
}

@keyframes drsm{
0% { transform: rotate(0); }
5% { transform: rotate(10deg); }
10% { transform: rotate(-9deg); }
15% { transform: rotate(8deg); }
20% { transform: rotate(-7deg); }
25% { transform: rotate(6deg); }
30% { transform: rotate(-5deg); }
35% { transform: rotate(4deg); }
40% { transform: rotate(-3deg); }
45% { transform: rotate(2deg); }
50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
100% { transform: rotate(0); }
}
div#uyeol
{
width:100%;
float:left;
padding:25px;
margin:0 25px;
font-size: 1em;
margin:10px;
text-align:center;
margin-bottom: 1em;
display:block;
background:url(../images/golgemini.png) 3% 100% no-repeat;
}
div#uyeol span
{
margin-left:150px;
margin-right:100px;
padding:25px 10px 25px 10px;
display:block;
color:#333;
font-family:Calibri;
font-size:18px;
font-weight:bold;
border: 1px solid #005875;
background: #C1E0FF;
border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
-webkit-border-radius:15px;
line-height:40px;
}
div#uyeol span a
{
padding:2px 4px;
color:#FFF;
font-size:18px;
font-weight:bold;
border: 1px solid #005875;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
line-height:18px;
background-color: #0E5F85;
}
div#uyeol span a:hover
{
color: #0E5F85;
background-color:#FFF;
}
div#uyeol span b
{
padding-left:10px;
color:#005875;
font-family:Calibri;
font-size:24px;
}

div#uyeol img
{
float:left;
padding-bottom:25px;
}

Not: Font Stilleri Demo Sitede Farklıdır.

Modifications.turkish.php
En Alta Ekle:
Kod: [Seç]
$txt['uyeol'] = 'Üye Ol';
$txt['uyeolmesaji'] = 'Farkettik ki Kayýtlý Üyemiz Değilsiniz...';
$txt['uyeolmesaji2'] = 'Sitemizden daha iyi yararlanmak için <a href="'.$scripturl.'?action=register" title="Kaydol">Kayýt</a> olmalýsýnýz...';


Ekteki Resimleri Temanızın Resim Klasörüne Atınız...
Alinti.PALAUDIS

[eklenti yönetici tarafından silindi]

[eklenti yönetici tarafından silindi]
« Son Düzenleme: 26 May 2015, 17:07:49 Gönderen: Ata »

Çevrimdışı ReprimonD

  • Yeni Üye
  • *
  • İleti: 21
  • Beğeni: 0
  • Karma +0/-0
    • Profili Görüntüle
    • Eskişehir
Merhaba,

Ziyaretçilere "kayıt ol" uyarısı vermek istiyorum.
Bu mod işime yarar sanırım fakat eklentiler silinmiş hocam.Bakma şansınız veya başka mod önerme şansınız varmı?

Çevrimdışı cakal

  • Yönetici
  • *
  • İleti: 111
  • Beğeni: 2
  • Karma +1/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
Merhaba evet istediginiz gibi bir mod görseler ekte

göruntu



INDIR

Çevrimdışı ReprimonD

  • Yeni Üye
  • *
  • İleti: 21
  • Beğeni: 0
  • Karma +0/-0
    • Profili Görüntüle
    • Eskişehir
Resimin çıkmasını istemiyorum hocam.O satırlarımı silmeliyim yoksa direk boşmu bırakayım

Çevrimdışı cakal

  • Yönetici
  • *
  • İleti: 111
  • Beğeni: 2
  • Karma +1/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
Sources/Display.php

bul sil

Kod: [Seç]
<img class="detailresim" src="' . $settings['images_url'] . '/uyeol.png" alt="*" />
index.css de bul sil

Kod: [Seç]
background:url(../images/golgemini.png) 3% 100% no-repeat;