Börü [SMF 2.0 - Responsive Theme]

orhan · 30 Ocak 2019

Börü is a dark & clean, minimal responsive theme for SMF 2.0 . Our style is clean, flat and professional. When you see our design out there, you'll know where it came from, webtiryaki.com This theme is free for personal and commercial use. You are allowed to use it in your projects, change it and adapt for your purposes. You are not allowed to remove the authorship and link to webtiryaki.com

Börü, SMF 2.0 için Siyah, asgari duyarlı bir temadır. Stilimiz temiz, hatasiz ve profesyonel. Tasarıma sahipdir, Börü, Bu tema kişisel ve ticari kullanım için ücretsizdir. Projelerinizde kullanmanıza, değiştirmenize ve amaçlarınıza uyarlamanıza izin verilir. Yazar linkini ve webtiryaki.com sitesine verilen URL'yi kaldirmak yasaktır.

Demo:http://smftheme.byethost18.com/smf/index.php

Böru temaya silder eklemek (Add slider to the theme)

index.template.php

Bu kodu bulup değışın (Find and replace this code)

Kod:

<div id="header">
     <div class="container">
        <h1 class="forumtitle">';
    echo '
            ', empty($settings['site_slogan']) ? '<img id="smflogo" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="Simple Machines Forum" />' : '<div id="siteslogan" class="floatright">' . $settings['site_slogan'] . '</div>', '
        </h1>
    </div>

Değiş Replace With:

Kod:

<div id="header">';
    // Carousel
    if (!empty($settings['st_carousel_index'])) {
        if (empty($_REQUEST['action']) && (empty($board)) && (empty($topic)))
            $carousel = 1;
        else
            $carousel = 0;
    }
    else
        $carousel = 1;
    if (!empty($settings['st_enable_carousel']) && $carousel == 1 && (!empty($settings['st_carousel_img1']) || !empty($settings['st_carousel_img2']) || !empty($settings['st_carousel_img3'])))
    {
        echo '
        <div id="demo" class="carousel slide" data-ride="carousel" data-interval="', !empty($settings['st_carousel_speed']) ? $settings['st_carousel_speed'] : '3500', '">
            <ol class="carousel-indicators">';

            if (!empty($settings['st_carousel_img1']))
                echo '
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>';
            if (!empty($settings['st_carousel_img2']))
                echo '
                <li data-target="#carousel-example-generic" data-slide-to="1"',(empty($settings['st_carousel_img1']) ? ' class="active"' : ''), '></li>';
            if (!empty($settings['st_carousel_img3']))
                echo '
                <li data-target="#carousel-example-generic" data-slide-to="2"',((empty($settings['st_carousel_img2']) && empty($settings['st_carousel_img1'])) ? ' class="active"' : ''), '></li>';
        echo '
            </ol>
            <div class="carousel-inner">';

          
                if (!empty($settings['st_carousel_img1']))
                {
                    echo '
                    <div class="carousel-item active" style="background-image: url(', $settings['st_carousel_img1'], ')">';

                    if (!empty($settings['st_carousel_title1']) || !empty($settings['st_carousel_text1']))
                    {
                        echo '
                        <div class="carousel-caption">
                            ', !empty($settings['st_carousel_title1']) ? ('<h3>'. (!empty($settings['st_carousel_link1']) ? '<a href="'.$settings['st_carousel_link1'].'">'.$settings['st_carousel_title1'].'</a>' : $settings['st_carousel_title1']). '</h3>') : '';

                        if(!empty($settings['st_carousel_text1']))
                            echo '
                            <p>', $settings['st_carousel_text1'],'</p>';

                    echo '
                        </div>';
                    }
                    echo '
                    </div>';
                }

                if (!empty($settings['st_carousel_img2']))
                {
                    echo '
                    <div class="carousel-item',(empty($settings['st_carousel_img1']) ? ' active' : ''), '" style="background-image: url(', $settings['st_carousel_img2'], ')">';

                    if (!empty($settings['st_carousel_title2']) || !empty($settings['st_carousel_text2']))
                    {
                        echo '
                        <div class="carousel-caption">
                            ', !empty($settings['st_carousel_title2']) ? ('<h3>'. (!empty($settings['st_carousel_link2']) ? '<a href="'.$settings['st_carousel_link2'].'">'.$settings['st_carousel_title2'].'</a>' : $settings['st_carousel_title2']). '</h3>') : '';

                        if(!empty($settings['st_carousel_text2']))
                            echo '
                            <p>', $settings['st_carousel_text2'],'</p>';

                    echo '
                        </div>';
                    }
                    echo '
                    </div>';
                }

                if (!empty($settings['st_carousel_img3']))
                {
                    echo '
                    <div class="carousel-item',((empty($settings['st_carousel_img2']) && empty($settings['st_carousel_img1'])) ? ' active' : ''), '" style="background-image: url(', $settings['st_carousel_img3'], ')">';

                    if (!empty($settings['st_carousel_title3']) || !empty($settings['st_carousel_text3'])) {
                        echo '
                        <div class="carousel-caption">
                            ', !empty($settings['st_carousel_title3']) ? ('<h3>'. (!empty($settings['st_carousel_link3']) ? '<a href="'.$settings['st_carousel_link3'].'">'.$settings['st_carousel_title3'].'</a>' : $settings['st_carousel_title3']). '</h3>') : '';

                        if(!empty($settings['st_carousel_text3']))
                            echo '
                            <p>', $settings['st_carousel_text3'],'</p>';

                    echo '
                        </div>';
                    }
                    echo '
                    </div>';
                }

        echo '
            </div>
            <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
        </div>';
    }
    echo '</div>

ThemeStrings.english.php

Bul (Dosyanın en sonunda): Find (at the end of the file):

Kod:

?>

Öncesine Ekle: Add Before:

Kod:

$txt['st_enable_carousel'] = 'Enable carousel';
$txt['st_carousel_speed'] = 'Carousel speed';
$txt['st_carousel_speed_desc'] = 'Speed in miliseconds, use 1000 for 1 second.';
$txt['st_carousel_img1'] = 'Image 1';
$txt['st_carousel_img2'] = 'Image 2';
$txt['st_carousel_img3'] = 'Image 3';
$txt['st_carousel_title1'] = 'Title 1';
$txt['st_carousel_title2'] = 'Title 2';
$txt['st_carousel_title3'] = 'Title 3';
$txt['st_carousel_text1'] = 'Text 1';
$txt['st_carousel_text2'] = 'Text 2';
$txt['st_carousel_text3'] = 'Text 3';
$txt['st_carousel_link1'] = 'Link 1';
$txt['st_carousel_link2'] = 'Link 2';
$txt['st_carousel_link3'] = 'Link 3';
$txt['st_carousel_index'] = 'Allow only on index';
$txt['st_previous'] = 'Previous';
$txt['st_next'] = 'Next';

Settings.template.php

Bul: Find

Kod:

);
}

?>

Öncesine Ekle: Add Before:

Kod:

