Layout help, pics and color change

[Jacky.vdv]

I'm adjusting the layout and will unfortunately come here a few times asking for help sorry.

Where can I find this pic and color?


1

2

3

4

5

[Arantor]

1 and 4 are Themes/default/images/theme/main_block.png
2 and 3 are Themes/default/images/theme/menu_gfx.png

5, quickest way is for you to go to your browser, right click on it and select 'Inspect Element' and it'll show you the code used and where. In this case, Themes/default/css/index.css around lines 464 onwards:

Code Select Expand

.windowbg, #preview_body
{
color: #000;
background-color: #e7eaef;
}
.windowbg2
{
color: #000;
background-color: #f0f4f7;
}
.windowbg and .windowbg2 define the colours for a variety of places in SMF 2.0. It's reused quite a bit.

[Sir Osis of Liver]

Use your browser's inspect element to view the css, or print screen and load screenshot into image editor to get colors.  Title bars are from sprite main_block.png.

[Jacky.vdv]

Nr1: Rounding the corner and nr4  pfff damn it That's not easy 
I'll leave the mainblock original, my god  

[Antechinus]

Use the PSD.

https://custom.simplemachines.org/index.php?theme=2428#cs_packages

Download the Curve_20_final_PSD.zip from that page. Then you can just change the colours in Photoshop, and save the result as a PNG again.

[shadav]

personally I just ditch all the images and just use css for color and border radius instead

[Antechinus]

Yes you can do that too. Depends what result you want. If you want to match the default Curve look and aren't much good at CSS, editing the image may be easier.

[Jacky.vdv]

I give up and wait for 2.1, that turns out to be easier to adjust colors

[Kindred]

Well, 2.1 final is not going to be any easier, since we are not adding any new functionality between rc4 and final

[Sir Osis of Liver]

If you just want to fix the wonky corners, it's easy.  This sets your background color -

index.css

Code Select Expand


body
{
/* background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x; */
background: #E0E6F6;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}


Then you have to recolor the corners in the applicable portion of main_block.png, as per attached.