MyBB Community Forums

Hi,

This is a fantastic theme! I've been looking for something like this for a long time. I really love what you've done with putting an area aside in the CSS files that define colors that are used as variables. It makes integrating this with the forum I do work for so much easier!

I do have a question for you, though. I can't seem to save changes I make to "extra.css." I get a 403 Forbidden error. Have you ran into anything like this, or do you have any recommendations as to what I should do?

Thank you!

(2022-10-29, 01:21 PM)Harlock Wrote: [ -> ]

(2021-08-09, 03:25 PM)PRÂDÏP Wrote: [ -> ]read the note.text file has given in the theme before install the theme. There are many important tips to follow to successfully install the theme.

Most Important step :- Before install or import the theme you must 1st install all the plugins that has given in this theme's file. Then after import the xml to install the theme.

I don't see a note.text file in the zip I downloaded (tried version 1.4 & 1.4.1). What am I missing ?

If I upload the plugins to my forum plugin folder the ACP plugin viewer crashes... error 500

Quoting myself on that one, can someone point me in the right direction please ? I can't find the note.txt file

(2022-12-18, 10:26 PM)DoubleOZero Wrote: [ -> ]Hi,

This is a fantastic theme! I've been looking for something like this for a long time. I really love what you've done with putting an area aside in the CSS files that define colors that are used as variables. It makes integrating this with the forum I do work for so much easier!

I do have a question for you, though. I can't seem to save changes I make to "extra.css." I get a 403 Forbidden error. Have you ran into anything like this, or do you have any recommendations as to what I should do?

Thank you!

Never mind, I found a workaround. I can just edit the file directly offline and them manually upload my changes. Looks more like an issue with the host than the theme. This workaround will work for me.

(2022-12-20, 08:44 AM)Harlock Wrote: [ -> ]

(2022-10-29, 01:21 PM)Harlock Wrote: [ -> ]

(2021-08-09, 03:25 PM)PRÂDÏP Wrote: [ -> ]read the note.text file has given in the theme before install the theme. There are many important tips to follow to successfully install the theme.

Most Important step :- Before install or import the theme you must 1st install all the plugins that has given in this theme's file. Then after import the xml to install the theme.

I don't see a note.text file in the zip I downloaded (tried version 1.4 & 1.4.1). What am I missing ?

If I upload the plugins to my forum plugin folder the ACP plugin viewer crashes... error 500

Quoting myself on that one, can someone point me in the right direction please ? I can't find the note.txt file

The last time it seems to be in the package is the last one on the latest build list.  Here is the text of that note.text file:

0. Most Important step :- Before install or import the theme you must 1st install all the plugins that has given in this theme's file. Then after import the xml to install the theme.

1. there is a image folder that i didn't attached here for limitof size , you can simply download it from this link :-

https://community.mybb.com/attachment.php?aid=44312


2. unzip the image forumbit.zip folder at
images/forumbit/

3. for use the 2nd version of the theme you must have upload forumbit images , it's bound.

4. for use styling admin username , go to user&groups > groups > Adminstrator > username style

in username style fill with this :-

<span class="admin"><strong>{username}</strong></span>

5. For multiple color background on thead 

you just have to edit the bar.css

you should know your forum_cat_id to have this look...

to know the forum_cat_id just click any of your forum or forum_category then you can notice in your forum url looks like this , alternatively you can have your forum_id from your admin cpanel in forum section just by clicking forum names there you can notice the forum id written as forum-fid in url.

https://website.com/forum-1.html
https://website.com/forum-2.html

after identify your forum id in bar.css


.bar(your forum id) .thead {
background-image: url(images/swirl.png), give a color.
}

for example :-

