MyBB Community Forums - Responsive Default MyBB

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13

hi, i am someone without any knowledge of coding, freshly acquainted with mybb... how do i go about installing a plugin..?

@500bees for example: https://community.mybb.com/thread-240050.html

and wherever do the XML files go?

At first upload the files to your website

ex:- there are 4 folders inside of "Upload" folder :- fonts, images, inc, jscripts

upload these folder to your website and then go to plugin section in your admin panel

and install the plugin named Responsive_MyBB

and then you can find a file with the .xml extension named Responsive_MyBB-theme_NEW.xml

while install the theme upload this file

oh wow you're speedy! Big Grin

D i've done all that, but now i think i might be having an issue? the board goes from this

[Image: Screenshot_2024-01-25_at_19-20-11_Exalte...height=671]

to this

[Image: Screenshot_2024-01-25_at_19-19-29_Exalte...height=671]

after activating the theme.... is this how it's supposed to work? i was more looking for a simple conversion of the theme i am using-- mybb default dark mode...

there is dark mode switching option, as you can see at upper right corner there is a toggle icon in blue color

(2024-01-26, 02:52 AM)PARADOX987 Wrote: [ -> ]there is dark mode switching option, as you can see at upper right corner there is a toggle icon in blue color

Hi PARADOX987, I want to set as default dark mode without switching toggle option. can you please help. thank you

(2024-01-26, 03:23 PM)clerkmark Wrote: [ -> ]Hi PARADOX987, I want to set as default dark mode without switching toggle option. can you please help. thank you

(2022-08-27, 06:22 AM)PARADOX987 Wrote: [ -> ]Exchange the color variables of all.css with images/style-drak.css

open the all.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)));
}

Thank you for help brother, How change and set Registration Page like original mybb in Responsive Mybb theme example below picture

[attachment=46580]

I want like this Registration Page:-
[attachment=46581]

(2024-01-28, 08:07 AM)clerkmark Wrote: [ -> ]Thank you for help brother, How change and set Registration Page like original mybb in Responsive Mybb theme example below picture

I want like this Registration Page:-

pm me your website link and if possible give me once admin access only with templates edit permission i will modify it for you.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13