Rounded Corners on Categories & Borders
3 posters
Page 1 of 1
Rounded Corners on Categories & Borders
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.
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.
Thanks,
Miri.
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://2img.net/i/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.
Thanks,
Miri.
Last edited by Polka-Dot-Heart on June 30th 2011, 9:47 pm; edited 1 time in total
Polka-Dot-Heart- Forumember
- Posts : 135
Reputation : 16
Language : English
Re: Rounded Corners on Categories & Borders
Hi,
Is it phpBB3?
For the avatar, last question, if that is what you call an icon try addmin this to your CSS
Can you show a link to your forum, what is left?
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;
}
- Code:
.forabg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
- Code:
.module {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
Can you show a link to your forum, what is left?
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Rounded Corners on Categories & Borders
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.
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.
Polka-Dot-Heart- Forumember
- Posts : 135
Reputation : 16
Language : English
Re: Rounded Corners on Categories & Borders
Pool
No problem
- Code:
.panel {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
- Code:
.navbar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
No problem
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Rounded Corners on Categories & Borders
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.
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
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.
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.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Rounded Corners on Categories & Borders
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
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
- Posts : 135
Reputation : 16
Language : English
Re: Rounded Corners on Categories & Borders
Here you go
- Code:
.forumbg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Rounded Corners on Categories & Borders
Thank you so much Nera, you have been a great amount of help to me. Thanks again.
Polka-Dot-Heart- Forumember
- Posts : 135
Reputation : 16
Language : English
Re: Rounded Corners on Categories & Borders
You welcome hun.
Solved ~ Locked
Solved ~ Locked
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Similar topics
» Rounded corners for categories
» Rounded Borders
» Rounded Borders - CSS Issue
» Do not want rounded corners for some images
» Rounded Corners
» Rounded Borders
» Rounded Borders - CSS Issue
» Do not want rounded corners for some images
» Rounded Corners
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum