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.

Horizontale profile details in punBB

View previous topic View next topic Go down

Solved Help me i dunno how to do this

Post by bellemund on March 25th 2012, 10:08 am

Hello guys,

I just want to ask you if how can i transfer this thing at the top and also hide my address etc.

http://i40.tinypic.com/2viks4l.png

Just like this one

http://i43.tinypic.com/1qo6ch.png

Thanks in advance Smile




bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 10:22 am

PunBB?

Go to your viewtopic_body template and delete this

Code:
               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                     <div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}

                           {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>
                  </div>

Replace it with this

Code:
<table width="100%" style="border-bottom: 1px solid #c3dab5;background: #fff url('YOUR IMAGE LINK HERE3') bottom repeat-x;"><tr><td width="100px;" style="margin-left: 10px;">{postrow.displayed.POSTER_AVATAR}</td>
<td><div class="user-ident">
                                <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                               
                            </div>{postrow.displayed.ONLINE_IMG}<br /{postrow.displayed.POSTER_RANK_NEW}
{postrow.displayed.RANK_IMAGE}</td><td style="float: right;"><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></td></tr></table>
                    <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>

Than add this to CSS

Code:

.pun .user-ident .username {
    position: relative !important;
}
.pun .postbody {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(255, 255, 255);
background-image: url("YOUR IMAGE LINK HERE1");
background-origin: padding-box;
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: auto;
width: 100%;
}
.pun .post {
background-attachment: scroll;
background-clip: border-box;

background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(195, 218, 181);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color: rgb(195, 218, 181);
border-left-style: solid;
border-left-width: 2px;
border-right-color: rgb(195, 218, 181);
border-right-style: solid;
border-right-width: 2px;
border-top-color: rgb(195, 218, 181);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 2px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: 5px;

}


.postfoot {
    clear: both;
    margin-right: 0em;
    border-top: 1px solid #c3dab5;
    padding: 0.5em 1em;
    text-align: right;
background-color: rgb(255, 255, 255);
background-image: url("YOUR IMAGE LINK2");
background-origin: padding-box;
background-position: 50% 100%;
background-repeat: repeat-x;
    }
.pun .posthead {background-color: #COLOR HERE;}
.pun .postmain {
    background-color: #ecf3f7;
    border-left: 1px solid #ffffff;
    margin-right: 0px;
    }

http://help.forumotion.com/t97803-horizontal-profiles-in-posts-_-punbb#631647

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 10:28 am

How to locate the viewtopic_body template?

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 10:29 am

AP > Display > Templates

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 10:41 am

I works for me but still have minor problems like this

http://i42.tinypic.com/262oe9w.png

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 10:45 am

Put the profile position in messages to right in AP.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 10:49 am

How can i locate it?

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 10:49 am

AP > General > Forum > Configuration

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 10:53 am

Lastly how to bring back the color of my "Forum Admin" ?

It was color red a while ago before i do everything

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 10:59 am

That should not be affected. Only if you added those changes in the template.
You can go to your AP > Users and groups > Rank administration and wrap your rank with this:

Code:
<span class="tiki">Administrator</span>

Than add this to CSS:

Code:
.tiki {
font-weight: bold;
color: red;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 12:59 pm

I already did what you have instructed. But still it doesn't change

http://i40.tinypic.com/6yyx5c.png

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 1:04 pm

Link to forum?

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 1:28 pm


bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 1:36 pm

Find this in the template and close the br tag.

Code:
</div>{postrow.displayed.ONLINE_IMG}<br /{postrow.displayed.POSTER_RANK_NEW}

So it looks like this:

Code:
</div>{postrow.displayed.ONLINE_IMG}<br/>{postrow.displayed.POSTER_RANK_NEW}

Than add this to rank title. It's not added.

Code:
<span class="tiki">Administrator</span>

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 1:52 pm

still wont work. i already did everything you instructed. please check

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 1:56 pm

Now you did that part good/correcty but deleted the CSS Confused . Return the CSS to your CSS and it will work.


Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 2:27 pm

Dude what do you mean by "Return the CSS to your CSS" ? explain well please

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 2:33 pm

Add this to AP > Display > Colors > CSS

Code:
.tiki {
font-weight: bold;
color: red;
}

If you can't make it please PM me admin login details and I'll do it.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on March 25th 2012, 2:59 pm

Thank you very much for your patience in helping me.

MORE POWERS to you!

Problem SOLVED!

bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on March 25th 2012, 3:03 pm

Welcome.

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