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.

Centering things in profile [PunBB] [solved]

View previous topic View next topic 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


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

Dachone
Forumember

Male Posts : 52
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
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

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

is there a way to fix that?

Dachone
Forumember

Male Posts : 52
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
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

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_!
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
Forumember

Male Posts : 52
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:



Lijep pozdrav.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

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..

Dachone
Forumember

Male Posts : 52
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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

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
Forumember

Male Posts : 52
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.
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