Smf'ye hazır Slider kurulumu

celalyagmur · 24 Ara 2020, 02:53

Merhaba arkadaşlar,kusura bakmayınız o kadar çok forumlarda aradım ve videolar izledimki,hepside head head etiketinin arasına bu kodları yapıştır diyor ve başka birşey demiyorlar.! Bu head etiketi nerdedir hangisidir bilmiyorum.? Hazır bir Slider indirdim bunu smf forumunun Portal ana sayfasına üst kısma,yani site resminin logosunun hemen altına eklemek istiyorum fakat nasıl yapacağımı bilmiyorum.? Bu konuda benim anlayacağım şekilde anlatacak olan olursa çok memnun kalırım.Sliderin dosyalarını sunucumun ana kısmına yani forumun yüklü olduğu bölümüne yükledim.Peki bundan sonra ne yapmam lazım.? Hiç bir koda ihtiyaç yok hepsi hazır,fakat bunu sitemde nasıl göstereceğim üst kısımda onu bilmiyorum.Şimdiden herkese tşk ederim...Bu arada site adresim: www.islamvetarih.com Burda üstteki akan resim sılaytının tam yerine koymak istiyorum bu Slideri...

tarantula901 · 24 Ara 2020, 13:15

Şuanda sitede slider yüklü gözüküyor o kısımda güzel duruyor aslında.

Head kodları temanızda bulunan index.template.php dosyasımdadır.

Slider bu şekilde eklediniz yerünimi değiştirmek istiyorsunuz.

celalyagmur · 24 Ara 2020, 14:49

Hayır hocam yerini değil tamda o kısma kurmak istiyorum.Elimdeki slider daha modern ve şık artı güzel geçiş efekleri filan var.Şu anki sürekli akıp gidiyor,ben 3,5 saniye durup diğer resmin gelmesini istiyorum.Ve bunu yaparkende çok güzel efekleri filan var yeni sliderin..Bakın bu demosu en üstteki slider http://www.webcebir.com/htmltest/responsiveslider/endex.html Çok şık bir slider...Ben gereken dosyaları sunucuma attım,sadece bunu sitemde o malum yerde nasıl gösterebilirim hepsi bu...Eski slideri kaldırıp yenisini kurmak istiyorum Saygılar Selamlar...

tarantula901 · 24 Ara 2020, 22:01

Alıntı yapılan: celalyagmur - 24 Ara 2020, 14:49Hayır hocam yerini değil tamda o kısma kurmak istiyorum.Elimdeki slider daha modern ve şık artı güzel geçiş efekleri filan var.Şu anki sürekli akıp gidiyor,ben 3,5 saniye durup diğer resmin gelmesini istiyorum.Ve bunu yaparkende çok güzel efekleri filan var yeni sliderin..Bakın bu demosu en üstteki slider http://www.webcebir.com/htmltest/responsiveslider/endex.html Çok şık bir slider...Ben gereken dosyaları sunucuma attım,sadece bunu sitemde o malum yerde nasıl gösterebilirim hepsi bu...Eski slideri kaldırıp yenisini kurmak istiyorum Saygılar Selamlar...

Göstermiş olduğunuz linkteki ile aynı boyutta olacak ise.

endex.html içinde bulunan kodları index.template.php doyasına eklemek.

index.template.php dosyasında şunu aratın.

Kod Seç

</header>';
bu kodun altına endex.html içindeki kodları ekleyebilirsiniz tabi içinden bazı kodları kaldırıp kullanmanız gerek.

celalyagmur · 24 Ara 2020, 22:52

Sliderin içindeki index.html kodlarını index.templete.php nin içindeki head ın altına ekliyorum doğrumu.? Byutuna gelince zaten bu respensiva yani mobil uymlu tasarlanmış,eğer tam ekran olmazsa onu css dosyasında ayarlarım bi ihtimal..index.yemplete.php ye baktım sadece bir yerde head etiketi gördüm.Onun hemen altına ekliyorum tamamdır inşallah.Sizden haber bekliyecem okeylerseniz yapacağım hemen kolay gelsin.

tarantula901 · 24 Ara 2020, 23:33

Alıntı yapılan: celalyagmur - 24 Ara 2020, 22:52Sliderin içindeki index.html kodlarını index.templete.php nin içindeki head ın altına ekliyorum doğrumu.? Byutuna gelince zaten bu respensiva yani mobil uymlu tasarlanmış,eğer tam ekran olmazsa onu css dosyasında ayarlarım bi ihtimal..index.yemplete.php ye baktım sadece bir yerde head etiketi gördüm.Onun hemen altına ekliyorum tamamdır inşallah.Sizden haber bekliyecem okeylerseniz yapacağım hemen kolay gelsin.

Üste kodları nereye ekleyeceğinizi söyledim head içine eklenmeyecek söylediğim koddan sonra ekleyeceksin.

şiz kodları ekleyin hangi kodları ekleyecekseniz kodları buraya ekleyeyım

celalyagmur · 24 Ara 2020, 23:47

Hocam sunucuya attığım Slider dosyasının içindeki index.html içinde bu kodlar var...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script src="jquery.bxslider.js"></script> <link href="jquery.bxslider.css" rel="stylesheet" /> </head> <script> $(function(){ $('.bxslider').bxSlider({ responsive:true, mode: 'fade', captions: true, slideWidth: 600 }); }); </script> <body> <div class="bxslider"> <div><img src="images/coffee1.jpg" title="Deneme yazısı"></div> <div><img src="images/coffee2.jpg" title="Test yazı"></div> <div><img src="images/coffee3.jpg" title="HTML Slider"></div> </div> </body> </html>

Bu kodları alıp index.templete.php nin içindeki </header>'; hemen altına ekliyorum doğrumudur.?

tarantula901 · 25 Ara 2020, 00:00

Alıntı yapılan: celalyagmur - 24 Ara 2020, 23:47Hocam sunucuya attığım Slider dosyasının içindeki index.html içinde bu kodlar var...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script src="jquery.bxslider.js"></script> <link href="jquery.bxslider.css" rel="stylesheet" /> </head> <script> $(function(){ $('.bxslider').bxSlider({ responsive:true, mode: 'fade', captions: true, slideWidth: 600 }); }); </script> <body> <div class="bxslider"> <div><img src="images/coffee1.jpg" title="Deneme yazısı"></div> <div><img src="images/coffee2.jpg" title="Test yazı"></div> <div><img src="images/coffee3.jpg" title="HTML Slider"></div> </div> </body> </html>

Bu kodları alıp index.templete.php nin içindeki </header>'; hemen altına ekliyorum doğrumudur.?

dosyayı eke ekleyin.

celalyagmur · 25 Ara 2020, 00:14

Dosyamız bu hocam.

tarantula901 · 25 Ara 2020, 00:39

index.template.php dosyasında

ara

Kod Seç

</header>';

altına ekle

Kod Seç

echo'<div class="bxslider">
  <div><img src="images/coffee1.jpg" title="Deneme yazısı"></div>
  <div><img src="images/coffee2.jpg" title="Test yazı"></div>
  <div><img src="images/coffee3.jpg" title="HTML Slider"></div>
</div>';

sonrasında index.template.php dosyasına şunları ekle

ilk önce ara

Kod Seç

// jQuery 3.2.1
 echo'
 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <script>
 var jq = jQuery.noConflict(true);
 </script>';

altına ekle

Kod Seç

echo'<script type="text/javascript" src="jquery-1.9.1.js"></script>
 <script src="jquery.bxslider.js"></script>
 <link href="jquery.bxslider.css" rel="stylesheet" />

<script>
$(function(){
  $('.bxslider').bxSlider({
  auto: true,
  autoControls: true,
  stopAutoOnClick: true,
  pager: true,
  slideWidth: 600
});
});
</script>';

celalyagmur · 25 Ara 2020, 11:33

Tşk ederim hocam...Dediklerinizi yapıp deneyeceğim eyvallah...

celalyagmur · 25 Ara 2020, 17:47

