Börü [SMF 2.0 - Responsive Theme]

Merhaba, tekrar hoş geldiniz!

Bilgi sahibi olanlarla ihtiyaç duyanları buluşturmak, farklı bakış açılarına sahip insanları bir araya getirerek birbirlerini daha iyi anlamalarını sağlamak ve herkesin bilgisini paylaşmasını sağlamak istiyoruz.

orhan

Moderator
Katılım
5 Ara 2018
Mesajlar
466
Tepkime puanı
88
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


To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

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:
kardeşim ellerine ve emegine sagık süper olmuş gene temalarım
 
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
 
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;
}
 
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?
 
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);
 
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
 
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;
 
How would I go about disabling the loading page? The one with the 4 vertical purple bars?
 
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?
 
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
 
Nevermind, found it. It was <div id="global-loader"></div>.
 
I found a bug. When the forum is at a middle size, this happens:
02DwhO2.png
 
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;
}
 
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.
 
A similar issue happens in the unread section. Could you provide a fix?

Picture of the problem:
Vxxsvje.png
 

Geri
Üst Alt