2.1 Haberler Ve Bültenler YENİ

[tekyürek]

Demo geçiçi: http://smf.sahibinibulal.tk



NOT  : Web  sitenizde  Bootstrap ve font awesome  jurulu olması lazım  yoksa çalışmaz


Tema  Yapıp yayımlasam bundan iyi galiba  :D

heberler bültenler    yenilendi  ve hareket etme kabiliyeti getirildi

BoardIndex.template.php bul

Kod Seç Genişlet

echo '
 <ul id="smf_slider" class="roundframe">';

 foreach ($context['news_lines'] as $news)
 echo '
 <li>', $news, '</li>';

degiş :

Kod Seç Genişlet

   echo '
    <ul id="smf_slider" class=" p-3 mb-2 Replikacep bg-warning text-dark sy-list" style="border-radius: 7px;margin: 15px 0 0 0;">';
     foreach ($context['news_lines'] as $news)
    echo '
 <li style="padding: 1px 16px;"><i class="fas fa-exclamation-triangle tekyurek"></i>', $news, '</li>';


index css ye ekle :

Kod Seç Genişlet

/* Haberler  css  başlangıç */
i.fas.fa-exclamation-triangle.tekyurek::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f071";font-size: 25px;color: #fefefe;}
.tekyurek {animation: drsm 8s ease-in-out 0s infinite;animation-delay: 0s;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); } 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); } 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); } 100% { transform: rotate(0); } }
.Replikacep { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.19);border: 1px solid rgba(0, 0, 0, .1);box-shadow: 0 3px 5px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, 0.3);position: relative;}
.Replikacep::before { position: absolute;top: -16px;right: 10px;height: 30px;line-height: 30px;width: 60px;text-align: center;font-size: 16px;border: 1px solid rgba(0, 0, 0, .1);box-shadow: 0 3px 5px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, 0.3);border-radius: 30px;}
.mb-2.Replikacep.bg-warning::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f05a";background: rgb(255, 193, 7);}
.mb-2, .my-2 {margin-bottom: .0rem !important;}
/* Haberler  css  Bitiş */

slider.min  css de  bul :

Kod Seç Genişlet

#smf_slider {overflow: hidden;}
degiştir :

Kod Seç Genişlet

#smf_slider {position: sticky;}
bul :

Kod Seç Genişlet

.sy-pager li.sy-active a{background-color:#557EA0}
degiştir :

Kod Seç Genişlet

.sy-pager li.sy-active a{background-color:#ffc107}

[tekyürek]

buradan öncelikle  fontawesome  indirin ve temanıza gömün : https://fontawesome.com/download

aşagıdaki degişiklikleride uygulayın sitenizde   Bootstrap ve font awesome  kurulu olmuş olacaktır

index.template.php bul  

Kod Seç Genişlet

function template_init()
{
 global $settings, $txt;

degiştir :

Kod Seç Genişlet

function template_init()
{
 global $settings, $txt;
 loadCSSFile('all.css');


bul  :

Kod Seç Genişlet

// Load in any javascipt that could be deferred to the end of the page
template_javascript(true);;
degiştir :

Kod Seç Genişlet

// Load in any javascipt that could be deferred to the end of the page
template_javascript(true);
echo ' <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>';

index.css  bul  :

Kod Seç Genişlet

/* You can find detailed information at https://wiki.simplemachines.org/smf/Curve2_CSS

degiştir :

Kod Seç Genişlet

@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css);
/* You can find detailed information at https://wiki.simplemachines.org/smf/Curve2_CSS

[ramooo19]

buda yeni herhalde denemek lazım

bu arada rc sürümü yayınlandımı ??

[ByGold]

Karar verdim bende 2.1 kullanıcam @tekyürek sizin sayenizde :)))

[tekyürek]

Karar verdim bende 2.1 kullanıcam @tekyürek sizin sayenizde :)))

Geç bakalım  final version  ciksin daha cok seyler yaparız

[ramooo19]

bu ne böyle hiç bir script destek sitelrınden destek alamıyoruz!sonrada Forum siteleri bitti denir tabi biter! turkiye destek sitelerinden destek alamayınca uğraşmak gelmiyor içimizden :S

https://www.smf.gen.tr/smf/index.php?topic=3418.msg19944;topicseen#msg19944

cevap gelmedi daha bu yazdıklarım smf için değil sadece diğerleride aynı durumda.

[tekyürek]

bu ne böyle hiç bir script destek sitelrınden destek alamıyoruz!sonrada Forum siteleri bitti denir tabi biter! turkiye destek sitelerinden destek alamayınca uğraşmak gelmiyor içimizden :S

https://www.smf.gen.tr/smf/index.php?topic=3418.msg19944;topicseen#msg19944

cevap gelmedi daha bu yazdıklarım smf için değil sadece diğerleride aynı durumda.

Sanirsam tablolari degistirirsen sifiri ile smf nin ilk kurulmus haline doner  gruplar