SMF 2.1 Slayt Gösterisi Admin panel ayarlı

[tekyürek]

bazı arkadaşlar  bu özelligi temaya ekleyip tema yaptım diyerek çok ciddi rakamlara  tema satmaya çalışıyor alın size Slayt gösterisi

demo : http://demo.replikacepsatis.com/index.php

arkadaşlar daha çok  iyisini yapardım ama pc nin başına oturunca aşırı sigara içiyorum k.b   :D

admin panelli   slayt gösterisi


yazar  : tekyürek / www.replikacep.com



admin panel : admin panel/  yapılandırma /modifaksyon ayarları  / çeşitli




Slayt sadece ana sayfada  gözükürr  :)  heryerde gözüksün derseniz  index.template.php  eklemeniz lazım
BoardIndex.template.php  yerine  


BoardIndex.template.php bul :

Kod Seç Genişlet

// Show the news fader?  (assuming there are things to show...)
 if (!empty($settings['show_newsfader']) && !empty($context['news_lines']))
 {
 echo '
 <ul id="smf_slider" class="roundframe">';

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

 echo '
 </ul>
 <script>
 jQuery("#smf_slider").slippry({
 pause: ', $settings['newsfader_time'], ',
 adaptiveHeight: 0,
 captions: 0,
 controls: 0,
 });
 </script>';
 }
}



degiştir :

Kod Seç Genişlet

// Show the news fader?  (assuming there are things to show...)
 if (!empty($settings['show_newsfader']) && !empty($context['news_lines']))
 {
 echo '
 <ul id="smf_slider" class="roundframe">';

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

 echo '
 </ul>
 <script>
 jQuery("#smf_slider").slippry({
 pause: ', $settings['newsfader_time'], ',
 adaptiveHeight: 0,
 captions: 0,
 controls: 0,
 });
 </script>';
     if (!empty($modSettings['slayt_onoff']))
    {
     echo ' <br>
<div class="slideshow-container">
  <div class="mySlides fade">
    <div class="numbertext">1 / 2</div>
    <img src="'. $modSettings['slayt_adres']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;">
    <div class="text">'. $modSettings['slayt_text']. '</div>
  </div>

  <div class="mySlides fade">
    <div class="numbertext">2 / 3</div>
    <img src="'. $modSettings['slayt_adres1']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;">
    <div class="text">'. $modSettings['slayt_text1']. '</div>
  </div>

  <div class="mySlides fade">
    <div class="numbertext">3 / 4</div>
    <img src="'. $modSettings['slayt_adres2']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;">
    <div class="text">'. $modSettings['slayt_text2']. '</div>
  </div>
  
  <div class="mySlides fade">
    <div class="numbertext">4 / 1</div>
    <img src="'. $modSettings['slayt_adres3']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;">
    <div class="text">'. $modSettings['slayt_text3']. '</div>
  </div>
  
  <a class="prev" onclick="plusSlides(-1)">❮</a>
  <a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>

<div style="text-align:center">
  <span class="dot" onclick="currentSlide(1)"></span>
  <span class="dot" onclick="currentSlide(2)"></span>
  <span class="dot" onclick="currentSlide(3)"></span>
  <span class="dot" onclick="currentSlide(4)"></span>
</div><br>';
          }
 }
}



index.template.php  bul :

Kod Seç Genişlet

// Load in any javascipt that could be deferred to the end of the page
 template_javascript(true);
 echo '
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>
var slideIndex = 1;
showSlides(slideIndex);

// Next/previous controls
function plusSlides(n) {
  showSlides(slideIndex += n);
}

// Thumbnail image controls
function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  setTimeout(showSlides, 2000);
}

</script>


Sources/ManageSettings.php bull:  

Kod Seç Genişlet

// Mod authors, add any settings UNDER this line. Include a comma at the end of the line and don't remove this statement!!

degiştir :  

Kod Seç Genişlet

// Mod authors, add any settings UNDER this line. Include a comma at the end of the line and don't remove this statement!!
    array('check', 'slayt_onoff'),
 '',
 array('text', 'slayt_adres', '30'),
 array('text', 'slayt_text', '30'),
 '',
 array('text', 'slayt_adres1', '30'),
 array('text', 'slayt_text1', '30'),
 '',
 array('text', 'slayt_adres2', '30'),
 array('text', 'slayt_text2', '30'),
 '',
 array('text', 'slayt_adres3', '30'),
 array('text', 'slayt_text3', '30'),

Modifications.turkish.php  : ekle

Kod Seç Genişlet

$txt['slayt_onoff'] = '<font style="color:red;">Slayt modunu  Aktif Etmek için  sagdaki kutucugu işaretleyin</font>';
$txt['slayt_adres'] = ' Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_text'] = ' Resim ürerindeki yazıyı gir';
$txt['slayt_adres1'] = ' Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_text1'] = ' Resim ürerindeki yazıyı gir';
$txt['slayt_adres2'] = ' Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_text2'] = ' Resim ürerindeki yazıyı gir';
$txt['slayt_adres3'] = ' Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_text3'] = ' Resim ürerindeki yazıyı gir';

index.css  en  sona ekle :

Kod Seç Genişlet

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

[sukobey]

Merhaba paylaşım için teşekkürler.Bunu paket ekleme kısmında ekleme şansımız var mı ?

[tekyürek]

Direk tema olarak isterseniz tegmin ederiz   ucretli

dilerseniz  : 100 tl lik host alarak bedavaya temayı alabilirsiniz ücretsiz destek veriyorum   host alanlara

[ramooo19]

 

buda güzel hangi versiyonlarda çalışıyor bu rc 1 veya alt sürümü mü ??

[tekyürek]

buda güzel hangi versiyonlarda çalışıyor bu rc 1 veya alt sürümü mü ??

Smf  2.1 RC 1 için yapmıştım  benim sitedeki ile aynı degildir  https://www.replikacep.com/index.php?action=forum  benim sitedeki farklıdır bundan