• Welcome to Simple Machines Community Forum. Please login or sign up.
December 06, 2021, 05:16:15 PM

News:

SMF 2.1 RC4 has been released! Try it out and help us test! :) Read more.


Börü [SMF 2.0 - Responsive Theme]

Started by gecitli, February 14, 2019, 11:54:11 AM

Previous topic - Next topic

gecitli

Link to the theme


Börü is a fully featured, Smf template built with Bootstrap 4, HTML5, CSS3 and JQuery. Badem is also available in  PHP and Ajax version. It's a minimal responsive.

FEATURES:


  • Responsive layout (desktops, tablets, mobile devices)
  • Built with Bootstrap 4.1.3
  • Font Awesome 5.3.1
  • HTML5 & CSS3

Responsive list
-----------------------
.Board Template
.Display Template
.Members List
.Profile Template
.Calendar.template
.Admin Panel

Demo:http://smftheme.byethost18.com/smf/index.php
Video:https://youtu.be/obinKx02UT8
More themes:https://webtiryaki.com/index.php?board=47.0



http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Mario_Black


gecitli

Quote from: Mario_Black on April 18, 2019, 01:50:28 AM
How are recent post activated?

Admin - Configuration - Current Theme - Number of recent posts to display on board index:
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Knoxtane

Hello! Great theme, however, where do I change the opacity of the main logo in the middle? index.css?

Knoxtane

Never mind, I figured it out. index.css Lines 1438 or something like that! :D

I replaced the banner and the primary "SMF" BORU logo.

naijacrux

op.
i tried boru theme on one of my website and i must give it up for boru for its speed , boru ranked my website within 24hours.the site have not rank before i installed boru. what i dislike about boru is the black theme and also it doesnt open topics accurate. boru is very fast and rank website fast.i will suggest to boru op to change that disgusting black color and make links and topics open normally, until then i will keep trying different themes with clean colors that are fully responsive and good for seo

sc2142

How do i change the color from purple to blue?

-Rock Lee-

"I was doing some tests for a page and I decide to manually upload the files I skip this message: The file you upload contains a virus" ... Can I take it as a false alarm? but just in case I tell you to look at it when you can.


Regards!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

gecitli

Quote from: Rock Lee on October 05, 2019, 03:45:38 PM
"I was doing some tests for a page and I decide to manually upload the files I skip this message: The file you upload contains a virus" ... Can I take it as a false alarm? but just in case I tell you to look at it when you can.


Regards!

Hello I have checked many times does not seem to be a problem?

https://s.nimbusweb.me/share/3392442/goodryggnyb33zz2d3ul
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

-Rock Lee-

I have tried it in several ways and it just seems like a false alarm, the measures taken by my accommodation are somewhat exaggerated because it has suffered some attacks lately.


Regards!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Plus

merhaba bu temayı nasıl tam sayfa yaparız ?

gecitli

Quote from: Plus on December 01, 2019, 04:09:06 AM
merhaba bu temayı nasıl tam sayfa yaparız ?

Hi theme you need to do is using bootstrap library

locate this code replace
container

container-fluid



Merhaba tema bootstrap kütüphanesi kullanıyor yapmaniz gereken

bu kodu bulun

container

değiştirin

container-fluid
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Plus

teşekkürler fakat yandaki sekmeden ötürü kullanamadım. forum temalarında bilgi merkezi neden sağa çekilmiş ki hem reklam konumlandırma açısından kötü oluyor hem mobilede yan reklamlar dibe iniyor. Eline sağlık

Shambles

January 03, 2020, 10:38:18 AM #13 Last Edit: January 03, 2020, 11:30:51 AM by Shambles
In the _v1 version of this theme (which is very nice I have to say!) there appears to be an image missing:

.../Themes/Boru_v1/images/default_avatar.png

There is a file called noavatar.png, though.





Additionally, image useron.gif appears corrupt but is easily copied from the default theme.

Shambles

Quick query...   is it your bootstrap script that's putting the pill up there?  Where's it getting the value as mine always shows 7 even though there are only 3 PMs in the inbox (and 2 in the outbox).


gecitli

Quote from: Shambles on January 03, 2020, 10:38:18 AM
In the _v1 version of this theme (which is very nice I have to say!) there appears to be an image missing:

.../Themes/Boru_v1/images/default_avatar.png

There is a file called noavatar.png, though.





Additionally, image useron.gif appears corrupt but is easily copied from the default theme.

Thanks
theme updated

Quote from: Shambles on January 03, 2020, 10:56:22 AM
Quick query...   is it your bootstrap script that's putting the pill up there?  Where's it getting the value as mine always shows 7 even though there are only 3 PMs in the inbox (and 2 in the outbox).



smf original code

if ($context['user']['is_logged'])
{
if ($context['allow_pm'])
echo '
<a class="nav-link p-navgroup-link d-none d-md-flex" href="', $scripturl, '?action=pm" data-toggle="tooltip" data-placement="bottom" title="', $txt['pm'], '"><i class="fa fa-envelope"></i><span class="badge badge-danger badge-pill noti-icon-badge">', $context['user']['messages'], '</span></a>';
        echo '
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Shambles

Thanks for the fixups :)

