Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: meetdilip on January 11, 2014, 11:03:18 AM

Title: What does each colour indiciates ?
Post by: meetdilip on January 11, 2014, 11:03:18 AM
hi, Need some help with customizing the default theme. I have attached the images. Will be nice someone could mark which colour comes where. Thanks
Title: Re: What does each colour indiciates ?
Post by: Diego Andrés on January 11, 2014, 11:49:39 AM
Here's a  fragment of a tutorial that I made

Quote1. Sprites of Themes/{theme}/images/theme/main_block.png
Here are the numbers explaining the image.

main_block.png See screenshot (http://i.imgur.com/kBj9HNx.png)

  • Forum header.
  • This appears at the bottom of the forum and above the footer.
  • For pending approval messages (approvebg).
  • First color of windowbg. (windowbg) See screenshot (http://prntscr.com/1gwzp4)
  • Second color of windobg. (windowbg2) See screenshot (http://prntscr.com/1gwzp4)
  • Background color of roundframe. See screenshot (http://prntscr.com/1gwzp4)
  • title_barIC and titlebg. (roundframe) See screenshot (http://prntscr.com/1gx38m)
  • cat_bar and catbg. (roundframe) See screenshot (http://prntscr.com/1gx38m)
  • titlebg and title_bar. See screenshot (http://prntscr.com/1gx2gs)
  • catbg and cat_bar. See screenshot (http://prntscr.com/1gx2py)
  • catbg. (tables) See screenshot (http://prntscr.com/1gx3uo)
  • titlebg. (tables) See screenshot (http://prntscr.com/1gx46c)
  • If the theme is not going to be dark, there's no reason to modify this.



2. Sprites of Themes/{theme}/images/theme/menu_gfx.png
This is not only for the main menu or dropmenus over the forum, is also for the buttonlist.

menu_gfx.png See screenshot (http://i.imgur.com/BVMHwD2.png)

  • Active button. Also is the hover button in the buttonlist.
  • Hover button.
  • Inactive button. (buttonlist) .
  • Active button. (buttonlist).
  • Submenu.


It's in spanish, so it's a quick translate.

I hope it helps you.




Edit: Didn't see the third attachment.
That is for the submit button like post,preview, etc.
You don't need it, you can modify the image or just edit the button class and use only css.
Title: Re: What does each colour indiciates ?
Post by: meetdilip on January 11, 2014, 12:11:41 PM
Thanks a lot. I will try them.  :)

Btw, MundoNet is awesomely customized. I thought it runs on 2.1 . Good work :thumbsup: