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 Sun 25 Mar - 3:08

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



avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 3:22

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
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 3:28

How to locate the viewtopic_body template?
avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 3:29

AP > Display > Templates
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 3:41

I works for me but still have minor problems like this

http://i42.tinypic.com/262oe9w.png
avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 3:45

Put the profile position in messages to right in AP.
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 3:49

How can i locate it?
avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 3:49

AP > General > Forum > Configuration
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 3:53

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

It was color red a while ago before i do everything
avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 3:59

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;
}
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 5:59

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

http://i40.tinypic.com/6yyx5c.png
avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 6:04

Link to forum?
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 6:28

avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 6:36

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>
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 6:52

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

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 6:56

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

avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 7:27

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

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 7:33

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.
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by bellemund on Sun 25 Mar - 7:59

Thank you very much for your patience in helping me.

MORE POWERS to you!

Problem SOLVED!
avatar
bellemund
Forumember

Posts : 149
Reputation : 1
Language : English

Back to top Go down

Solved Re: Horizontale profile details in punBB

Post by Nera. on Sun 25 Mar - 8:03

Welcome.

Topic Solved & Locked
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