Requesting a visual road map for theme color changes
#1
Does anyone have a semi comprehensive list of the sections for color editing? or a visual road map to simplify the complex collection of sections which make up the base template?  Rather than post multiple new threads asking "how do I change the color of this..." It would extremely helpful to just know what the heck you all have named the various sections of the template. 

Today is 4/25/2020 and I just watched a YouTube video posted on how to build your own template and change colors in the MyBB platform which was dated "2013" (Seven fricken years ago!!!) That was the most recent video posted. Since then, half of the stuff the guy in the video clicks on, doesn't even exist anymore. One perfect example is the fact that he says: "To change the color of this part of your template, just click "Panel". In actuality, there is no single link titled "Panel", but 12 links which are currently titled:

#panel.lower
#panel .lower a:link, #panel .lower a:visited, #panel .lower a:hover, #panel .lower a:active
#panel .lower ul.panel_links
#panel .lower ul.panel_links a.admincp
#panel .lower ul.panel_links a.modcp
[font=Tahoma, Verdana, Arial, sans-serif]#panel .lower ul.panel_links a.usercp[/font]
[font=Tahoma, Verdana, Arial, sans-serif]#panel .lower ul.user_links[/font]
[font=Tahoma, Verdana, Arial, sans-serif][font=Tahoma, Verdana, Arial, sans-serif]#panel .lower ul.user_links li a[/font][/font]
[font=Tahoma, Verdana, Arial, sans-serif][font=Tahoma, Verdana, Arial, sans-serif]#panel .upper[/font][/font]
[font=Tahoma, Verdana, Arial, sans-serif][font=Tahoma, Verdana, Arial, sans-serif]#panel .upper a.login, #panel .upper a.lost_password[/font][/font]
[font=Tahoma, Verdana, Arial, sans-serif][font=Tahoma, Verdana, Arial, sans-serif]#panel .upper a.logout[/font][/font]
[font=Tahoma, Verdana, Arial, sans-serif][font=Tahoma, Verdana, Arial, sans-serif]#panel .upper a.register[/font][/font]

[font=Tahoma, Verdana, Arial, sans-serif][font=Tahoma, Verdana, Arial, sans-serif]How in the hell does anyone who's new to this supposed to figure out which one of these actually works, given that there is no longer a simple "panel" selection?  Is there anyone out there who has an easy to follow, visual road map which clearly shows everyone which line of code changes a corresponding section's background, fonts, containers, wrappers, etc.?  I've been clicking onto link after link for the past 2.5 hours now, randomly entering color codes for nearly everything I could click on, then refreshing the page just to see what changes took place. 1/2 the time it didn't even update at all. [/font][/font]
I really want this to work. Mostly, I just want to change three major portions of the theme, shown in the attached screenshot.

[Image: Screen%20shot.jpg]

[Image: Screen%20shot%203.jpg]
[Image: Screen%20shot%202.jpg]
Reply


Messages In This Thread
Requesting a visual road map for theme color changes - by theHaven - 2020-04-25, 09:56 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)