The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Rounding corners in my forums Portal page.

View previous topic View next topic Go down

Solved Rounding corners in my forums Portal page.

Post by Raulito on June 4th 2010, 2:21 am

Hello 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 king


Last edited by Raulito on June 4th 2010, 7:02 pm; edited 1 time in total

Raulito
Forumember

Male Posts : 102
Reputation : 0
Language : Spanish and English

http://runescape-community.forum.st/

Back to top Go down

Solved Re: Rounding corners in my forums Portal page.

Post by Rianna Lauren on June 4th 2010, 11:25 am

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.

Rianna Lauren
Forumember

Female Posts : 288
Reputation : 0
Language : English, Indonesian
Location : INDONESIA

http://belgianreporter.forumotion.com

Back to top Go down

Solved Re: Rounding corners in my forums Portal page.

Post by harvengure on June 4th 2010, 12:26 pm

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/

harvengure
Forumember

Posts : 86
Reputation : 0
Language : English

Back to top Go down

Solved Re: Rounding corners in my forums Portal page.

Post by Raulito on June 4th 2010, 5:58 pm

@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.

Raulito
Forumember

Male Posts : 102
Reputation : 0
Language : Spanish and English

http://runescape-community.forum.st/

Back to top Go down

Solved Re: Rounding corners in my forums Portal page.

Post by Rianna Lauren on June 4th 2010, 6:37 pm

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

Rianna Lauren
Forumember

Female Posts : 288
Reputation : 0
Language : English, Indonesian
Location : INDONESIA

http://belgianreporter.forumotion.com

Back to top Go down

Solved Re: Rounding corners in my forums Portal page.

Post by Raulito on June 4th 2010, 7:00 pm

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

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 Very Happy

Thanks to Rianna and Harv for there efforts.

Solved. Wink

Raulito
Forumember

Male Posts : 102
Reputation : 0
Language : Spanish and English

http://runescape-community.forum.st/

Back to top Go down

Solved Re: Rounding corners in my forums Portal page.

Post by Rianna Lauren on June 4th 2010, 7:18 pm

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

Rianna Lauren
Forumember

Female Posts : 288
Reputation : 0
Language : English, Indonesian
Location : INDONESIA

http://belgianreporter.forumotion.com

Back to top Go down

Solved Re: Rounding corners in my forums Portal page.

Post by RoNo on June 4th 2010, 7:49 pm


RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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