QUICK NEWS

{NEW} - A new css video is up.

{OLD} - New video courtesy of Skhilled, Thanks for posting it up.

Video of the moment:


Internal Links

SMF Sites

Quick Info

SMF 2.1 Slideshow Admin panel set (Bostrap)

Started by replikacep, May 13, 2019, 03:43 PM

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

replikacep

replikacep.com also share the slide show I've done a thank you enough  :)

author: replikacep.com  ( tekyürek )

örnek  : https://www.replikacep.com/index.php?action=forum


BoardIndex.template.php find :

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

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


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

 echo '
 <div id="boardindex_table" class="boardindex_table">';
    if (!empty($settings['slayt_onoff']))
    {
    echo '<div id="replika" class="carousel slide" data-ride="carousel">
  <ul class="carousel-indicators">
    <li data-target="#replika" data-slide-to="1" class="active"></li>
    <li data-target="#replika" data-slide-to="2"></li>
    <li data-target="#replika" data-slide-to="3"></li>
 <li data-target="#replika" data-slide-to="4"></li>
 <li data-target="#replika" data-slide-to="5"></li>
    </ul><div class="carousel-inner"><div class="carousel-item active">
    <img src="'. $settings['slayt_adres']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;border-width: 2px;">
      <div class="carousel-caption d-none d-md-block">
  <h5 style="font-size: 20px;font-family: Times New Roman;color: rgba(248, 239, 221, 0.9);">'. $settings['slayt_article_upper']. '</h5>
  <a style="text-decoration: none;" target="_blank" href="'. $settings['slayt_link']. '"><p style="color: #f2f2f2;font-size: 35px;padding: 13px 15px;text-align: center;border-style: dashed;border-width: 1px;background-color: rgba(243, 222, 132, 0.3);font-family: Times New Roman, Arial, Helvatica;">'. $settings['slayt_article_lower']. '</p></a>
  </div>
      </div>
    <div class="carousel-item">
    <img src="'. $settings['slayt_adres1']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;border-width: 2px;">
  <div class="carousel-caption d-none d-md-block">
  <h5 style="font-size: 20px;font-family: Times New Roman;color: rgba(248, 239, 221, 0.9);">'. $settings['slayt_article_upper1']. ' </h5>
  <a style="text-decoration: none;" target="_blank" href="'. $settings['slayt_link1']. '"><p style="color: #f2f2f2;font-size: 35px;padding: 13px 15px;text-align: center;border-style: dashed;border-width: 1px;background-color: rgba(243, 222, 132, 0.3);font-family: Times New Roman, Arial, Helvatica;">'. $settings['slayt_article_lower1']. '</p></a>
    </div>
        </div>
    <div class="carousel-item">
    <img src="'. $settings['slayt_adres2']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;border-width: 2px;">
  <div class="carousel-caption d-none d-md-block">
  <h5 style="font-size: 20px;font-family: Times New Roman;color: rgba(248, 239, 221, 0.9);">'. $settings['slayt_article_upper2']. ' </h5>
  <a style="text-decoration: none;" target="_blank" href="'. $settings['slayt_link2']. '"><p style="color: #f2f2f2;font-size: 35px;padding: 13px 15px;text-align: center;border-style: dashed;border-width: 1px;background-color: rgba(87, 87, 87, 0.7);font-family: Times New Roman, Arial, Helvatica;">'. $settings['slayt_article_lower2']. '</p></a>
  </div>
        </div>
  <div class="carousel-item">
    <img src="'. $settings['slayt_adres3']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;border-width: 2px;">
  <div class="carousel-caption d-none d-md-block">
 <h5 style="font-size: 20px;font-family: Times New Roman;color: rgba(248, 239, 221, 0.9);">'. $settings['slayt_article_upper3']. ' </h5>
 <a style="text-decoration: none;" target="_blank" href="'. $settings['slayt_link3']. '"><p style="color: #f2f2f2;font-size: 35px;padding: 13px 15px;text-align: center;border-style: dashed;border-width: 1px;background-color: rgba(87, 87, 87, 0.7);font-family: Times New Roman, Arial, Helvatica;">'. $settings['slayt_article_lower3']. '</p></a>
  </div>
  </div>
    <div class="carousel-item">
    <img src="'. $settings['slayt_adres4']. '"style="width:100%; max-width: 100%;vertical-align: text-top;border-style: dotted;border-width: 2px;">
  <div class="carousel-caption d-none d-md-block">
 <h5 style="font-size: 20px;font-family: Times New Roman;color: rgba(248, 239, 221, 0.9);">'. $settings['slayt_article_upper4']. ' </h5>
 <a style="text-decoration: none;" target="_blank" href="'. $settings['slayt_link4']. '"><p style="color: #f2f2f2;font-size: 35px;padding: 13px 15px;text-align: center;border-style: dashed;border-width: 1px;background-color: rgba(87, 87, 87, 0.7);font-family: Times New Roman, Arial, Helvatica;">'. $settings['slayt_article_lower4']. '</p></a>
  </div>
  </div>
  </div>
<a class="carousel-control-prev" href="#replika" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#replika" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
</div><br>'; 
  }



index.template.php  find :
// load in any javascript files from mods and themes
 template_javascript();

change :
// load in any javascript files from mods and themes
 template_javascript();
 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.template.php find :

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

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


To add to the TeMa panel


Settings.turkish.php:  add

$txt['slayt_onoff'] = '<font style="color: #0f3af3;">Slayt modunu  Aktif Etmek için  sagdaki kutucugu işaretleyin</font>';
$txt['slayt_adres'] = ' <font style="color:#348ef6;">Slayt 1</font> Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_article_upper'] = '<font style="color:#348ef6;">Slayt 1</font> Resim ürerindeki Üstte çıkacak yazıyı gir';
$txt['slayt_article_lower'] = ' <font style="color:#348ef6;">Slayt 1</font>Resim ürerindeki Altında çıkacak yazıyı gir';
$txt['slayt_link'] = '<font style="color:#348ef6;">Slayt 1</font> Çerceve içine Eklenen Yazının İçine Eklenecek Link giriniz';
$txt['slayt_adres1'] = '<font style="color:#348ef6;">Slayt 2</font> Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_article_upper1'] = '<font style="color:#348ef6;">Slayt 2</font> Resim ürerindeki Üstte çıkacak yazıyı gir';
$txt['slayt_article_lower1'] = '<font style="color:#348ef6;">Slayt 2</font> Resim ürerindeki Altında çıkacak yazıyı gir';
$txt['slayt_link1'] = '<font style="color:#348ef6;">Slayt 2</font> Çerceve içine Eklenen Yazının İçine Eklenecek Link giriniz';
$txt['slayt_adres2'] = '<font style="color:#348ef6;">Slayt 3</font> Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_article_upper2'] = '<font style="color:#348ef6;">Slayt 3</font> Resim ürerindeki Üstte çıkacak yazıyı gir';
$txt['slayt_article_lower2'] = '<font style="color:#348ef6;">Slayt 3</font> Resim ürerindeki Altında çıkacak yazıyı gir';
$txt['slayt_link2'] = '<font style="color:#348ef6;">Slayt 3</font> Çerceve içine Eklenen Yazının İçine Eklenecek Link giriniz';
$txt['slayt_adres3'] = '<font style="color:#348ef6;">Slayt 4</font> Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_article_upper3'] = '<font style="color:#348ef6;">Slayt 4</font> Resim ürerindeki Üstte çıkacak yazıyı gir';
$txt['slayt_article_lower3'] = '<font style="color:#348ef6;">Slayt 4</font> Resim ürerindeki Altında çıkacak yazıyı gir';
$txt['slayt_link3'] = '<font style="color:#348ef6;">Slayt 4</font> Çerceve içine Eklenen Yazının İçine Eklenecek Link giriniz';
$txt['slayt_adres4'] = '<font style="color:#348ef6;">Slayt 5</font> Yandaki Kutuya Resim Adresini Gir';
$txt['slayt_article_upper4'] = '<font style="color:#348ef6;">Slayt 5</font> Resim ürerindeki Üstte çıkacak yazıyı gir';
$txt['slayt_article_lower4'] = '<font style="color:#348ef6;">Slayt 5</font> Resim ürerindeki Altında çıkacak yazıyı gir';
$txt['slayt_link4'] = '<font style="color:#348ef6;">Slayt 5</font> Çerceve içine Eklenen Yazının İçine Eklenecek Link giriniz';




Settings.template.php  :find

array(
'id' => 'og_image',
'label' => $txt['og_image'],
'description' => $txt['og_image_desc'],
'type' => 'url',
),

            );


change .:

