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] PBB subforum design



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

1
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
  • Description:

I would like to have this style, with the image of new post on forum image and description aligned with the title

  • Information:
Forum:http://mimundoacv3.foro.bz/Version:PUNBB
Type:Request a codeTags:subforum,design

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

2
Offline

  Shadow

avatar
Administrator
Administrator
What exactly are you looking for?



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

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

3
Offline

  Virus

avatar
★Moderator★
★Moderator★
@Jorpeto please next time add some more description to what you are looking for because just an image it's not enough to get you what you want. As much details the better and best results will be given! Wink

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

4
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
I would like to have this style, with the image of new post on forum image and description aligned with the title.

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

5
Offline

  Shadow

avatar
Administrator
Administrator
1. You need to remove this image from your CSS Images
Code:
http://virteq.com/public/style_images/bulletin/f_icon_read.png

2. this image is so big, you need to change it with some smaller image

3. Post your [ic]index_box[/ic] template



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

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

6
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
Code:
<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">
                        <div class="ipb-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>
                                                  <div class="derechita">
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                                                  <span class="desc">{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}
                                                  </div>
                                                  </td>
                  <td class="tc2"></td>
               
                                            <td class="tc3 col_c_stats ipsType_small">
                                       <ul>
                                                                                                          <li><strong>{catrow.forumrow.TOPICS}</strong> topics</li>
                                                                                                          <li><strong>{catrow.forumrow.POSTS}</strong> replies</li>
                                       </ul>
                                    </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>
      </div>
   <!-- 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 -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          


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

7
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
Up

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

8
Offline

  Shadow

avatar
Administrator
Administrator
Add to your CSS:
Code:
[panda=css]span.desc {
    position: relative;
    right: -80px;
    top: -26px;
}

Replace [ic]index_box[/ic]
Code:
[panda=html]<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">
                        <div class="ipb-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: 1px;">
                    <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>
                                                  <div class="derechita">
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <span class="desc">{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}
                                                  </div>
                                                  </td>
                  <td class="tc2"></td>
             
                                            <td class="tc3 col_c_stats ipsType_small">
                                      <ul>
                                                                                                          <li><strong>{catrow.forumrow.TOPICS}</strong> topics</li>
                                                                                                          <li><strong>{catrow.forumrow.POSTS}</strong> replies</li>
                                      </ul>
                                    </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>
      </div>
  <!-- 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 -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

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

9
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
Soso


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

10
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
Up

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

11
Offline

  Shadow

avatar
Administrator
Administrator
Add the following code into your CSS

Code:
[panda=css]a.forumtitle {
    position: relative;
    left: 70px;
}
span.desc {
    color: #777;
    font-size: 12px;
    position: relative;
    right: -24px !important;
    top: 5px !important;
}



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

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

12
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
https://i.gyazo.com/125bca6412169fb5fa486584074d61c8.png

A little bit higher

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

13
Offline

  Shadow

avatar
Administrator
Administrator
Ok remove the CSS from previous post and replace with this one:

Code:
[panda=css]a.forumtitle {
    position: relative;
    left: 70px;
    top: 20px;
}

td.tcl {
    position: relative;
    top: -10px;
}

span.desc {
    color: #777;
    font-size: 12px;
    position: relative;
    right: -24px!important;
    top: 21px!important;
}

It should be solved now Smile



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

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

14
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
http://imgur.com/5I7Rvua

Worst

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

15
Offline

  Shadow

avatar
Administrator
Administrator
You haven't removed the CSS from the previous post



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

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

16
Offline

  Jorpeto

avatar
Punbb Rookie
Punbb Rookie
Thank you so much

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

17
Offline

  Shadow

avatar
Administrator
Administrator
[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

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



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

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