New Tutorial - How to widen the BF4_Multi theme
Select messages from # through # Forum FAQ
[/[Print]\]
Goto page 1, 2  Next  :| |:
HeadShot Extreme -> PC & Codeing Talk

#1: No icon New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSELocation: Back of your mind!!! PostPosted: Sat Feb 12, 2022 8:47 pm
    —
I know that there are a lot of you that's using the BF4_Multi theme found for download on the Xtreme site.
Please login to see this link
Get registered or Log in


The one thing that I have done on many sites that requested me to modify it for their site was to widen it.
Earlier this week, I got a request to make a video tutorial on how to widen it. Well, that's what I have done.
Please login to see this link
Get registered or Log in


Well, for those of you that are still running it at its stock width, here is how you would go about widening it.

[UPDATE]

Before I get asked, here is a copy of my cheat sheet I wrote up. If you can't follow it, don't ask me to decipher it. I understand it just fine.
I also like to note that this does NOT contain all the coding from the video tutorial, this just contains shorthand of stuff I know I need to touch upon.

---- Body, cancel out the background. ----
.headbg cancel out background
#container - add background color #08090b; max-width 1280px;
#main max-width: 1280px
.navwrap, navline, .nav_foot, and orange - width 1268
centwrap - width 1268

----- 3 info blocks -----
nanoscroller.css
.nano - width 418px;
style.css---
.nefo
.youtube-cell - width 405px;

Theme_func.php
203- width: 1268px;
Line 205, 232, 259 - width +100px

---- blocks resize ------
.block .blockfoot - width 220.
.blocktop, .blocktitle, .blockfoot - background-size: cover;

theme.php
theme switcher, search for switcher

---- Side border with glow ----
#contianer
border-left: 2px solid #252c36;
border-right: 2px solid #252c36;
box-shadow: 0 0 30px #353e4b;
Last edited by coRpSE on Sun Feb 13, 2022 12:01 am; edited 2 times in total

#2: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: zardosLocation: North west of England PostPosted: Sat Feb 12, 2022 9:08 pm
    —
Nice video coRpSE, always wanted to know howto do this because its a great theme and will always be used, only two themes i like LM-blackmagic and BF4-Multi.
A big thanks for you work on these video's, great job. lachen

#3: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSELocation: Back of your mind!!! PostPosted: Sat Feb 12, 2022 11:55 pm
    —
Thanks. I tried keeping it as short as I could, so instead of trying to go into too much detail, it was more of a do as I do. To make it full width would be more of a pain, and even then, would require a max width. I wasn't sure if it would be easy for people to follow.

#4: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: zardosLocation: North west of England PostPosted: Fri Mar 04, 2022 3:49 am
    —
Hello coRpSE, i tried this yesterday and believe it or not it did not change anything, deleted cookies, cleared cache, refreshed browser nothing changed, is it because this copy from evolution is bootstraped and your copy is the original.

#5: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSELocation: Back of your mind!!! PostPosted: Fri Mar 04, 2022 6:52 pm
    —
Hello coRpSE, i tried this yesterday and believe it or not it did not change anything, deleted cookies, cleared cache, refreshed browser nothing changed, is it because this copy from evolution is bootstraped and your copy is the original.


The theme I used in the video is the one that you can download from Evo. When I made the video, I actually just had downloaded that theme. Just note, this is ONLY for the BF4_Multi theme, which is not bootstrapped. Since you mentioned bootstrap and because of the other post on the Evo site, I think you're trying to widen the theme that is used on the cod-sniper clans site, that is not the BF4_Multi theme, you are using the same theme I am using on my site here called LM-BlackMagic, I just heavily modified the one on this site.

Try this.
Open: public_html/themes/LM-BlackMagic/style/style.css

Find, (Around line 409):

Code: [ Select all ]

.main-site-container {
   /*width: 1368px;*/
   max-width: 1500px;
}


Replace with:

Code: [ Select all ]

.main-site-container {
   width: 96%;
   max-width: 1920px;
}


Save & Close

Then you need to clear your browsers cache, and then you should see it changed. You can see that I set the width to 96%, and I set the max-width to 1920px, so if someone comes yo your site with a really large screen resolution, it doesn't look all stretched.
Last edited by coRpSE on Sun Mar 06, 2022 1:01 pm; edited 1 time in total

#6: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: zardosLocation: North west of England PostPosted: Sun Mar 06, 2022 9:52 am
    —
Thanks coRpSE, did it again and used ctrl+f5 and it was fine, i have the image changer on the right side with a few of the themes including BF4 Multi. The default is LM-Blackmagic. Going to add the steam code you did.

Thanks again coRpSE great work.

#7: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: PatPgtips PostPosted: Tue Apr 19, 2022 5:47 am
    —
thanks corpse worked a treat

big grin

#8: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSELocation: Back of your mind!!! PostPosted: Tue Apr 19, 2022 6:49 am
    —
Glad to hear.

#9: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: PatPgtips PostPosted: Tue Apr 19, 2022 7:17 am
    —
has anyone got an updated psd for the header images i have original psd but center area is is cropped now it needs stretched to fit the theme after all the edits

would be good to get the header images working again

#10: No icon Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSELocation: Back of your mind!!! PostPosted: Thu Apr 21, 2022 9:56 am
    —
Unfortunately, what's there is all that is there. New ones would need to be created, or those would need to be manipulated.



HeadShot Extreme -> PC & Codeing Talk


output generated using printer-friendly topic mod. All times are GMT - 7 Hours

Goto page 1, 2  Next  :| |:
Page 1 of 2