[Archived] how to change icon for fourm like yours

• Description:
  

i want change img wid my images

---

• Information:
  

Forum:	gamingnews.forumotion.co.uk	Version:	PUNBB
Type:	Errors in code	Tags:	change,fourm,yours

You want to add images to your categories or you want to align and style them as punbb.biz?

yes but wid my own images for my categories

Ok to do that go to:
Admin Panel > Display > Templates > General > index_box
find this:

Code:

{catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

and replace it with the below:

Code:

<div class="descpart"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <div class="catimage"><span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span></div>

Save the template and publish it.
Then go to:
Admin Panel > Display > Colors & Pictures > Colors > CSS Stylesheet
and add the below code:

Code:

a.forumlink {margin-left:60px;}
.catimage {margin-left:60px;}
.descpart {margin-top:5px;margin-left:60px;}
.descpart img {margin-top:-20px;margin-left:-60px;height:38px;width:38px;background: #F7f7f7;border: 1px solid #ddd;border-radius: 3px;box-shadow: 0px 2px 2px #ddd;padding:2px;}
.forumline .row1 {padding-top:12px;}
.dersuj{display:none;}
.forumtitle {margin-left:60px;}

and save it.

That will align the description and the title with the image of the category. After that you will need to add your images by going to:
Admin Panel > General > Categories and forums
edit each category and add the image you want at the position shown on the image below:


Τhat should fix it!

here my index body where do i change code etc

Code:

<center>
<div class="paNewsTitle">
        <span><span>Annonces</span></span> 
</div>
       
<div class="paNewsBox" id="feed">
             
  <ul class="paNewsList">
         
      <li>
              <span class="paNewsDate date-and-time"><span><span>30 Sep</span></span></span> <strong><a href="http://gamingnews.forumotion.co.uk/t17-playstation-plus-free-games-october-2014-list-ps-plus-predictions-for-ps4-ps3-ps-vita-include-rayman-legends-and-assassins-creed-black-flag#19">[IMPORTANT]: Playstation Plus Free Games October 2014 List:</a></strong><span class="paNewsContent"><strong><span><span></span></span></strong><span><span></span></span></span>     
      </li>
               
      <li>
              <span class="paNewsDate date-and-time"><span><span>2 Oct</span></span></span> <span class="paNewsContent"><strong><span><span></span></span></strong><strong><a href="http://gamingnews.forumotion.co.uk/t18-destinys-102-patch-which-makes-changes-to-cryptarch-is-live#20">[IMPORTANT]: DESTINY’S 1.0.2 PATCH</a></strong></span><span><span></span></span>     
      </li>
               
      <li>
              <span class="paNewsDate date-and-time"><span><span>30 </span></span></span><span class="paNewsContent"><span><strong></strong><strong><a href="http://www.punbb.biz/f3-tutorials-tricks">NEW TUTORIALS: Check our Tutorials section for new tricks and tips</a></strong></span> </span>     
      </li>
               
  </ul>
             
</div>
             
 <center>
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->


<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
<div id="{ID_LEFT}" class="main">
 <div class="maintitle">
  <div class="maintitle_3">
    <div class="cat_left">
      <div class="cat_right">
        <div class="main_text">
        <h2>Latest Topic System v5</h2>
      </div>
      </div></div></div></div>
    <div class="main-content">
      <table cellspacing="0" class="table">
        <tbody class="statused">
            <!-- BEGIN giefmod_index1 -->
            {giefmod_index1.MODVAR}
            <!-- END giefmod_index1 -->
        </tbody>
      </table>
  </div>
  <script type="text/javascript">
      //<![CDATA[
      var versionMinor = parseFloat(navigator.appVersion),
        versionMajor = parseInt(versionMinor),
        IE = document.all && !window.opera && 7 > versionMajor,
        IE7 = document.all && !window.opera && 7 <= versionMajor,
        OP = window.opera,
        FF = document.getElementById,
        NS = document.layers;
 
      function get_item(a, c) {
        if (IE) return c ? window.opener.document.all[a] : document.all[a];
        if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
        if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
      }
 
      var current_tooltip;
 
      function show_tooltip(a, c) {
        var b = get_item("tooltip");
        b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
        b.style.zIndex = 1000;
        b.style.position = "absolute";
        b.innerHTML = "<p>" + c + "</p>";
        b.style.visibility = "visible";
        a.onmousemove = move_tooltip;
        a.onmouseout = function() {
            b.style.visibility = "hidden"
        };
        a.title = ""
      }
      var offsetxpoint = -60,
        offsetypoint = 20,
        real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
        real_body = document.documentElement ? document.documentElement : document.body;
 
      function move_tooltip(a) {
        var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
            d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
            b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
            e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
            f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
        current_tooltip = get_item("tooltip");
        current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
        current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
      }
      $("#recent_topics li a:first-child").mouseover(function() {
        show_tooltip(this, $(this).next().html())
      });
      $("#active_topics a, #viewed_topics a").mouseover(function() {
        show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
      }).after(function() {
        return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
      });
      $(".changeLast").change(function() {
        $(".half.group_" + $(this).data("group")).hide();
        $("#" + this.value).show();
      });
      //]]>
  </script>
</div>
{BOARD_INDEX}


<div class="Stass">
<!-- BEGIN disable_viewonline -->
<div id="board_stats">
 
  <script>
$(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total Posts</li>
<li><span>'+totalUser+'</span> Total Members</li>
<li><span>'+lastUser+'</span> Newest Member</li>
<li><span>'+rdtOn+'</span> Most Online</li>
');
});
</script>
<div id="stat_id">
<ul class="statsPers">
<li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
<li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
<li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
<li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
</ul>
</div>
<br />

 
 
<div class='ipsBox' style='margin-top: 20px;'>
<div class='ipsBox_container'>
<div id='board_statistics' class='statistics clearfix'>
   <ul id='stat_links' class='ipsList_inline right ipsType_small'>
      <!-- Hook point -->
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   
   <h4 class='statistics_head'>GamingNews Board Statistics</h4>
              <p id="total_users_online">{TOTAL_USERS_ONLINE} &nbsp; <a original-title="" href="/viewonline" rel="nofollow">(See Full list)</a></p>
              <p class='statistics_brief desc'>{LOGGED_IN_USER_LIST}</p>
  <br/>
 <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>
   
</div>
  </div>
  </div>
<!-- END disable_viewonline -->
  </div>
  <br>


<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM} 
<div id="affiliate_box">
<div id="affiliate_title">Affiliates</div><a href="http://help.forumotion.com/" target="_blank"><img src="http://i39.servimg.com/u/f39/18/59/95/31/fm11.png" /></a>
<a href="http://board.infinigame.net/" target="_blank"><img src="http://i.imgur.com/lZbmdwR.gif" /></a>
<a href="http://atlanta.forumid.net/" target="_blank"><img src="http://i39.servimg.com/u/f39/16/49/10/98/afflia10.gif" /></a>
<a href="http://www.punbb.biz" target="_blank"><img src="http://i57.servimg.com/u/f57/17/68/86/50/untitl13.jpg" /></a>
</div>
{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
   

Oops! I made a mistake to the template! The template is index_box and not index_body!

My above message is updated! ^_^

where do add the code to my index box

Code:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div id="indexBox" class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="maintitle">
<div class="maintitle_3"><div class="cat_left"><div class="cat_right"><div class="main_text">
  {catrow.tablehead.L_FORUM}
                  </div></div></div></div>
      </div>
 
      <div class="main-content">
         <table cellspacing="0" class="table">
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy" style="margin-left:15px;font-size: 12px;font-weight: normal;text-align: left;"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                                                  <span style="margin-left:15px;font-size: 12px;font-weight: normal;text-align: left;">{catrow.forumrow.FORUM_DESC}</span>
                  <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2"></td>
                                          <td class="tc3">{catrow.forumrow.TOPICS} Topics<br />{catrow.forumrow.POSTS} Posts</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
  <br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>
<style>
  .perfilInfo {
    background: url(http://i77.servimg.com/u/f77/16/58/45/96/bottom10.png) no-repeat 98% 0;
    float: left;
    height: 177px;
    left: -40em;
    padding: 16px 0 38px 5px;
    top: 13px;
    width: 510px;
    z-index: 999;
    }
    .setPerfil > span {
    background: #f9f9f9;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 3px;
    }
    .sprite-icon_topic_latest {
    background: url(http://2img.net/i/fa/sprite_icons.png) no-repeat top left;
    background-position: -1083px 0;
    height: 9px;
    width: 11px;
    }
    .setPerfil {
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 5px 5px 10px;
    }
    .setPerfil .PerfilInfoImg {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    display: table;
    float: left;
    height: 91px;
    padding: 1px;
    width: 91px;
    }
    .setPerfil h2 {
    background: #E1E1E1;
    border-radius: 0 10px 0 0;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 19px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    text-shadow: 1px 1px 0 #fff;
    width: 382px;
    }
    .setPerfil p {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F1F1F1;
    border-left: 3px solid #333;
    border-top: 1px solid #333;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: right;
    font-weight: 400;
    margin: 2px 5px;
    padding: 5px;
    text-align: left;
    width: 350px;
    }
    .setPerfil p {
    font-weight: 400;
    text-align: left;
    }
    .linkPrf {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F6F6F6;
    border: 1px solid #DBDBDB;
    border-radius: 0 0 4px 4px;
    border-top: none;
    bottom: -7px;
    box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
    color: #616161;
    float: left;
    height: 14px;
    left: 13.8em;
    margin: 2px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    transition: all .2s ease-in-out;
    width: 8em;
    }
    .linkPrf a {
    color: #616161!important;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    }
    .setPerfil p:hover {
    box-shadow: 1px 1px 0 #9A9A9A;
    }.setPerfil p div {
    display: inline;
    }
  </style>

Here is the code i edited your template with new code that Virus provided.

Code:

[panda=html]<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div id="indexBox" class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="maintitle">
<div class="maintitle_3"><div class="cat_left"><div class="cat_right"><div class="main_text">
  {catrow.tablehead.L_FORUM}
                  </div></div></div></div>
      </div>
 
      <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy" style="margin-left:15px;font-size: 12px;font-weight: normal;text-align: left;"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    <div class="descpart"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                <div class="catimage"><span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span></div>
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2"></td>
                                          <td class="tc3">{catrow.forumrow.TOPICS} Topics<br />{catrow.forumrow.POSTS} Posts</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <br>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>
<style>
  .perfilInfo {
    background: url(http://i77.servimg.com/u/f77/16/58/45/96/bottom10.png) no-repeat 98% 0;
    float: left;
    height: 177px;
    left: -40em;
    padding: 16px 0 38px 5px;
    top: 13px;
    width: 510px;
    z-index: 999;
    }
    .setPerfil > span {
    background: #f9f9f9;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 3px;
    }
    .sprite-icon_topic_latest {
    background: url(http://2img.net/i/fa/sprite_icons.png) no-repeat top left;
    background-position: -1083px 0;
    height: 9px;
    width: 11px;
    }
    .setPerfil {
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 5px 5px 10px;
    }
    .setPerfil .PerfilInfoImg {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    display: table;
    float: left;
    height: 91px;
    padding: 1px;
    width: 91px;
    }
    .setPerfil h2 {
    background: #E1E1E1;
    border-radius: 0 10px 0 0;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 19px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    text-shadow: 1px 1px 0 #fff;
    width: 382px;
    }
    .setPerfil p {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F1F1F1;
    border-left: 3px solid #333;
    border-top: 1px solid #333;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: right;
    font-weight: 400;
    margin: 2px 5px;
    padding: 5px;
    text-align: left;
    width: 350px;
    }
    .setPerfil p {
    font-weight: 400;
    text-align: left;
    }
    .linkPrf {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F6F6F6;
    border: 1px solid #DBDBDB;
    border-radius: 0 0 4px 4px;
    border-top: none;
    bottom: -7px;
    box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
    color: #616161;
    float: left;
    height: 14px;
    left: 13.8em;
    margin: 2px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    transition: all .2s ease-in-out;
    width: 8em;
    }
    .linkPrf a {
    color: #616161!important;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    }
    .setPerfil p:hover {
    box-shadow: 1px 1px 0 #9A9A9A;
    }.setPerfil p div {
    display: inline;
    }
  </style>

Make sure you publish the template by pressing the green cross!

(The template Akkii provided is correct!)

Please post feedback on the Staff Members that have helped and I or another staff member will lock and archive the topic.

Changed by: Tommy Lee Reason: Because you might not be online and another staff member might need it close it and archive it. In short; changed text

Hello,
Is it solved?

[aviso="Thread Archived"]Original poster seems to be inactive and did not respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]