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 borders on categories and rows

View previous topic View next topic Go down

Solved rounded borders on categories and rows

Post by hey mickey. on March 11th 2013, 6:26 pm

so i recently added some rounded borders as .forumline but it looks weird because it only adds the border to it, but doesn't actually round the row and categories..
this is the picture of how it looks and i want everything within a blue circle to look like the border within the red one.

my forum version is phpbb2 and the forum link is http://testinggraphics.slovenianforum.com/


Last edited by hey mickey. on March 13th 2013, 7:26 am; edited 1 time in total

hey mickey.
Forumember

Female Posts : 107
Reputation : 1
Language : english, slovenian
Location : slovenia

Back to top Go down

Solved Re: rounded borders on categories and rows

Post by Sir Chivas™ on March 12th 2013, 7:22 am

Add that code within your CSS:
Code:
.forumline {
border-bottom: 8px solid #b3b4b5;
border-right: 8px solid #b3b4b5;
border-radius: 15px;
-moz-border-radius: 15px;
-htm-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
}
Although, it will make the border look a bit thicker, but that's the only way you can fix that. Increasing,

border-bottom: 8px solid #b3b4b5;
border-right: 8px solid #b3b4b5;

From 4px to 8px



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: rounded borders on categories and rows

Post by hey mickey. on March 12th 2013, 4:31 pm

oh okay.. i'll just do something else then because it looks weird..

is there really no other way to round them?

hey mickey.
Forumember

Female Posts : 107
Reputation : 1
Language : english, slovenian
Location : slovenia

Back to top Go down

Solved Re: rounded borders on categories and rows

Post by Sir Chivas™ on March 12th 2013, 5:33 pm

Try this:

Code:

.forumline {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
-moz-border-radius: 15px;
-htm-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: rounded borders on categories and rows

Post by hey mickey. on March 12th 2013, 6:02 pm

that did nothing as far as i can tell

hey mickey.
Forumember

Female Posts : 107
Reputation : 1
Language : english, slovenian
Location : slovenia

Back to top Go down

Solved Re: rounded borders on categories and rows

Post by Sir Chivas™ on March 12th 2013, 10:36 pm

Try this, (Make sure that all of the codes given above are removed)
Code:
.forumline {
border: 3px solid #b3b4b5;
border-left: 11px;
border-radius: 8px;
border-spacing: 1px;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: rounded borders on categories and rows

Post by hey mickey. on March 13th 2013, 7:25 am

aaahhh thank you! that worked just fine ^^ i'm sorry for taking your time.
this is solved now (:

hey mickey.
Forumember

Female Posts : 107
Reputation : 1
Language : english, slovenian
Location : slovenia

Back to top Go down

Solved Re: rounded borders on categories and rows

Post by Jophy on March 13th 2013, 7:54 am

Topic Solved & Locked

Jophy
ForumGuru

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

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