The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

[IMG]Rounded edges pixels

3 posters

Go down

[IMG]Rounded edges pixels Empty [IMG]Rounded edges pixels

Post by perca January 22nd 2009, 9:26 pm

Ok guys, I`m having some issues with rounding the edges of my forum. I did the gif image for the left and right corners, but there are 3 light pixels that appear from nowhere and make my layout look messed up. I redid the gif a couple times already and am not being able to make those 3 spots disappear. Am I doing something wrong? My bg has to be white to the rounded borders to work? I hope someone can help me out with this one...

[IMG]Rounded edges pixels Left13
My gif for the left side, the one for the right is the same but flipped. The bg is transparent.

[IMG]Rounded edges pixels Lime-error
That's how my forum is looking like now.

[IMG]Rounded edges pixels Zoom-error
Zoom of the unwanted pixels... I dunno how to get rid of those

Any help is appreciated, thanks for your time and attention!
perca
perca
Forumember

Female Posts : 75
Reputation : 0
Language : Portuguese
Location : Brazil

http://limestripe.englishboards.com/

Back to top Go down

[IMG]Rounded edges pixels Empty Re: [IMG]Rounded edges pixels

Post by musket January 22nd 2009, 9:46 pm

I think they are called JPG artifacts, you could try saving good copies of your backgrounds in PNG file format Smile
musket
musket
Helper
Helper

Male Posts : 1130
Reputation : 131
Language : English
Location : Northern Ireland

http://hemmingsdaman2.forumotion.co.uk/

Back to top Go down

[IMG]Rounded edges pixels Empty Re: [IMG]Rounded edges pixels

Post by Jalokim January 23rd 2009, 1:22 pm

This is happening because you don't have a navbar and header background.
the corner images cover the forumbar the navbar and header.

but that what i'd say just by looking at screens... i took the liberty of checking your site.
Your gif images are incorrectly done:
so I made them right
[IMG]Rounded edges pixels Leftne10
Code:
http://i60.servimg.com/u/f60/11/40/70/67/leftne10.gif
[IMG]Rounded edges pixels Rightn10
Code:
http://i60.servimg.com/u/f60/11/40/70/67/rightn10.gif

Now go to your admin panel -> display -> colors -> css tab
then locate all the old corner images in your css and replace them with the new ones I made. If i'm not mistaken there should be 3 places where you'll need to replace images.

So locate for example :https://i.servimg.com/u/f62/12/02/74/86/left11.gif in your css and replace it with :https://i.servimg.com/u/f60/11/40/70/67/leftne10.gif
and so on until all the old images are replaced

and save.
If you have the corner images in your picture menu (admin panel -> display -> picture management -> advanced ) then you can replace them there too or you can just delete them.

This will help you
cheers Razz
Jalokim
Jalokim
Energetic

Male Posts : 6113
Reputation : 223
Language : English,Polish,CSS,HTML
Location : Poland

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum