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 Mon Jun 18, 2012 1: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?
avatar
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 Mon Jun 18, 2012 4:21 am

Which version of forum are you using?
avatar
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 Mon Jun 18, 2012 4:25 am

Please provide your forum URL for appearance problems
avatar
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 Mon Jun 18, 2012 12:16 pm

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

phpBB2

u3gms.com
avatar
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 Mon Jun 18, 2012 9:16 pm

Do you happen to know the code for this for PunBB, out of curiosity?
avatar
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 Mon Jun 18, 2012 9:50 pm

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.



avatar
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 Tue Jun 19, 2012 7:57 pm

The PunBB code you provided worked for the profile text. Do you have the code for centering usernames?
avatar
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 Tue Jun 19, 2012 8:57 pm

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:
avatar
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 Tue Jun 19, 2012 10:01 pm

I did that:



But the usernames are still left-aligned:



Link for miscellaneous purposes: http://sonicommunity.net/forum
avatar
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 Tue Jun 19, 2012 10:27 pm

@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:
avatar
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 Tue Jun 19, 2012 10:40 pm

Nope.



Margin-top only shifted the name vertically, and padding-bottom effectively did nothing. Still no change horizontally.
avatar
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 Tue Jun 19, 2012 10:51 pm

try:
Code:
<h4 class="username" style="padding-bottom: 5px;margin-top: -20px;position: relative;">
avatar
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 Tue Jun 19, 2012 11:04 pm

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

avatar
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 Thu Jun 21, 2012 5:02 pm

Solved through CSS:

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

avatar
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 Sat Jun 23, 2012 4:19 am

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



avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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