That $context['user']['messages'] seems to represent the totality of all messages under the member (inbox + sent) so I'm not sure how useful it is as a pill on the envelope. I think maybe $context['user']['unread_messages'] might be better for me.

Thanks again - I'll continue to play with it :)

Shambles


Alpay

Hello,

     How can we add a "Slider" like in the first version?

gecitli

Quote from: Alpay on April 10, 2020, 02:38:06 AM
Hello,

     How can we add a "Slider" like in the first version?

Hello Review this thread Nothing changed
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Ulibka

Hello, thank you very for this theme !  ;D

Please adjust the display of the number of private messages.

Now the numbers on the icon of private messages show the number of all private messages.

Please tell me how to change this to the number of unread messages?


Tricky-Ricky

Cant seem to change the width even in theme settings ??

natcip

Kudos for this beautiful theme! 8)

Is there a way to remove the loading screen?

Hona

Was there any update on removing the loading screen? I'd rather it just be unresponsive

gecitli

Quote from: natcip on June 18, 2020, 07:08:46 PM
Kudos for this beautiful theme! 8)

Is there a way to remove the loading screen?

Hello index.template.php just delete this code

<div id="global-loader"></div>
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

camefromwpandmybb

i am using 2.1rc3

i am using this theme

https://custom.simplemachines.org/themes/index.php?lemma=2930

so when i installed the theme, the default header image centered in desktop and mobile

to make sure there were no issues, i uploaded my own header image with the exact same dimensions BUT my image in mobile is not centered.

what would cause this?
i hate wordpress, vanilla, mybb and phpbb

gecitli

./Themes/css/responsive.css
Find:
/* Entry level phones */
@media (max-width: 480px) {
  /* Generic Classes for Customizations */


Replace With:

.p-header {
    background-position: 50% 75%;
}
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

camefromwpandmybb

Thank you that worked but now it made the text huge like this.
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

and when i turn the phone rotated to see the long version. it does this with the image chopped off
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

and here it again rotated in the long mobile verson showing some stuff background solid on the right.
i hate wordpress, vanilla, mybb and phpbb

gecitli

Quote from: camefromwpandmybb on June 05, 2021, 07:54:07 PM
Thank you that worked but now it made the text huge like this.

This has nothing to do with the code it gave
find this code

#header p {
    font-style: normal;
    color: #eee;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: .03em;
    line-height: 1;
    margin-bottom: 10px;
    padding: 20px;
    z-index: 1;
}


font-size: 1.2rem;

Quote from: camefromwpandmybb on June 05, 2021, 07:58:02 PM
and when i turn the phone rotated to see the long version. it does this with the image chopped off

This theme is using the bootstrap library is responsive to every screen?

Quote from: camefromwpandmybb on June 05, 2021, 08:01:15 PM
and here it again rotated in the long mobile verson showing some stuff background solid on the right.

The problem is not with the theme with your logo
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

camefromwpandmybb

Thanks. You obviously downloaded the logo. Can you explain how this is an issue with the logo when the dims matches your stock logo?

You are using an S5?  I am using a S20, windows Mobile phone and  AE10, all running Edge, Opera, Chrome.

I think maybe this theme is not compatible with all phones and browsers?

Thanks
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

"find this code"

where?  I searched every file, could not find it since you did not specify. thanks.
i hate wordpress, vanilla, mybb and phpbb

gecitli

Quote from: camefromwpandmybb on June 06, 2021, 10:04:56 AM
"find this code"

where?  I searched every file, could not find it since you did not specify. thanks.

index.css 4410

Quote from: camefromwpandmybb on June 06, 2021, 09:16:01 AM
Thanks. You obviously downloaded the logo. Can you explain how this is an issue with the logo when the dims matches your stock logo?

You are using an S5?  I am using a S20, windows Mobile phone and  AE10, all running Edge, Opera, Chrome.

I think maybe this theme is not compatible with all phones and browsers?

Thanks

I really don't understand you?
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

camefromwpandmybb

this is on firefox, centered, phone rotated. image on top chopped. no issue on right edge. samsung galaxy s20
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

June 06, 2021, 03:20:54 PM #35 Last Edit: June 06, 2021, 04:14:02 PM by camefromwpandmybb
same phone. this is on chrome, edge and opera. centered but image on top cut and issue on right edge. image is still chopped.
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

index.css 4410

changes the "slogan" which is not the problem.

the problem is the website text above it which has the size issue.  thanks.
i hate wordpress, vanilla, mybb and phpbb

gecitli

you don't listen to me logo invisible icon visible in mobile design

Admin Current Theme Add an Icon to Header Title: add icon here
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

camefromwpandmybb

no i understand

index.css 4410

affect the size of text for the slogan
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

index.css 4410

does not affect this, which is the issue
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

i understand english is not your first language so it is hard to understand. maybe some screen shots would help
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

i hate wordpress, vanilla, mybb and phpbb

shadav

