Webmaster Forumu f1wm.net' Kod Forumu - Kodlama Yolculuğunuzun Başladığı Yer
×

Börü [SMF 2.0 - Responsive Theme]

Hello, welcome back!

We want to bring together those who have knowledge and those who need it, to bring together people with different perspectives so that they can understand each other better and to enable everyone to share their knowledge.

  • Sitemiz Bir Webmaster forumu ve tartışma platformu dur webmaster forumu dışındaki konular yasaktır direkt silinecektir.
  • Our site is a Webmaster forum and discussion platform. Topics outside the webmaster forum are prohibited and will be deleted immediately.

Do you Have Something To Sell? Post your ad on webtiryaki.com
orhan

orhan

Moderator
Joined
Dec 5, 2018
Messages
466
Reaction score
95
Points
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)

Code: 
<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:

Code: 
<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):

Code: 
?>

Öncesine Ekle: Add Before:

Code: 
$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

Code: 
);
}

?>

Öncesine Ekle: Add Before:

Code: 
'',
        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
 
Last edited by a moderator:
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 said:
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
Click to expand...

bu kodlari bulup düzenleyin

Code: 
.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 said:
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?
Click to expand...

Hi find and replace this code in bootstrap.css

Code: 
.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 said:
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
Click to expand...

index.css

Code: 
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 said:
How would I go about disabling the loading page? The one with the 4 vertical purple bars?
Click to expand...

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 said:
I found a bug. When the forum is at a middle size, this happens:
Click to expand...
index.css
Find
Code: 
@media screen and (max-width: 720px)
table.table_list tbody.content td.stats, .lastpost {
    display: none;
}
Replace With
Code: 
@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
 
You must log in or register to reply here.
Back
Top Bottom