.bar1 .thead {
background-image: url(images/swirl.png), linear-gradient(to right, #85e5e1, #01dbd4);
}

Hello,

I found that this template "Responsive Default MyBB"  in myBB is using external websites to load content.

For fonts:
https://fonts.googleapis.com/css?
https://pro.fontawesome.com/releases/v5....ss/all.css

For forum background pictures:
https://placeimg.com/1000/230/nature


I like (and I have!) to change that - but I dont know how ?
Does someone here know where I can find instruction how to eliminate contacting external servers?


Thank you!
Steven



P.S.
the reason for my request is:
- sending data to google can give a penalty in germany (fonts should be on my server)
- I dont like to see pictures in my personal forum which are not from me

(2022-08-27, 06:22 AM)PRÂDÏP Wrote: [ -> ]

(2022-08-26, 09:07 PM)JesusChrist Wrote: [ -> ]Awesome, thank you.

Is there a way to make dark-mode by default?

Exchange the color variables of global.css with images/style-drak.css

open the global.css and search for the variavles inside :root {}

:root {
    --ul-top-back: rgb(24,28,50);
    --ul-top-a-col: #7e8299;
    --ul-top-a-hov-col: #3989da;
    --ul-top-a-hov-bord: none;
    --ul-top-a-hov-back: #303347;
    --ul-top-a-bord: none;
    --lower-bg: none;
    --theme-color: #287ade;
    --white: #ffffff;
    --black: #000000;
    --pure-dark: #000000;
    --grey: #999999;
    --red: #ff3300;
    --green: #00cc00;
    --a-color: #0071bc;
    --sced-a: #222222;
    --sced-btn-hov: #f3f3f3;
    --just-white: #efefef;
    --slide-white: #dddddd;
    --slide-grey: #c5c5c5;
    --light-grey: #cccccc;
    --just-black: #444444;
    --text-black: #2b2b2b;
    --dark-white: #eeeeee;
    --dark-sky: #4874a3;
    --near-white: #fafafa;
    --just-grey: #888888;
    --dark-grey: #666666;
    --grey-tone: #aaaaaa;
    --black-tone: #141414;
    --darkest-green: #263c30;
    --starting-grey: #bbbbbb;
    --medium-black: #333333;
    --medium-grey: #777777;
    --fine-white: #f5f5f5;
    --toolbar-bg: #f7f7f7;
    --toolbar-border: #d4d0cf;
    --lightest-red: #ffdde0;
    --yellow: #f7e86a;
    --lightest-yellow: #fffbd9;
    --medium-yellow: #fff6bf;
    --light-pink: #ffb8be;
    --point-white: #f1f1f1;
    --point-black: #0f0f0f;
    --tcat: #0f0f0f;
    --tcat-color: #ffffff;
    --button-bg: #eeeeee;
    --button-sced-bg: #ececec;
    --button-color: #555555;
    --post-btn-bg: #DDDDDD;
    --post-btn-color: #33313B;
    --light-violet: #e8deff;
    --transparent-black: rgba(0,0,0,0.1);
    --alt-black-transparent: rgba(0,0,0,0.2);
    --transparent-white: rgba(255,255,255,0.1);
    --alt-white-transparent: rgba(255,255,255,0.2);
    --font-color: #141414;
    --black-font: #111111;
    --label-color: #3c3c3c;
    --main-bg: linear-gradient(69deg, #244a87, #00639b, #007ca7, #0093ac, #00a9ac, #00b4bb, #00beca, #00c9da, #00c7fa, #62c0ff, #abb4ff, #e8a3fe);
    --dark-bg: #343F56;
    --i-bg: linear-gradient(to left, #abb510, #bdae00, #cda700, #dd9f00, #eb9612);
    --grey-point: rgba(158, 158, 158,0.5);
    --pink-tone: linear-gradient(287deg,rgba(245, 195, 32,0.8), rgba(168, 106, 13,0.9),rgba(227, 50, 124,0.8) 0px,rgba(227, 50, 200,0.9),rgba(219, 131, 31,0.9));
    --transparent: rgba(255,255,255,0.2);
    --transparent-tone: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,0.3)),to(rgba(250,250,250,0.2)), color-stop(.5,rgba(252,252,252,0.3)));
}

and replace with 

