Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: MoinFaraz on April 26, 2012, 08:35:56 AM

Title: A little help.
Post by: MoinFaraz on April 26, 2012, 08:35:56 AM
Hey Guys,

I have replaced backdrop.png with custom texture and now as you can see image is repeating itself. i have tried repeat-x and repeat-y, but it looks better to make it repeat both horizontal and vertical.

Still, i want to make it such that image corners are NOT visible. is there a way to achieve that? not sure if that has to be done in photoshop or we can do that with some css tricks.

Thanks for looking into it :)

Edit :: to be more specific, i am referring to this > http://screencast.com/t/0y8urCFhys7q
Title: Re: A little help.
Post by: Marcus Forsberg on April 30, 2012, 08:04:54 AM
Hey,

The borders on the side are set in #content_section in the css, from frame_repeat.png, so just remove that. As for the top (and bottom) one that's part of the main_block.png. You *could* change the background positions on #header, #header div.frame, #footer_section and #footer_section div.frame to remove the top/bottom pixel, but it's better to edit the image in Photoshop (or the free alternative GIMP) to fix it "properly".