Rounding corners in my forums Portal page.

[Raulito]

Hello forumotioners! I've come with a small issue at hand today.

I was wondering if it is possible to round off the corners in my portal page.

In my forums Index, other wise the main Forum, the corners are all rounded.

Below I will provide an image of what I would like to round off.

Spoiler:

In a nutshell, I need the code to round off the corners in the portal page.

Thanks in advance to all those willing to help!

-Raulito

[Rianna Lauren]

Uh...

I found something on the French Support Forum. Tried to translate them. xP But some of them are still in French... But I'll go ahead and post. xP

Description trick:

Here is the script that allows for rounded corners in a table.


Code to insert wrote:
<table cellspacing="0" cellpadding="0">
<tr height="Hauteur de toute la bordure supérieur">
<td width="Largeur de toute la bordure de gauche (minimum 6 pixels)" background="Image du coin supérieur gauche"></td>
<td width="Largeur du tableau" background="Image de remplissage"></td>
<td width="Largeur de toute la bordure droite (minimum 6 pixels)" background="Image supérieure droite" ></td>
</tr>
<tr>
<td background="image de remplissage"></td>
<td background="image de remplissage" >Votre Texte</td>
<td background="image de remplissage"></td>
</tr>
<tr height="Hauteur de la bordure inférieure">
<td background="image coin inférieur gauche"></td>
<td background="image de remplissage"></td>
<td background="image coin inférieur droite"></td>
</tr>
</table>



For the image of filling, gif 1/1pixel enough to the desired color.

Where do I put this code:

You can place this code in an HTML page of your forum.
Administration Panel -> Modules -> Manage HTML pages -> Create an HTML page.

[harvengure]

Try

Code:

<script src='http://github.com/malsup/corner/raw/master/jquery.corner.js' type='text/javascript'></script>
<script>
jQuery(document).ready(function ()
{
    jQuery('X').corner();
});
</script>

'X' being of course the ID or class you wish to have rounded corners. For all the other affects and options on the above jQuery plugin visit http://www.malsup.com/jquery/corner/

[Raulito]

@Rianna Lauren - Thanks for the effort, but that doesn't seem to work.

@harvengure - I visited the site, but as you can tell, I'm a bit confused with the whole thing..

Is there any way to accomplish this through a CSS code?

Ohh and by the way, my current forum version is Invision.

[Rianna Lauren]

Ah, well... That's the only thing I could find... xD Sorry. Good luck, though!

[Raulito]

Even though what you said didn't help technically, it did mentally

After reading your advice, I decided to study and mess around with my CSS.

I came across the code and overall solution for my urging "needs" lol

Thanks to Rianna and Harv for there efforts.

Solved.

[Rianna Lauren]

Ah, okay - glad I could (somehow) help! xD

[RoNo]

Since the issue appears to be resolved, this topic is closed. Locked!RoNo

General rules Tricks & Tips FAQ listing

For founders who lost their passwords About support requests by PM Announcements & Updates