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

[Solved] How to do this style ?



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

1
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
Details:


Your Forum Address:
jangkeunsukmindanao.forums.fm

Forum Version:
PunBB

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

2
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
? bump

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

3
Offline

  Shadow

avatar
Administrator
Administrator
If no one else post, i will do it for max 24 hours because i dont have PC right now.

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

4
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
i still need thhis design on my forum anyone know ? plss

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

5
Offline

  Shadow

avatar
Administrator
Administrator
Add this to CSS
Code:
[panda=css]/*stats number*/
.stats_number {
     font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
    color: red;
    position: relative;
    overflow: hidden;
    }
  
 
   .stats_text {
    font-size: 10px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
    color: #98578D;
    }

 /*Don't touch this*/
.stats_number img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    }

In index_box find [ic]{catrow.forumrow.TOPICS}[/ic] replace with
Code:
[panda=html]<span class="stats_number">{catrow.forumrow.TOPICS}<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" /></span> <span class="stats_text">Topics</span>
do the same for [ic]{catrow.forumrow.POSTS}[/ic]

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

6
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
hello . sir but nothings happen am this is my index_box code .

Code:



<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content_board_index">
         <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"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {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}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2"></td>
                                          <td class="tc3"><span id="lit"><span id="te1">        <span class="stats_number">{catrow.forumrow.TOPICS}<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" /></span> <span class="stats_text">Topics</span>&nbsp;topics</span><p><span id="te2">        <span class="stats_number">{catrow.forumrow.TOPICS}<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" /></span> <span class="stats_text">Topics</span>&nbsp;replies</span></p></span></td>
                  <td class="tcr">
                     <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>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <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>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->


and this is the preview .


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

7
Offline

  nanako

avatar
Punbb Guru
Punbb Guru

Works fine to me, try switching your browser

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

8
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
this is solved now thank you Smile thanks Smile

Powered by PunBB
Currently 0 users have thanked KiNGphx 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