:root {
    --ul-top-back: rgb(24,28,50);
    --ul-top-blur: blur(0px);
    --ul-top-a-col: #7e8299;
    --ul-top-a-hov-col: #3989da;
    --ul-top-a-hov-bord: none;
    --ul-top-a-hov-back: #303347;
    --ul-top-a-bord: none;
    --theme-color: #287ade;
    --white: #222831;
    --black: #424744;
    --grey: #999999;
    --red: #ff3300;
    --green: #00cc00;
    --a-color: #f1f2f3;
    --lower-bg: #393E46;
    --just-white: #222831;
    --slide-white: #393E46;
    --slide-grey: #3a3a3a;
    --light-grey: #333333;
    --just-black: #bbbbbb;
    --text-black: #d4d4d4;
    --dark-white: #111111;
    --dark-sky: #4874a3;
    --near-white: #050505;
    --just-grey: #777777;
    --dark-grey: #999999;
    --grey-tone: #555555;
    --black-tone: #ebebeb;
    --darkest-green: #263c30;
    --starting-grey: #bbbbbb;
    --medium-black: #cccccc;
    --medium-grey: #777777;
    --fine-white: #232931;
    --lightest-red: #ffdde0;
    --yellow: #f7e86a;
    --lightest-yellow: #fffbd9;
    --medium-yellow: #fff6bf;
    --light-pink: #ffb8be;
    --point-white: #0e0e0e;
    --point-black: #f0f0f0;
    --tcat: #393E46;
    --tcat-color: #ccc;
    --button-bg: #111111;
    --button-color: #aaaaaa;
    --post-btn-bg: #1B262C;
    --post-btn-color: #DDDDDD;
    --light-violet: #e8deff;
    --transparent-black: rgba(0,0,0,0.1);
    --transparent-white: rgba(255,255,255,0.1);
    --font-color: #141414;
    --pure-dark: #ffffff;
    --sced-a: #dddddd;
    --sced-btn-hov: #0c0c0c;
    --alt-black-transparent: rgba(255, 255, 255, 0.2);
    --alt-white-transparent: rgba(0, 0, 0, 0.2);
    --black-font: #eeeeee;
    --label-color: #c3c3c3;
    --sced-btn-hov: #0c0c0c;
    --toolbar-bg: #080808;
    --toolbar-border: #2b2f30;
    --button-sced-bg: #131313;
    --main-bg: linear-gradient(69deg, #244a87, #00639b, #007ca7, #0093ac, #00a9ac, #00b4bb, #00beca, #00c9da, #00c7fa, #62c0ff, #abb4ff, #e8a3fe);
    --dark-bg: #343F56;
    --i-bg: linear-gradient(to left, #abb510, #bdae00, #cda700, #dd9f00, #eb9612);
    --grey-point: rgba(158, 158, 158,0.5);
    --pink-tone: linear-gradient(287deg,rgba(245, 195, 32,0.8), rgba(168, 106, 13,0.9),rgba(227, 50, 124,0.8) 0px,rgba(227, 50, 200,0.9),rgba(219, 131, 31,0.9));
    --transparent: rgba(255,255,255,0.2);
    --transparent-tone: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,0.3)),to(rgba(250,250,250,0.2)), color-stop(.5,rgba(252,252,252,0.3)));
}

and open the images/style-dark.css and replace with it 

