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
(https://www.simplemachines.org/community/index.php?action=dlattach;topic=564589.0;attach=260850;image)
admin panel : admin panel/ yapılandırma /modifaksyon ayarları / çeşitli
(https://www.simplemachines.org/community/index.php?action=dlattach;topic=564589.0;attach=260848;image)
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 :
// 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 :
// 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 :
// Load in any javascipt that could be deferred to the end of the page
template_javascript(true);
echo '
degiştir :
// 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:
// 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 :
// 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 :
* {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}
}
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
$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';