WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Solved help poster detail above post on Thu Jul 05, 2012 10:18 pm

KiD CaTz

avatar
Registered Member
Registered Member



Last edited by KiD CaTz on Sat Jul 07, 2012 12:08 am; edited 1 time in total

2Solved Re: help poster detail above post on Fri Jul 06, 2012 11:59 pm

Nera

avatar
Technician
Technician
Put the profile position in messages to right in AP.

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;
    }


_________________

3Solved Re: help poster detail above post on Sat Jul 07, 2012 12:07 am

KiD CaTz

avatar
Registered Member
Registered Member
thanks nera! it work Very Happy

4Solved Re: help poster detail above post on Sat Jul 07, 2012 10:51 am

ankillien

avatar
Administrator
Administrator
Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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