The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Rounded Corners on Categories & Borders

3 posters

Go down

Solved Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart 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.
Rounded Corners on Categories & Borders Helpn

Spoiler:


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
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. 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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart 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
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. 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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

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

Are there codes for phpBB2? :]
avatar
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. 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

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

https://help.forumotion.com/t92347-rounded-corners-for-phpbb2
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart 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
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. June 30th 2011, 9:42 pm

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

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: Rounded Corners on Categories & Borders

Post by Polka-Dot-Heart 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
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. June 30th 2011, 9:50 pm

You welcome hun.

Solved ~ Locked
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Back to top

- Similar topics

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