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 on Categories & Borders

View previous topic View next topic Go down

Solved Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart on June 30th 2011, 5:34 am

Hey guys, I have looked for rounded corners by using the search bar and I've used each html code that was posted and none of them worked. Maybe it's because it wasn't for the right thing but I'm hoping you guys can help me.

Okay now, I want the categories to have a rounded corner, like my post do. However, I have know I idea how to do that. Now below i'm going to post an image, and that image is going to have red circles, the red circles are the corners I want to change to rounded corners. There is one image within the image that has a green border and a blue circle, the blue circle is what I want my red corners to be like. (I really hope this makes sense, if it doesn't I'm sorry, but anything out of Sony Vegas and HTML with Tumblr, doesn't really catch on). Also below the image, I will show you my codes that are in my CSS stylesheet.


Spoiler:
Code:
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

button.bbcode {
border: 1px solid black;
background-image: url(http://i23.servimg.com/u/f23/15/53/66/10/butbg111.png) !important;}

#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 20px;
}

.post {
border: solid 1px #d0d0d0;
background: url('http://i88.servimg.com/u/f88/14/28/28/25/back10.gif');
background-repeat: repeat-x;
background-color: #f2f2f2;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.post:hover {border: solid 1px #b0b0b0;}

HR {
border: 0 none #9a6fac;
border-top: 1px solid #aa9faa;
height: 1px; height: 1px;
margin: 5px 0; margin: 5px 0;
display: block; display: block;
clear: both; clear: both;}


Now, my other question is, I want to put borders around the icons my users have. I think it's possible, but I may be wrong.

Any help will be greatly appreciated. Smile

Thanks,
Miri.


Last edited by Polka-Dot-Heart on June 30th 2011, 9:47 pm; edited 1 time in total

Polka-Dot-Heart
Forumember

Female Posts : 135
Reputation : 16
Language : English

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Nera. on June 30th 2011, 10:08 am

Hi,

Is it phpBB3?
For the avatar, last question, if that is what you call an icon try addmin this to your CSS
Code:
.postprofile img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
For forums/categories
Code:
.forabg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
Widgets
Code:
.module {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

Can you show a link to your forum, what is left?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart on June 30th 2011, 7:28 pm

Coolness, it works. The only thing that isn't rounded isn the nav bar and what not (when you make a poll)

Should I make you a test account or change my settings.

The link to my forum.
http://midnightmemorystudio.home-forum.com/forum

Link to the poll.
http://midnightmemorystudio.home-forum.com/t203-getting-rid-of-the-reps

Thanks for all the help so far Nera. Smile

Polka-Dot-Heart
Forumember

Female Posts : 135
Reputation : 16
Language : English

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Nera. on June 30th 2011, 8:08 pm

Pool
Code:
.panel {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
Navbar
Code:

.navbar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

No problem Smile

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Nadenceto22 on June 30th 2011, 8:47 pm

Are there codes for phpBB2? :]

Nadenceto22
New Member

Female Posts : 13
Reputation : 0
Language : Bulgarian, English
Location : Bulgaria

http://muse.forumotion.net

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Nera. on June 30th 2011, 8:52 pm

Hi,

These are for phpbb3. PhpBB2 goes differently, open your own topic with what do you want to make round explained and we'll check it out. Wink

You can also help your self from these topics

http://help.forumotion.com/t88742-how-to-make-category-forum-border-like-this

http://help.forumotion.com/t92347-rounded-corners-for-phpbb2

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart on June 30th 2011, 9:35 pm

Nera, one more thing.

It seems like it didn't work for this area of the forum. I'm sorry if I'm being picky, but I just need this one code for that part.

http://midnightmemorystudio.home-forum.com/f1-forum-announcements

Polka-Dot-Heart
Forumember

Female Posts : 135
Reputation : 16
Language : English

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Nera. on June 30th 2011, 9:42 pm

Here you go
Code:
.forumbg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart on June 30th 2011, 9:47 pm

Thank you so much Nera, you have been a great amount of help to me. Very Happy Thanks again. Very Happy

Polka-Dot-Heart
Forumember

Female Posts : 135
Reputation : 16
Language : English

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Nera. on June 30th 2011, 9:50 pm

You welcome hun.

Solved ~ Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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