Aug 17, 2019, 04:55 PM

News:

Keep an eye on your notifications page. It can get huge.


SMF 2.1 Slideshow Admin panel set (Bostrap)

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

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

replikacep

May 13, 2019, 04:43 PM Last Edit: Jul 02, 2019, 06:07 PM by 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

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, 05: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 :)
I reject your reality, and substitute my own.

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';
Cincy Space - now open! https://www.cincyspace.net