Round off category boxes

[Makaveli105]

Hey,

I was wondering if anyone could tell me how to round off the edges of the top of the category instead of having it as just a box? I understand I have to make the rounded off images, but I was wondering where I would add the code, and what code I would add.

Thank you

[Bubble #5]

This is a skinning question. There really is no set answer that would apply to all skins. Basically you need to slice your skin (top section) into at least three sections. We'll call them left, middle and right. You want to round the left and the right section. If you are doing this just on forumhome then you would open up that template, locate the top section of the skin, and add your new image codes there. I know this doesn't give you a lot of detail but again, there really is no set answer that would apply to all skins. You would work on each skin a little differently, depending on how it was set up.

HERE's an article that I just found that might also help you :bunny:

[slappy]

Check out this Thread:

https://vborg.vbsupport.ru/showthread.php?p=1025679

I listed several methods for making rounded corners, which include:

Nifty Cube

http://www.html.it/articoli/niftycube/index.html

CSS Design: Creating Custom Corners & Borders Part II

http://www.alistapart.com/articles/customcorners2

Bullet-Proof Rounded Corners

http://www.albin.net/CSS/roundedCorners/

There's also one named:

Rounded corners without images A Nifty Corners Inspiration

which I have saved and downloaded on my computer, but is producing a 404 on the net at the moment.

This last one uses a javascript which is downloadable here:

http://seky.nahory.net/soubory/0504-...ded-corners.js

This last one is a javascript to produce rounded corners to elements where you want to want to have the rounded corners. You open the rounded-corners.js file copy and saved that then uploaded the javascript to your server, generally to your /clientscript folder. Then you add to the appropriate template: "<script src="rounded-corners.js" and "Add the rounded class to all elements, that should have the rounded corners.

a simple fa?ade added:

Look in your templates and find elements that ought to be rounded, and add the following inside the corresponding HTML tags:

 class="rounded-corners"

This is what calls the CSS for the correct style settings with the javacode in the download.

You can find additional information here by using the Search button and entering: rounded corners

Regards,

[Makaveli105]

Thanks alot guys ill look into both of those!

[slappy]

Bubble #5's LINK is the same as my link to Bullet-Proof Rounded Corners.

Regards,