Börü [SMF 2.0 - Responsive Theme]


orhan

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
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

boru.png



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',
        ),

silder.png
 
Moderatör tarafında düzenlendi:

ismet

Kayıtlı Üye
Katılım
21 Ara 2018
Mesajlar
68
Tepkime puanı
2
Puanları
8
kardeşim ellerine ve emegine sagık süper olmuş gene temalarım
 

humeydi

Kayıtlı Üye
Katılım
8 Şub 2019
Mesajlar
1
Tepkime puanı
0
Puanları
1
Yaş
1018
indirme linki yokmu acaba
 

reprimond

Kayıtlı Üye
Katılım
25 Şub 2019
Mesajlar
2
Tepkime puanı
0
Puanları
1
Yaş
1018
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

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
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

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
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

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
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

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
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

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
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

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
How would I go about disabling the loading page? The one with the 4 vertical purple bars?
 

orhan

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
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

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
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:
TucfHcU.png
 

Mitch

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
Nevermind, found it. It was <div id="global-loader"></div>.
 

Mitch

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
I found a bug. When the forum is at a middle size, this happens:
02DwhO2.png
 

orhan

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
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

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
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

Kayıtlı Üye
Katılım
15 Mar 2019
Mesajlar
11
Tepkime puanı
0
Puanları
1
Yaş
1018
A similar issue happens in the unread section. Could you provide a fix?

Picture of the problem:
Vxxsvje.png
 
Üst Alt