Quote from: gecitli on June 06, 2021, 03:01:08 AM
Quote from: camefromwpandmybb on June 05, 2021, 07:54:07 PM
Thank you that worked but now it made the text huge like this.

This has nothing to do with the code it gave
find this code

#header p {
    font-style: normal;
    color: #eee;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: .03em;
    line-height: 1;
    margin-bottom: 10px;
    padding: 20px;
    z-index: 1;
}


font-size: 1.2rem;
Quote from: camefromwpandmybb on June 06, 2021, 10:04:56 AM
"find this code"

where?  I searched every file, could not find it since you did not specify. thanks.
Quote from: gecitli on June 06, 2021, 12:52:02 PM
index.css 4410
line 4410 will be different if you've added an modification that altered index.css

in index.css search for
#header p
change the font-size

now, I'm trying to keep up here but I honestly have no idea what you are trying to change?
The site's title? the site's slogan?
what exactly is too large of a font?

if you right click on the area that you are wanting to change, and click on inspect, it will bring up your browsers inspection tool and you should be able to find what css needs changed


Quote from: gecitli on June 05, 2021, 02:31:40 AM
./Themes/css/responsive.css
Find:
/* Entry level phones */
@media (max-width: 480px) {
  /* Generic Classes for Customizations */


Replace With:

.p-header {
    background-position: 50% 75%;
}

just curious...did you mean replace, or did you mean add before or after....
I'd think replacing that bit would mess up some things

camefromwpandmybb

like i said. i do not think english is his first language which is i replied again with screenshots pointing out what i am talking about
i hate wordpress, vanilla, mybb and phpbb

gecitli

Quote from: camefromwpandmybb on June 07, 2021, 11:45:54 PM
like i said. i do not think english is his first language which is i replied again with screenshots pointing out what i am talking about

watch the video
https://youtu.be/Zfq464Yf5dg
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

camefromwpandmybb

June 08, 2021, 01:40:14 PM #45 Last Edit: June 08, 2021, 03:03:39 PM by Steve
thanks, works perfectly but this needs to be corrected?

/* Entry level phones */
@media (max-width: 480px) {
  /* Generic Classes for Customizations */


Replace With:


.p-header {
    background-position: 50% 75%;
}


it should NOT be replaced.  if you replace it, on desktop and mobile mode, the admin popup screen never goes away.  i tried AFTER and no go.   i placed it BEFORE and it's better.  Now the logo is centered in desktop mode and mobile mode BUT now one more problem appears and hopefully the last one.

the logo image in desktop mode is pushed up.

the logo image in mobile is centered, if you take your phone and put it in desktop mode, the logo is centered perfect also.

it seems only on a laptop, the logo is pushed up.

OH ONE MORE THING, how can we change that purple to a diff color.  thanks.


Edited to include code tags ~ Steve
i hate wordpress, vanilla, mybb and phpbb

shadav

can I have a link to your site?
again ;) if you right click on the area you want to edit and click on inspect, it'll open your browsers inspection tool and you can find what needs changed
which is what I'm going to do with the link to your site ;)
I'd guess you just need to add or edit a height to your header image css to get it to play nice

camefromwpandmybb

i am not too well versed in that.  i have tried to use it.  pm'd
i hate wordpress, vanilla, mybb and phpbb

shadav

for the header image

find and remove the
.p-header {
    background-position: 50% 75%;
}


then find your other .p-header
and try this code instead
.p-header {
    background: #2f3234 url(../images/boru1.jpg) no-repeat center;
    position: relative;
    width: 100%;
    background-size: 100% 100%;
}


for the purple color in the header
find
.p-header:before
change the colors to whatever you want
    background: linear-gradient(
-47deg
,#7c4fe0 0%,#4528dc 100%);

camefromwpandmybb

did a youtube test. im desktop mode no prob

in mobile, the video cannot be expanded and the window is too small which creates scroll slider on the right of the window
i hate wordpress, vanilla, mybb and phpbb

shadav

that's nothing really to do with the theme, that's the mod you installed to embed the video with.

camefromwpandmybb

hi. i did not install any yt mod.  it already has the button to link yt videos.  if you rotate the phone the long way, the video shows up fully
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

Quote from: shadav on June 08, 2021, 05:36:00 PM
for the header image

find and remove the
.p-header {
    background-position: 50% 75%;
}


then find your other .p-header
and try this code instead
.p-header {
    background: #2f3234 url(../images/boru1.jpg) no-repeat center;
    position: relative;
    width: 100%;
    background-size: 100% 100%;
}


for the purple color in the header
find
.p-header:before
change the colors to whatever you want
    background: linear-gradient(
-47deg
,#7c4fe0 0%,#4528dc 100%);


which browser are you using to do this?  i use chrome and a new window pops up, doesn't show the code in a split screen like i've seen.  thanks
i hate wordpress, vanilla, mybb and phpbb

shadav

I use chrome
you have to change the docking settings

smartmouse

Hello, I downloaded the them from here but I can't figure out how to set the dark theme.
In addition my custom logo is not displaying.

What's wrong?

Thank you in advance

Advertisement: