Centering things in profile [PunBB] [solved]

Go down

Solved Centering things in profile [PunBB] [solved]

Post by Dachone on April 5th 2012, 6:47 pm

Can we make our profile to look like on the picture right that I photoshoped? The picture on the left is how profile looks on our forum now. Thanks in advance Smile
Centering things in profile [PunBB] [solved] Profile


Last edited by Dachone on April 7th 2012, 5:01 pm; edited 4 times in total
Dachone
Dachone
Forumember

Male Posts : 61
Reputation : 1
Language : Serbian
Location : Venice Beach, CA

http://www.nba-serbia.net

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by E-Mark on April 5th 2012, 7:47 pm

In viewtopic_body.

Find:
Code:

                     <div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                     </div>
                     <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                                                          </div>

and replace it with this:
Code:

                     <center><div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                     </div>
                     <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                                                          </div></center>
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by Dachone on April 6th 2012, 5:29 pm

we are almost there Very Happy
everything is fine except for the position of name and the online icon has moved from behind the name to under the profile picture Smile
Centering things in profile [PunBB] [solved] Untitled-1
is there a way to fix that?
Dachone
Dachone
Forumember

Male Posts : 61
Reputation : 1
Language : Serbian
Location : Venice Beach, CA

http://www.nba-serbia.net

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by E-Mark on April 6th 2012, 6:13 pm

Replace the code i gave with this one:
Code:

<center><div class="user-ident">
                            <h4 class="username">{postrow.displayed.POSTER_NAME} {postrow.displayed.ONLINE_IMG}</h4>
                            <div class="user-basic-info">
                              {postrow.displayed.POSTER_AVATAR}<br />
                              {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                            </div>
                        </div>
                        <div class="user-info">
                           
                            <!-- BEGIN profile_field -->
                            {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                            <!-- END profile_field -->
                            {postrow.displayed.POSTER_RPG}
                                                              </div></center>
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by !_NICK_! on April 6th 2012, 6:31 pm

I know something way more easier!

If you will go to your ranks and put this code below in it at the very first of your profile. Make sure you leave this tag open, though.

Code:
<center>
!_NICK_!
!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by Dachone on April 7th 2012, 2:20 am

@E-Mark
online button is ok now, but the name is not in the center still

@!_NICK_!
I don't understand where I need to put <center>
Dachone
Dachone
Forumember

Male Posts : 61
Reputation : 1
Language : Serbian
Location : Venice Beach, CA

http://www.nba-serbia.net

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by Nera. on April 7th 2012, 3:20 pm

Ćao,

Find this in your viewtopic_body template:

Code:
<h4 class="username">{postrow.displayed.POSTER_NAME}</h4>

Replace it with this:

Code:
<h4 class="username" align="center">{postrow.displayed.POSTER_NAME}</h4>

Than add this to CSS:

Code:
.pun .user-ident .username {
    position: relative !important;
}

Example of it working on punBB:

Centering things in profile [PunBB] [solved] LmFj

Lijep pozdrav.
Nera.
Nera.
Energetic

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

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by Dachone on April 7th 2012, 4:00 pm

Hvala komsinice Very Happy

EDIT: Oh i just saw something so it isn't solved yet Sad
Everything works fine but some letters from user name kinda "falls" into avatar. The long ones like y,j,q,p.
Is there a way to create some free space between avatar and profile? Like 1 pixel or 2..
Centering things in profile [PunBB] [solved] Untitled-1
Dachone
Dachone
Forumember

Male Posts : 61
Reputation : 1
Language : Serbian
Location : Venice Beach, CA

http://www.nba-serbia.net

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by Nera. on April 7th 2012, 4:36 pm

Add a br tag after this:
Code:
<h4 class="username" align="center">{postrow.displayed.POSTER_NAME}</h4>

Add:

Code:
<br />
Nera.
Nera.
Energetic

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

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by Dachone on April 7th 2012, 5:00 pm

Now it's solved, thanks!
Dachone
Dachone
Forumember

Male Posts : 61
Reputation : 1
Language : Serbian
Location : Venice Beach, CA

http://www.nba-serbia.net

Back to top Go down

Solved Re: Centering things in profile [PunBB] [solved]

Post by Nera. on April 7th 2012, 5:06 pm

bye

Topic Solved & Locked
Nera.
Nera.
Energetic

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

Back to top Go down

Back to top


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