Even Circles

[• Ambrose •]

Forum URL: charmed00.proboards.com/

I am not sure where to post this as of right now but I needed help with the template and support's usually where I go. =P

Anyway, what I'm trying to do is make an even circle where Threads and Posts are. I want just round circles and not the ovals they are in right now.

I also wanted to understand how to customize the appearance of people's usernames/display names. Thanks in advance!

[Tumbleweed]

Feb 3, 2014 17:01:22 GMT -8 • Ambrose • said:

Forum URL: charmed00.proboards.com/

I am not sure where to post this as of right now but I needed help with the template and support's usually where I go. =P

Anyway, what I'm trying to do is make an even circle where Threads and Posts are. I want just round circles and not the ovals they are in right now.

I also wanted to understand how to customize the appearance of people's usernames/display names. Thanks in advance!

You just need to change the border radius to 50 rather than 100. Are you using someone elses theme? I don't know if they gave you css to add to the bottom of your style sheet or if they made some changes in the default css. You just need to look for some css with a class .threads.

Wormo has the smear plug-in. It's pretty darn cool. If you go to your admin panel and click on the Plug-in Library you can find it there and download it directly to your forum.

[• Ambrose •]

Tumbleweed , thank you but I guess I should have explained more clearly what I want to do.

I would like to have round circles for the Threads and Posts. It was inspired by "Eerie Woods", but I did the CSS myself, and I can't figure out how to "shrink" the black into circles. I added CSS at the bottom but only for the border-around-forum part.

For the Display Names, I wanted to know if there was a way to automatically have their display names styled uppercase and not have it showing bold in the info center.

[Tumbleweed]

Feb 3, 2014 19:23:41 GMT -8 • Ambrose • said:

Tumbleweed , thank you but I guess I should have explained more clearly what I want to do.

I would like to have round circles for the Threads and Posts. It was inspired by "Eerie Woods", but I did the CSS myself, and I can't figure out how to "shrink" the black into circles. I added CSS at the bottom but only for the border-around-forum part.

For the Display Names, I wanted to know if there was a way to automatically have their display names styled uppercase and not have it showing bold in the info center.

Now I'm looking at your site and they are set to 50 (did you just change that?) and it seems that still isn't working.  Since that is a td tag that is in and it'll take on the height of your board. So this will be a template change with a div with the circle info inside that td tag. I can't get at it right at the moment as I need to go offline but if no one else jumps in, I'll be back in a couple hours.

[• Ambrose •]

Thank you! I was able to fix it into exact circles, but now I need to center the text right in the middle of the circles. How could I do this?

As for the info center, I think I know where I went wrong with the layout and I will fix it later tonight. I'd still like to know if there's a way to automatically uppercase the display names, too! =)

[Tumbleweed]

Feb 3, 2014 20:15:47 GMT -8 • Ambrose • said:

Thank you! I was able to fix it into exact circles, but now I need to center the text right in the middle of the circles. How could I do this?

As for the info center, I think I know where I went wrong with the layout and I will fix it later tonight. I'd still like to know if there's a way to automatically uppercase the display names, too! =)

You beat me to the punch. I just got back early and worked it out and came here to post the outcome. Great job. Your site is really unique!
Here is the css I used: 

.circle{
background-color: #151515;
color: #bda0cb;
font-family: Impact;
font-size: 14px;
border-radius: 50px;
width:50px;
height:36px;
margin-top:-16px;
padding-top:16px;
vertical-text-align:middle;
text-align:center;
}


I used padding top to bring the text down and then subtracted that off the total height. I had my circles to be 50px in height and width to start with. I'm sure you can work it out.

[• Ambrose •]

Thank you! I decided to keep the usernames bold in the info center, too. =)

[Tumbleweed]

You're welcome for what little part I did. Circles look much better than what it was before.