Hocam dediğinizi harfiyen yaptım...Fakat şöyle bir yazı çıkıyor site yüklendiğinde..."'main_above' adlı tema yüklenemiyor" O kodları silip eski haline getirmeme rağmen site açılmıyor.! Şimdi ne yapmam gerek hocam site açılmıyor...

tarantula901 · 25 Ara 2020, 19:28

Alıntı yapılan: celalyagmur - 25 Ara 2020, 17:47Hocam dediğinizi harfiyen yaptım...Fakat şöyle bir yazı çıkıyor site yüklendiğinde..."'main_above' adlı tema yüklenemiyor" O kodları silip eski haline getirmeme rağmen site açılmıyor.! Şimdi ne yapmam gerek hocam site açılmıyor...

index.template.php dosyasını eke eklermisin sorunu düzeltip kullanınırsınız.

Bu arada imzamdada belirtttim yedek almadan işlem yapmayın diye :D

üsteki kodları eksik etmişim onları tekrar düzeltirsenizde sorun düzelir.

celalyagmur · 25 Ara 2020, 20:19

Hocam iki gün önce yadek almıştım iyiki.Hostumu arayıp yedeği tekrardan kurdurdum,şimdi çakışıyor site...Hangi kodlar eksikmiş ben bilmiyorum.? İsterseniz ben index.templete.php yi buraya eke vereyim siz kodları yerleştirip tekrardan buraya ekleyin bende onu olduğu gibi geri sunucuma atayım olmazmı.? Buyrun eke ekledim dosyayı...

tarantula901 · 26 Ara 2020, 02:26

Ekteki dosyayı kullanabilirsin.

celalyagmur · 26 Ara 2020, 02:47

Hocam ekteki resme bakın böyle gösteriyor,neden acaba.? Tamda istediğim yere denk gelmiş ama bu şekilde duruyor

tarantula901 · 26 Ara 2020, 19:00

Link yollarını ftpye attığın slider link yoluyla değiştirmen gerek.

örneğin js kodları için

Kod Seç

<script type="text/javascript" src="jquery-1.9.1.js"></script>
 <script src="jquery.bxslider.js"></script>
 <link href="jquery.bxslider.css" rel="stylesheet" />

şu kodlarda src=" yazan kısma ftp attığın dosya yoluyla değitşirmen gerek diyelim ftpde slider klasor var bu klasorun içinde jquery-1.9.1.js dosyası var şu şekilde değiştirmen gerek

<script type="text/javascript" src="slider/jquery-1.9.1.js"></script>

bu şekilde çalışmaz ise link şeklinde ekle

celalyagmur · 26 Ara 2020, 21:01

Tmm hocam tşk ederim...Sizede zahmet verdik hakkınızı helal edin.

celalyagmur · 26 Ara 2020, 22:47

Hocam,public_html dizinindeki "responsiveslider" klasörünün içinde sliderin tüm dosyaları...Bu şekilde yaptım

<script type="text/javascript" src="responsiveslider/jquery-1.9.1.js"></script> olmadı...

Şu şekilde yaptım yine olmadı...<script type="text/javascript" src="public_html/responsiveslider/jquery-1.9.1.js"></script>

Dizizndeki "resposiveslider"klasörün linkini ekledim olmadı...Klasörü açıp oranın linkini ekledim yine olmadı...

Hala o gösterdiğim resimdeki gibi duruyor...İmages klasörüne yazma iznide verdim yine olmadı.!

Ben bu işi başaramayacam galiba,artık vazgeçiyorum çünkü olmuyor birtürlü...Sizede zahmet verdik hakkınızı helal edin...Yardımınız için ayrıca tşk ederim sağolasınız...

tarantula901 · 27 Ara 2020, 03:38

Alıntı yapılan: celalyagmur - 26 Ara 2020, 22:47Hocam,public_html dizinindeki "responsiveslider" klasörünün içinde sliderin tüm dosyaları...Bu şekilde yaptım

<script type="text/javascript" src="responsiveslider/jquery-1.9.1.js"></script> olmadı...

Şu şekilde yaptım yine olmadı...<script type="text/javascript" src="public_html/responsiveslider/jquery-1.9.1.js"></script>

