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.

Centered username and avatar

View previous topic View next topic Go down

In progress Centered username and avatar

Post by JAN2XONLINE on June 18th 2012, 8:20 am



this image is edited... I want to make it something like that. My username and avatar are centered. Is there any way to do it like that?

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Centered username and avatar

Post by Akkii on June 18th 2012, 11:21 am

Which version of forum are you using?

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

In progress Re: Centered username and avatar

Post by The GreeK on June 18th 2012, 11:25 am

Please provide your forum URL for appearance problems

The GreeK
Forumember

Posts : 211
Reputation : 8
Language : Greek, English, French
Location : Greece

http://www.greek-support.net

Back to top Go down

In progress Re: Centered username and avatar

Post by JAN2XONLINE on June 18th 2012, 7:16 pm

@Akkii wrote:Which version of forum are you using?

phpBB2

u3gms.com

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Centered username and avatar

Post by Xanthis on June 19th 2012, 4:16 am

Do you happen to know the code for this for PunBB, out of curiosity?

Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

In progress Re: Centered username and avatar

Post by JAN2XONLINE on June 19th 2012, 4:50 am

Rideem3 wrote:Add this to your CSS StyleSheet:
Code:
tr.post > td:first-child {
    text-align: center;
}

it works but its not what I expected. Its messy now. The profile fields below got centered also.




JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Centered username and avatar

Post by Xanthis on June 20th 2012, 2:57 am

The PunBB code you provided worked for the profile text. Do you have the code for centering usernames?

Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

In progress Re: Centered username and avatar

Post by xiaomah01 on June 20th 2012, 3:57 am

viewtopic_body find:
Code:
{postrow.displayed.POSTER_NAME}
{postrow.displayed.POSTER_AVATAR}
just put <center></center>
Code:
<center>{postrow.displayed.POSTER_NAME}</center>
<center>{postrow.displayed.POSTER_AVATAR}</center>
Spoiler:

xiaomah01
Forumember

Male Posts : 206
Reputation : 7
Language : English|Chinese|malay
Location : malaysia

http://johor.forumn.org/

Back to top Go down

In progress Re: Centered username and avatar

Post by Xanthis on June 20th 2012, 5:01 am

I did that:



But the usernames are still left-aligned:



Link for miscellaneous purposes: http://sonicommunity.net/forum

Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

In progress Re: Centered username and avatar

Post by xiaomah01 on June 20th 2012, 5:27 am

@Xanthis wrote:I did that:



Link for miscellaneous purposes: http://sonicommunity.net/forum

css find:
Code:
.pun .user-ident .username {
color:
#00569C;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}
delet:position: absolute;
add:
Code:
margin-top: -20px;
padding-bottom: 5px;

Spoiler:

xiaomah01
Forumember

Male Posts : 206
Reputation : 7
Language : English|Chinese|malay
Location : malaysia

http://johor.forumn.org/

Back to top Go down

In progress Re: Centered username and avatar

Post by Xanthis on June 20th 2012, 5:40 am

Nope.



Margin-top only shifted the name vertically, and padding-bottom effectively did nothing. Still no change horizontally.

Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

In progress Re: Centered username and avatar

Post by xiaomah01 on June 20th 2012, 5:51 am

try:
Code:
<h4 class="username" style="padding-bottom: 5px;margin-top: -20px;position: relative;">

xiaomah01
Forumember

Male Posts : 206
Reputation : 7
Language : English|Chinese|malay
Location : malaysia

http://johor.forumn.org/

Back to top Go down

In progress Re: Centered username and avatar

Post by Xanthis on June 20th 2012, 6:04 am

Same idea, it effectively removes the username because it's only changing its vertical position.


Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

In progress Re: Centered username and avatar

Post by Xanthis on June 22nd 2012, 12:02 am

Solved through CSS:

Code:
.pun .user-ident .username {
text-align: center;
position: relative;
margin-bottom: 10px;
}


Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

In progress Re: Centered username and avatar

Post by Nera. on June 23rd 2012, 11:19 am

We'll wait for the topic creator to see is it solved for him.




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