Advertisement:

Author Topic: A little help.  (Read 705 times)

Offline MoinFaraz

  • Jr. Member
  • **
  • Posts: 118
  • Gender: Male
    • Internet Marketing Forums
A little help.
« 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
« Last Edit: April 26, 2012, 08:55:27 AM by MoinFaraz »

Offline Marcus Forsberg

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 8,607
  • Gender: Male
    • marcus.t.forsberg on Facebook
    • marcusforsberg on LinkedIn
    • @marcusforsberg on Twitter
    • marcusforsberg.net
Re: A little help.
« Reply #1 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".