Dizizndeki "resposiveslider"klasörün linkini ekledim olmadı...Klasörü açıp oranın linkini ekledim yine olmadı...

Hala o gösterdiğim resimdeki gibi duruyor...İmages klasörüne yazma iznide verdim yine olmadı.!

Ben bu işi başaramayacam galiba,artık vazgeçiyorum çünkü olmuyor birtürlü...Sizede zahmet verdik hakkınızı helal edin...Yardımınız için ayrıca tşk ederim sağolasınız...

js olayı çalışıyor sanırım ancak resimde değişiklik yapmadığınız için resimler kırık duruyor.

src="public_html/responsiveslider/jquery-1.9.1.js"

üsteki kısımları çalışmaz ise site adı şeklinde yapın.

src="http://www.siteadi.com/responsiveslider/jquery-1.9.1.js"

üsteki gibi.

sonrasında resimli kısımlara resim eklemeyi unutmayın.

yani şu

<img src="images/coffee1.jpg" title="Deneme yazısı">

resimleri kendi resimlerinizle değiştirn

images/coffee1.jpg

celalyagmur · 27 Ara 2020, 07:08

Peki hocam bunuda deneyeyim,inşallah olur bu sefer...Olumlu veya olumsuz tekrar dönerim size ben...

tarantula901 · 27 Ara 2020, 18:19

Alıntı yapılan: celalyagmur - 27 Ara 2020, 07:08Peki hocam bunuda deneyeyim,inşallah olur bu sefer...Olumlu veya olumsuz tekrar dönerim size ben...

siz deneyin sorun olursa tekrardan yardımcı olurum.

celalyagmur · 28 Ara 2020, 00:40

Hocam dediklerinizi yaptım sanki olacak gibi bu sefer...Her iki yoluda denedim...Resimleride değiştim ve adlarını yazdım mesela 1.jpg 2.jpg diye index.templete.php nin içinede kaydettim...Ana sayfada siliderin olacağı yer boş beyaz gözüküyor silider orda fakat göstermiyor,bi bakabilirmisiniz siteye,sizden haber bekleyeceğim...

celalyagmur · 28 Ara 2020, 17:29

Hocam siz daha iyi bilirsiniz belkide ama bana göre sanki images klasörü ile alakalı gibi gözüküyor sorun.? Çünkü slideri ana ekranda gösteriyor ama sadece beyaz bir boşluk olarak.Sliderin çerçeve resimleri ve benim attığım resimler kırık görünüyor.? Acaba bu resim klasörünü başka bir bölümemi taşımamız lazımdır diye düşünüyorum.Mesela kullandığım temanın images klasörüne veya default temanın içine gibi.?

tarantula901 · 29 Ara 2020, 18:38

Alıntı yapılan: celalyagmur - 28 Ara 2020, 17:29Hocam siz daha iyi bilirsiniz belkide ama bana göre sanki images klasörü ile alakalı gibi gözüküyor sorun.? Çünkü slideri ana ekranda gösteriyor ama sadece beyaz bir boşluk olarak.Sliderin çerçeve resimleri ve benim attığım resimler kırık görünüyor.? Acaba bu resim klasörünü başka bir bölümemi taşımamız lazımdır diye düşünüyorum.Mesela kullandığım temanın images klasörüne veya default temanın içine gibi.?

resim ile ilgili kısımları çalışan resimli linklerle değiştirirseniz resim konusunda sorun yaşamazsınız.

Link şeklinde ekleyin

<img src"http://www.siteadi.com/images/resim1.jpg">

pascal37 · 29 Ara 2020, 21:54

hocam üstteki kayan yazı çok hızlı onu biraz yavaşlat istersen ancak imleci üstüne getirince donuyor ama az birşey daha yavaşlatırsan bence on numara olur.

celalyagmur · 30 Ara 2020, 00:07

Alıntı yapılan: pascal37 - 29 Ara 2020, 21:54hocam üstteki kayan yazı çok hızlı onu biraz yavaşlat istersen ancak imleci üstüne getirince donuyor ama az birşey daha yavaşlatırsan bence on numara olur.

