Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] how to change icon for fourm like yours



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

1
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member

  • Description:


i want change img wid my images



  • Information:

Forum:gamingnews.forumotion.co.ukVersion:PUNBB
Type:Errors in codeTags:change,fourm,yours

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

2
Offline

  Virus

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

Powered by PunBB
Currently 0 users have thanked Virus for this post:

3
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
yes but wid my own images for my categories

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

4
Offline

  Virus

avatar
★Moderator★
★Moderator★
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!

Powered by PunBB
Currently 0 users have thanked Virus for this post:

5
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
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 -->
   


Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

6
Offline

  Virus

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

My above message is updated! ^_^

Powered by PunBB
Currently 0 users have thanked Virus for this post:

7
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
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://illiweb.com/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>

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

8
Offline

  Akkii

avatar
V.I.P. Member
V.I.P. Member
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://illiweb.com/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>

Powered by PunBB
Currently 0 users have thanked Akkii for this post:

9
Offline

  Virus

avatar
★Moderator★
★Moderator★
Make sure you publish the template by pressing the green cross!

(The template Akkii provided is correct!)

Powered by PunBB
Currently 0 users have thanked Virus for this post:

10
Offline

  darkgoku

avatar
Pemanently Banned
Pemanently Banned
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

Powered by PunBB
Currently 0 users have thanked darkgoku for this post:

11
Offline

  Van-Helsing

avatar
★Moderator★
★Moderator★
Hello,
Is it solved?

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

12
Offline

  Virus

avatar
★Moderator★
★Moderator★
[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]

Powered by PunBB
Currently 0 users have thanked Virus for this post:

13
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

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


Topic URL's

URL
BBcode
HTML

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