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.

Rounded Corners

View previous topic View next topic Go down

Solved Rounded Corners

Post by Kite Trojan on May 11th 2014, 3:23 am

Hi! I've been working on my new forum and I need help. So, what I need is "Rounded Corners."
right now this is how my forum looks like:


i would like the forum and widgets rounded

my forum is:http://dragonic.forumotion.com/

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Rounded Corners

Post by Illest on May 11th 2014, 4:49 am

Hi,

Add this code to your CSS Stylesheet. Very Happy

Code:
#wrap {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.forabg {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.forumbg {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

 .post{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.module {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

Illest
Forumember

Male Posts : 135
Reputation : 9
Language : English
Location : USA

http://mixedmedia.userboard.net

Back to top Go down

Solved Re: Rounded Corners

Post by Kite Trojan on May 11th 2014, 7:40 pm

It doesn't work.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Rounded Corners

Post by Jophy on May 12th 2014, 9:52 am

Hello,

Try this:
Go to your templates (index_box):
Find:
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>

Replace it with:
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" id="round">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>

Find:
Code:
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Then replace it with:
Code:
<th nowrap="nowrap" width="150" class="round"><div style="width:150px;">{L_LASTPOST}</div></th>

Save and publish.

Then add this to your CSS:
Code:
.round {
 border-radius: 0 6px 0 0;
}

#round {
 border-radius: 6px 0 0 0;
}

.forumline {
 border-radius: 6px 6px 0 0 ;
}

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Rounded Corners

Post by Kite Trojan on May 13th 2014, 4:51 am

Thanks for starting the topic Jophy, but I also wanted the widgets to be rounded aswell.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Rounded Corners

Post by Jophy on May 13th 2014, 5:22 am

Add this in your CSS:

Code:
td.catLeft, th.thLeft {
border-radius: 6px 6px 0 0;
}

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Rounded Corners

Post by Pizza Boi on May 13th 2014, 10:43 am

Hi Very Happy

Following what Jophy said, you'll encounter a black sort of background, right? In order to remove that, you have to put this in your CSS:

Code:
.forumline {
  background: none !important;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Rounded Corners

Post by Kite Trojan on May 14th 2014, 2:24 am

@Jophy wrote:Add this in your CSS:

Code:
td.catLeft, th.thLeft {
border-radius: 6px 6px 0 0;
}

@Pizza Boi wrote:Hi Very Happy

Following what Jophy said, you'll encounter a black sort of background, right? In order to remove that, you have to put this in your CSS:

Code:
.forumline {
 background: none !important;
}

Regards,
Pizza Boi

Thank you to the both of you. Topic Solved.


EDIT:
I just noticed something.
If you look in this image:
, only the latest topics is not rounded.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Rounded Corners

Post by Pizza Boi on May 14th 2014, 2:54 pm

Hi Very Happy

For latest topics, please use this:

Code:
td.catHead {
border-radius: 6px 6px 0px 0px;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Rounded Corners

Post by Kite Trojan on May 15th 2014, 1:30 am

solved Very Happy

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Rounded Corners

Post by SLGray on May 15th 2014, 2:05 am

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.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