Tşk ederim kardeşim dediğinizi yapacağım eyvallah

tekyürek · 30 Ara 2020, 23:09

Alıntı yapılan: celalyagmur - 30 Ara 2020, 00:07Tşk ederim kardeşim dediğinizi yapacağım eyvallah

Ben paylasmistim 2.1 bolumunde mevcut paylasim

tarantula901 · 30 Ara 2020, 23:14

Alıntı yapılan: tekyürek - 30 Ara 2020, 23:09Ben paylasmistim 2.1 bolumunde mevcut paylasim

Linkini at buraya'da arkadaş baksın belki işine yarar.

tekyürek · 30 Ara 2020, 23:17

Alıntı yapılan: tarantula901 - 30 Ara 2020, 23:14Linkini at buraya'da arkadaş baksın belki işine yarar.

:) http://www.smf.gen.tr/smf/index.php?topic=2762.0

tarantula901 · 30 Ara 2020, 23:24

Alıntı yapılan: tekyürek - 30 Ara 2020, 23:17:) http://www.smf.gen.tr/smf/index.php?topic=2762.0

Arkadaş bunu sitesinde yaptığında bunun bir resimini alalım, sende konuya resim eklemedim nasıl göründüğüyle ilgili

celalyagmur · 31 Ara 2020, 00:25

Tmm hocam bu gece inşallah bunu ekleyip demo görüntüleri atarım buraya tşk.ederim

celalyagmur · 31 Ara 2020, 01:19

BoardIndex.template.php bul :

Kod Seç

/**
* This actually displays the board index
*/
function template_main()
{
global $context, $txt, $settings, $scripturl;

echo '
<div id="boardindex_table" class="boardindex_table">';

bunlara dikkat et :
global $context, $settings, $modSettings;

Bunu bul demiş arkadaş...Fakat bendeki hem defaul temada hemde Sunrise temamda bu satırı bulamadım.! Bendeki şu şekilde başlıyor satır.!

Kod Seç

*/
function template_main()
{
  global $context, $settings, $options, $txt, $scripturl, $modSettings;

  // Random News For Phones&Tablets.
  if ($settings['show_newsfader'] && !empty($context['fader_news_lines']) && !empty($settings['news_boardindex_only']))
  {
     echo'
     <div class="news_marquee" style="margin-bottom: 2em;">
        <i class="fas fa-info"></i>
        <div class="newslines"><div class="marquee">';

Şu kod yok bende...

Kod Seç

/**
* This actually displays the board index

tarantula901 · 31 Ara 2020, 01:34

Konusuna yaz arkadaş cevap yazacaktır, gerekirse bende yazarım, kodları kod tagın ıcıne alarak eklermisiniz.

celalyagmur · 31 Ara 2020, 01:57

Oraya yazdım fakat,konu120 günlük olduğu için cevap yazamadım oraya,musade etmiyor cevaba.! Yeni konu aç denilyor...Bu sebepten size yazdım.

tarantula901 · 31 Ara 2020, 02:04

Alıntı yapılan: celalyagmur - 31 Ara 2020, 01:57Oraya yazdım fakat,konu120 günlük olduğu için cevap yazamadım oraya,musade etmiyor cevaba.! Yeni konu aç denilyor...Bu sebepten size yazdım.

siz o uyarıya kulak asmayın mesaj gönderiliyorsa gönderin buradaki bilgiler 120 güne eskilenecek konular değil çünkü.

Türkçe Smf Teknik Destek Sitesi

Haberler:

Smf'ye hazır Slider kurulumu

celalyagmur

tarantula901

celalyagmur

tarantula901

celalyagmur

tarantula901

celalyagmur

tarantula901

celalyagmur

tarantula901

celalyagmur

celalyagmur

tarantula901

celalyagmur

tarantula901

celalyagmur

tarantula901

celalyagmur

celalyagmur

tarantula901

celalyagmur

tarantula901

celalyagmur

celalyagmur

tarantula901

pascal37

celalyagmur

tekyürek

tarantula901

tekyürek

tarantula901

celalyagmur

celalyagmur

tarantula901

celalyagmur

tarantula901