:root {
    --ul-top-back: rgb(24,28,50);
    --ul-top-a-col: #7e8299;
    --ul-top-a-hov-col: #3989da;
    --ul-top-a-hov-bord: none;
    --ul-top-a-hov-back: #303347;
    --ul-top-a-bord: none;
    --lower-bg: none;
    --theme-color: #287ade;
    --white: #ffffff;
    --black: #000000;
    --pure-dark: #000000;
    --grey: #999999;
    --red: #ff3300;
    --green: #00cc00;
    --a-color: #0071bc;
    --sced-a: #222222;
    --sced-btn-hov: #f3f3f3;
    --just-white: #efefef;
    --slide-white: #dddddd;
    --slide-grey: #c5c5c5;
    --light-grey: #cccccc;
    --just-black: #444444;
    --text-black: #2b2b2b;
    --dark-white: #eeeeee;
    --dark-sky: #4874a3;
    --near-white: #fafafa;
    --just-grey: #888888;
    --dark-grey: #666666;
    --grey-tone: #aaaaaa;
    --black-tone: #141414;
    --darkest-green: #263c30;
    --starting-grey: #bbbbbb;
    --medium-black: #333333;
    --medium-grey: #777777;
    --fine-white: #f5f5f5;
    --toolbar-bg: #f7f7f7;
    --toolbar-border: #d4d0cf;
    --lightest-red: #ffdde0;
    --yellow: #f7e86a;
    --lightest-yellow: #fffbd9;
    --medium-yellow: #fff6bf;
    --light-pink: #ffb8be;
    --point-white: #f1f1f1;
    --point-black: #0f0f0f;
    --tcat: #0f0f0f;
    --tcat-color: #ffffff;
    --button-bg: #eeeeee;
    --button-sced-bg: #ececec;
    --button-color: #555555;
    --post-btn-bg: #DDDDDD;
    --post-btn-color: #33313B;
    --light-violet: #e8deff;
    --transparent-black: rgba(0,0,0,0.1);
    --alt-black-transparent: rgba(0,0,0,0.2);
    --transparent-white: rgba(255,255,255,0.1);
    --alt-white-transparent: rgba(255,255,255,0.2);
    --font-color: #141414;
    --black-font: #111111;
    --label-color: #3c3c3c;
    --main-bg: linear-gradient(69deg, #244a87, #00639b, #007ca7, #0093ac, #00a9ac, #00b4bb, #00beca, #00c9da, #00c7fa, #62c0ff, #abb4ff, #e8a3fe);
    --dark-bg: #343F56;
    --i-bg: linear-gradient(to left, #abb510, #bdae00, #cda700, #dd9f00, #eb9612);
    --grey-point: rgba(158, 158, 158,0.5);
    --pink-tone: linear-gradient(287deg,rgba(245, 195, 32,0.8), rgba(168, 106, 13,0.9),rgba(227, 50, 124,0.8) 0px,rgba(227, 50, 200,0.9),rgba(219, 131, 31,0.9));
    --transparent: rgba(255,255,255,0.2);
    --transparent-tone: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,0.3)),to(rgba(250,250,250,0.2)), color-stop(.5,rgba(252,252,252,0.3)));
}

Has anyone been able to get this to work? I can't find that code in global.css of the theme. ETA Nevermind, it's actually in all.css

(2023-01-12, 04:48 AM)stevenfreiburg Wrote: [ -> ]For forum background pictures:
https://placeimg.com/1000/230/nature

You can fix it in Admin CP -> Templates & Style, in templates section. You have to find list "Forum Display Templates" and inside this list will be template "forumdisplay". Edit this template - you will see there the string:

<div class="banner_bg"><img src="images/forumbit/bg{$foruminfo['fid']}.jpg" onError="this.onError=null;this.src='https://placeimg.com/1000/230/nature';"></div>

Using this template unfortunately pagination doesn't work correctly in my setting:

When being on page 2 and clicking on page 1 or backwards we get an Error 500.

The url of the backward-link looks like this:

www.example-forum.com/thread-mytopic?page=1

while the url www.example-forum.com/thread-mytopic works without any problem and also working perfectly the page 2 and the forward-link:

www.example-forum.com/thread-mytopic?page=2
www.example-forum.com/thread-mytopic?page=3

Any idea what could be the reason? Maybe a problem of the htaccess-file?

Or a problem of the also installed plugin 'Google SEO (1.8.4)'?

in your settings go to server and optimisation option then check if the "Enable search engine friendly URLs?" option is enabled or disabled, if it is enabled then disable it .

And in Google SEO url settings

set the Thread URL scheme and Forum URL scheme:- Thread-{url} and Forum-{url}

(2024-01-17, 01:44 AM)PARADOX987 Wrote: [ -> ]in your settings go to server and optimisation option then check if the "Enable search engine friendly URLs?" option is enabled or disabled, if it is enabled then disable it .

And in Google SEO url settings

set the Thread URL scheme and Forum URL scheme:-  Thread-{url} and Forum-{url}

Thanks PARADOX987,

I tried this but it didn't help. Is there any error log which I could check to see the reason for this?