'',
        array(
            'id' => 'show_bbc',
            'label' => $txt['admin_bbc'],
        ),
        array(
            'id' => 'additional_options_collapsable',
            'label' => $txt['additional_options_collapsable'],
        ),
        '',
        array(
            'id' => 'st_enable_carousel',
            'label' => $txt['st_enable_carousel'],
            'type' => 'checkbox',
        ),
        array(
            'id' => 'st_carousel_index',
            'label' => $txt['st_carousel_index'],
            'type' => 'checkbox',
        ),
        array(
            'id' => 'st_carousel_speed',
            'label' => $txt['st_carousel_speed'],
            'description' => $txt['st_carousel_speed_desc'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_img1',
            'label' => $txt['st_carousel_img1'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_title1',
            'label' => $txt['st_carousel_title1'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_link1',
            'label' => $txt['st_carousel_link1'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_text1',
            'label' => $txt['st_carousel_text1'],
            'type' => 'textarea',
        ),
        array(
            'id' => 'st_carousel_img2',
            'label' => $txt['st_carousel_img2'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_title2',
            'label' => $txt['st_carousel_title2'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_link2',
            'label' => $txt['st_carousel_link2'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_text2',
            'label' => $txt['st_carousel_text2'],
            'type' => 'textarea',
        ),
        array(
            'id' => 'st_carousel_img3',
            'label' => $txt['st_carousel_img3'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_title3',
            'label' => $txt['st_carousel_title3'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_link3',
            'label' => $txt['st_carousel_link3'],
            'type' => 'text',
        ),
        array(
            'id' => 'st_carousel_text3',
            'label' => $txt['st_carousel_text3'],
            'type' => 'textarea',
        ),

ismet · 30 Ocak 2019

kardeşim ellerine ve emegine sagık süper olmuş gene temalarım

replikacep · 30 Ocak 2019

Orhan bey yaparda olmazmi adam yapiyor bea hakkini veriyor

humeydi · 8 Şub 2019

indirme linki yokmu acaba

reprimond · 26 Şub 2019

Anasayfa,yardım vs gibi üstüne gelince mor olmasını nasıl değiştirebiliriz.
index.css de mor bişey bırakmadım ama hala geliyor

orhan · 27 Şub 2019

humeydi' Alıntı:
indirme linki yokmu acaba

wideonun altinda.

orhan · 27 Şub 2019

reprimond' Alıntı:
Anasayfa,yardım vs gibi üstüne gelince mor olmasını nasıl değiştirebiliriz.
index.css de mor bişey bırakmadım ama hala geliyor

bu kodlari bulup düzenleyin

Kod:

.horizontalMenu>.horizontalMenu-list>li>a:hover{
    color: #fff;
    background: linear-gradient(87deg, #ad59ff 0, #7659ff 100%);
    text-decoration: none;
}

Mitch · 15 Mar 2019

I love the theme. How do I change the background color of the top navbar? I looked everywhere, but I don't see that color of gray coded anywhere. Is it an image?

orhan · 15 Mar 2019

Mitch' Alıntı:
I love the theme. How do I change the background color of the top navbar? I looked everywhere, but I don't see that color of gray coded anywhere. Is it an image?

Hi find and replace this code in bootstrap.css

Kod:

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.1rem 1rem;
    background-color: rgba(0,0,0,0.1);
}

background-color: rgba(0,0,0,0.1);

Mitch · 15 Mar 2019

What about editing the category tag, I can't seem to find this one. I also didn't want it to change color on hover. Could you point me in the right direction, please? Example: https://www.chemicalforums.com/catbg.png

orhan · 15 Mar 2019

Mitch' Alıntı:
What about editing the category tag, I can't seem to find this one. I also didn't want it to change color on hover. Could you point me in the right direction, please? Example: https://www.chemicalforums.com/catbg.png

index.css

Kod:

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #ccc;
}

color: #ccc;

Mitch · 15 Mar 2019

I see. Thank you.

Mitch · 16 Mar 2019

How would I go about disabling the loading page? The one with the 4 vertical purple bars?

orhan · 16 Mar 2019

Mitch' Alıntı:
How would I go about disabling the loading page? The one with the 4 vertical purple bars?

Can you articulate that you say hi?

Mitch · 16 Mar 2019

Sorry for the confusion. When you click a link in the theme, there is a loading screen with 4 vertical bars. How can I disable the loading screen?

Image of the four purple vertical bars:

Mitch · 16 Mar 2019

Nevermind, found it. It was <div id="global-loader"></div>.

Mitch · 17 Mar 2019

I found a bug. When the forum is at a middle size, this happens:

orhan · 17 Mar 2019

Mitch' Alıntı:
I found a bug. When the forum is at a middle size, this happens:

index.css
Find

Kod:

@media screen and (max-width: 720px)
table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

Replace With

Kod:

@media screen and (max-width: 720px)
table.table_list tbody.content td.stats, .lastpost, .last_th {
    display: none;
}

Mitch · 17 Mar 2019

That fixed it! Thank you.

FYI, your code calls the English folder "english-utf8", but the package downloads it as "english." This messes up the new.gif image. I renamed my folder "english-utf8" and it works fine now.

Mitch · 18 Mar 2019

A similar issue happens in the unread section. Could you provide a fix?

Picture of the problem:

Language Chooser

Ara

Börü [SMF 2.0 - Responsive Theme]

orhan

ismet

replikacep

humeydi

reprimond

orhan

orhan

Mitch

orhan

Mitch

orhan

Mitch

Mitch

orhan

Mitch

Mitch

Mitch

orhan

Mitch

Mitch

Notice

We value your privacy