array(
 'id' => 'og_image',
 'label' => $txt['og_image'],
 'description' => $txt['og_image_desc'],
 'type' => 'url',
 ),

  array(
            'id' => 'slayt_onoff',
            'label' => $txt['slayt_onoff'],
          ),   

        array(
        'id' => 'slayt_adres',
        'label' => $txt['slayt_adres'],
        'type' => 'text',
      ),
        array(
        'id' => 'slayt_article_upper',
        'label' => $txt['slayt_article_upper'],
        'type' => 'text',
 
 ),
        array(
        'id' => 'slayt_link',
        'label' => $txt['slayt_link'],
        'type' => 'text',
 
 ),
        array(
        'id' => 'slayt_article_lower',
        'label' => $txt['slayt_article_lower'],
        'type' => 'text',
 
 ),
 '',
        array(
        'id' => 'slayt_adres1',
        'label' => $txt['slayt_adres1'],
        'type' => 'text',
 ),
        array(
        'id' => 'slayt_article_upper1',
        'label' => $txt['slayt_article_upper1'],
        'type' => 'text',
 ),
    array(
        'id' => 'slayt_link1',
        'label' => $txt['slayt_link1'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_article_lower1',
        'label' => $txt['slayt_article_lower1'],
        'type' => 'text',
 ),
 '',
 array(
        'id' => 'slayt_adres2',
        'label' => $txt['slayt_adres2'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_article_upper2',
        'label' => $txt['slayt_article_upper2'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_link2',
        'label' => $txt['slayt_link2'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_article_lower2',
        'label' => $txt['slayt_article_lower2'],
        'type' => 'text',
 ),
 '',
 array(
        'id' => 'slayt_adres3',
        'label' => $txt['slayt_adres3'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_article_upper3',
        'label' => $txt['slayt_article_upper3'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_link3',
        'label' => $txt['slayt_link3'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_article_lower3',
        'label' => $txt['slayt_article_lower3'],
        'type' => 'text',
 ),
 '',
 array(
        'id' => 'slayt_adres4',
        'label' => $txt['slayt_adres4'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_article_upper4',
        'label' => $txt['slayt_article_upper4'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_link4',
        'label' => $txt['slayt_link4'],
        'type' => 'text',
 ),
 array(
        'id' => 'slayt_article_lower4',
        'label' => $txt['slayt_article_lower4'],
        'type' => 'text',
 ),
 );

Bigguy

That looks real nice. I like your site. :rgton
"It's the American dream....cause ya have to be asleep to believe it." - George Carlin

lesmond

Nice, is there an english version of Settings.turkish.php or is that the only one?

The only person who got all his work done by Friday was Robinson Crusoe

replikacep

Quote from: lesmond on May 13, 2019, 04:47 PMNice, is there an english version of Settings.turkish.php or is that the only one?

can't you translate english language :)

I'm weak with English :D

LandyVlad

If you have your best crack at it we may be able to tidy it up. It just that your English is MUCH better than our Turkish :)
Please do not PM me with questions on astrophysics or theology.  You will get better and faster responses by asking homeless people in the street. Thank you.

Oldiesmann

SMF 2.1 already includes jQuery so you shouldn't need to add that first <script> line.

Also, Google is helpful with the translations...

$txt['slideshow_onoff'] = '<font style="color:#0f3af3;">Check the box to the right to activate slideshow mode</font>';
$txt['slideshow_adres'] = '<font style="color:#348ef6;">Slide 1</font> Enter Image Address in the Next Box';
$txt['slide_article_upper'] = '<font style="color:#348ef6;">Slide 1</font> Enter the text to be displayed on the top of the image';
$txt['slideshow_article_lower'] = '<font style="color:#348ef6;">Slide 1</font> Enter text to appear under Picture';
$txt['slideshow_link'] = '<font style="color:#348ef6;">Slide 1</font> Please enter a link to insert the text into the frame';
$txt['slideshow_adres1'] = '<font style="color:#348ef6;">Slide 2</font> Enter Image Address in the Next Box';
$txt['slide_article_upper1'] = '<font style="color:#348ef6;">Slide 2</font> Enter the text to appear on the top of the image';
$txt['slideshow_article_lower1'] = '<font style="color:#348ef6;">Slide 2</font> Enter text to appear under Picture';
$txt['slide_link1'] = '<font style="color:#348ef6;">Slide 2</font> Insert a Link to be Inserted into the Framework';
$txt['slide_adres2'] = '<font style="color:#348ef6;">Slide 3</font> Enter Image Address in the Next Box';
$txt['slide_article_upper2'] = '<font style="color:#348ef6;">Slide 3</font> Enter the text to appear on the top of the image';
$txt['slide_article_lower2'] = '<font style="color:#348ef6;">Slide 3</font> Enter the text to appear under Picture';
$txt['slideshow_link2'] = '<font style="color:#348ef6;">Slide 3</font> Please enter a link to insert the text into the frame';
$txt['slide_adres3'] = '<font style="color:#348ef6;">Slide 4</font> Enter Image Address in the Next Box';
$txt['slide_article_upper3'] = '<font style="color:#348ef6;">Slide 4 mUfont> Enter text to be displayed on the top of the image';
$txt['slide_article_lower3'] = '<font style="color:#348ef6;">Slide 4</font> Enter text to appear under Picture';
$txt['slideshow_link3'] = '<font style="color:#348ef6;">Slide 4</font> Please enter a link to insert the text into the frame';
$txt['slideshow_adres4'] = '<font style="color:#348ef6;">Slide 5</font> Enter Image Address in the Next Box';
$txt['slide_article_upper4'] = '<font style="color:#348ef6;">Slide 5</font> Enter the text to appear on the top of the image';
$txt['slideshow_article_lower4'] = '<font style="color:#348ef6;">Slide 5</font> Enter the text to appear under Picture';
$txt['slideshow_link4'] = '<font style="color:#348ef6;">Slide 5</font> Please enter a link to insert the text into the frame';
Christian Metal Fans - https://www.christianmetal.fans