Advertisement:

Author Topic: SMF 2.1 Slayt Gösterisi Admin panel ayarlı  (Read 598 times)

Offline Replikacep

  • Jr. Member
  • **
  • Posts: 371
  • Gender: Male
    • Orjinal Cin Kore Telefon lari Rom ve Destek
SMF 2.1 Slayt Gösterisi Admin panel ayarlı
« on: January 20, 2019, 05:45:57 AM »
herkese merhabalar 

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

arkadaşlar daha çok  iyisini yapardım ama pc nin başına oturunca aşırı sigara içiyorum kusura bakmayınız  anca bukadar yapabildim   :-[

admin panelli   slayt gösterisi


yazar  : tekyürek / www.replikacep.com konunun  bulundugu asıl site :  http://www.smf.gen.tr/smf/index.php?topic=2633.0

7

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

7


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 :

Code: [Select]
// 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 :
Code: [Select]
// 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 :
Code: [Select]
// Load in any javascipt that could be deferred to the end of the page
 template_javascript(true);
 echo '

degiştir :
Code: [Select]
// 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: 
Code: [Select]
// 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 : 
Code: [Select]
// 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'),


index.css  en  sona ekle :
Code: [Select]
* {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}
}

Offline Replikacep

  • Jr. Member
  • **
  • Posts: 371
  • Gender: Male
    • Orjinal Cin Kore Telefon lari Rom ve Destek
Re: SMF 2.1 Slayt Gösterisi Admin panel ayarlı
« Reply #1 on: January 20, 2019, 10:33:48 AM »
dil dosyasını unutmusum  pardan   konuyu düzenliyemedigim için yanıt olarak yazdım

geçiçi demo : http://demo.replikacepsatis.com/index.php

Modifications.turkish.php  : ekle



Code: [Select]
$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';