Goto page 1, 2  Next

New Tutorial - How to widen the BF4_Multi theme

2

Sat Feb 12, 2022 8:47 pm
Clan Leader
Top Dog
Nuke Dev / Coder
2742 Posts
coRpSE
Online
Most Played:
This week: 69.4hrs.
Total Played: 69hrs.


  
Must be a looser...
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;


Expand
Sat Feb 12, 2022 9:08 pm
Blabbing Noob
64 Posts
^7[^2I^7S^1S^...
Currently Offline
Offline

Most Played:
This week: 46.6hrs.
Total Played: 1,214hrs.


  
Don't get much, huh?
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
Sat Feb 12, 2022 11:55 pm
Original Poster
Clan Leader
Top Dog
Nuke Dev / Coder
2742 Posts
coRpSE
Online
Most Played:
This week: 69.4hrs.
Total Played: 69hrs.


  
Must be a looser...
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.


 
Fri Mar 04, 2022 3:49 am
Blabbing Noob
64 Posts
^7[^2I^7S^1S^...
Currently Offline
Offline

Most Played:
This week: 46.6hrs.
Total Played: 1,214hrs.


  
Don't get much, huh?
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.


 
Fri Mar 04, 2022 6:52 pm
Original Poster
Clan Leader
Top Dog
Nuke Dev / Coder
2742 Posts
coRpSE
Online
Most Played:
This week: 69.4hrs.
Total Played: 69hrs.


  
Must be a looser...
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.


 
Sun Mar 06, 2022 9:52 am
Blabbing Noob
64 Posts
^7[^2I^7S^1S^...
Currently Offline
Offline

Most Played:
This week: 46.6hrs.
Total Played: 1,214hrs.


  
Don't get much, huh?
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.


 
Tue Apr 19, 2022 5:47 am
Blabbing Noob
94 Posts
thanks corpse worked a treat

big grin


Please login to see this link
Get registered or Log in
Tue Apr 19, 2022 6:49 am
Original Poster
Clan Leader
Top Dog
Nuke Dev / Coder
2742 Posts
coRpSE
Online
Most Played:
This week: 69.4hrs.
Total Played: 69hrs.


  
Must be a looser...
Glad to hear.


 
Tue Apr 19, 2022 7:17 am
Blabbing Noob
94 Posts
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


 
Thu Apr 21, 2022 9:56 am
Original Poster
Clan Leader
Top Dog
Nuke Dev / Coder
2742 Posts
coRpSE
Online
Most Played:
This week: 69.4hrs.
Total Played: 69hrs.


  
Must be a looser...
Unfortunately, what's there is all that is there. New ones would need to be created, or those would need to be manipulated.


 
Goto page 1, 2  Next
Forums ©