Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Aiheen aloitti: Takeru ¥amamoto - heinäkuu 09, 2011, 10:59:14 IP

Otsikko: Minor glitches in color conversion of default SMF Curve theme; please help!
Kirjoitti: Takeru ¥amamoto - heinäkuu 09, 2011, 10:59:14 IP
So I recently attempted a color conversion that maintains the overall structure and design of the SMF Curve theme, while giving it a soft blue look. Overall, it looks very close to being exactly what I want it to look like. However, I'm getting minor glitches all over the place, mostly in regards to the corners of tables, despite having done nothing more than change hexadecimal color codes and replace the menu_bg.png and main_block.png files.

It's worth mentioning that I have very little skill with HTML and CSS.

First problem:

The upper- and lower-right corners of my entire forum have this spot thing that I simply can't get rid of. It looks like it's the image on repeat or something.

Second problem:

Almost every single category header on my entire forum has a rounded left edge and a rectangular right-edge.

Third problem:

The upper- and lower-right corners of the Info Center table seem to have this repeat thing going on.

Fourth problem:


The buttons are supposed to be rounded, but for most of them, the right corners are rectangular, and on a few of them, the left corners are of a different color entirely.

Here are links to my main_block.png, menu_gfx.png, and index.css files:

http://www.theantifanboy.com/sites/coc/forums/Themes/curve-vicwinter-v2final/images/theme/main_block.png
http://www.theantifanboy.com/sites/coc/forums/Themes/curve-vicwinter-v2final/images/theme/menu_gfx.png
http://www.theantifanboy.com/sites/coc/forums/Themes/curve-vicwinter-v2final/css/index.css

Any idea what's causing these problems?
Otsikko: Re: Minor glitches in color conversion of default SMF Curve theme; please help!
Kirjoitti: Sir Osis of Liver - heinäkuu 10, 2011, 12:16:00 AP
The background images have square corners - the rounded corners are part of the image, as are the little wrong-colored triangles you're seeing.  You have to fill those in with the background color you're displaying them on.  Same problem with the buttons.