Avatar box code

Go down

Avatar box code

Post by Guest on June 8th 2013, 11:02 am

I was looking for a avatar box code, but I can't find it.
I want to have a box around my avatar, something like this.

How do I do that?


Back to top Go down

Re: Avatar box code

Post by Stubbornoid on June 8th 2013, 11:37 am

Hello, Please try this code.

Go to viewtopic_body, then replace the code Around 121 up to 128 Number lane.

To this Code
<!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="160">

<span class="postdetails poster-profile" align="center">
<font size=0><table border="2" class="information"><tr><td><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center><font size=2>{postrow.displayed.POSTER_NAME}</font>{postrow.displayed.ONLINE_IMG}</center></strong></span><center></font>
<center>{postrow.displayed.RANK_IMAGE}<span class="avatar_size">{postrow.displayed.POSTER_AVATAR}</span></td></tr></table></center><br /><br /><!-- BEGIN profile_field --><b><table class="information"><tr><td><font size=2 color=black9>{postrow.displayed.profile_field.LABEL}</b> {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</td></tr></table></font>
<!-- END profile_field -->

Then Paste this to your CSS.
.information {
border-top: 1px solid #4682B4;
border-left: 1px solid #4682B4;
border-right: 2px solid #4682B4;
border-bottom: 2px solid #4682B4;
border-radius: 5px !important;
width: 175px;
height: 100%;
background:  #ffffff;
display: block;
margin-left: 2px;
padding-left: 2px;
margin-bottom: 2px;
padding-bottom: 2px;
padding-top: 2px;
overflow: hidden;
color: #006CE0;

New Member

Male Posts : 3
Reputation : 1
Language : English
Location : Philippines


Back to top Go down

Back to top

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