The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Help with PunBB Columns removal and placement

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Help with PunBB Columns removal and placement

Post by daniloMD on April 19th 2017, 10:29 pm

Good Evening ladies and gentlemen, came here to seek for your humble help! Smile

I've been trying to remove this bar,

Finally managed to do it with a tutorial that took me forever to find

(Going to Templates > Index_Box)

removed these codes:

Code:
<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>

and these:

Code:
<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
and added this code:

Code:
  <p style="float:right; padding-right: 10px;"><b>{catrow.forumrow.POSTS}</b> Post/s in <b> {catrow.forumrow.TOPICS}</b> Topic/s</p>


screens:
BEFORE
AFTER

The result was almost what I expected, but I can't the placement to the "RIGHT"


Just wanna be able to move things on the horizontal properly, already tried everything I could find, im really lost, help?
Thank you in advance, everyone!



Last edited by daniloMD on April 21st 2017, 4:41 pm; edited 2 times in total
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 4:13 am

Code:
<p style="float:right; padding-right: 10px;"><b>{catrow.forumrow.POSTS}</b> Post/s in <b> {catrow.forumrow.TOPICS}</b> Topic/s</p>
Play around with the number in this part:
Code:
padding-right: 10px;


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 3:35 pm

@SLGray wrote:
Code:
<p style="float:right; padding-right: 10px;"><b>{catrow.forumrow.POSTS}</b> Post/s in <b> {catrow.forumrow.TOPICS}</b> Topic/s</p>
Play around with the number in this part:
Code:
padding-right: 10px;

hey thank you for the answer
this is exactly what i was doing but it only moves further left Sad
this is my index_box code
index_box code:
Code:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></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">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  
               
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                  
               </tr>
            </thead>
            <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}>
                                                 
                                                 
                                                 
                                                  <p style="float:right; padding-right: 10x;"><b>{catrow.forumrow.POSTS}</b> Post/s in <b>{catrow.forumrow.TOPICS}</b> Topic/s</p>
                                                 
                                                 
                                                 
                                                 
                     <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="tcr" >
                            <!-- BEGIN ads -->
                     <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
                     </span>
                            <!-- END ads -->
                            <!-- 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>
   <!-- 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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 8:43 pm

What happens when you use a negative number?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 8:50 pm

Nothing happens
We tried changing to "left" padding, width, negative, positive, and no matter what we did on that line of code, nothing worked
also it does move left tho, but we want it to go right.
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 8:52 pm

Are you saving the changes and publishing the modified template?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 9:06 pm

yes of course
If we INCREASE the WIDTH normally to the Right, It will increase the size of the objects affected by that line, but it won't push "the last posts" category to the right, instead it goes left

Spoiler:

that happens when you increase the padding right.
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 9:11 pm

Check your CSS styleshhet for something like this:
Code:
.pun table .tcr {
    overflow: hidden;
    padding: 0 0 0 .5em !important;
    text-align: left;
    width: 30%;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 9:19 pm

I've changed the values to something exagerated so that we could see what would affect, and as always, the Last posts won't move D: (note: the topics and posts ammount didn't move)

Spoiler:

we used this:

Code:
.pun table .tcr {
    overflow: hidden;
    padding: 50 0 50 5em !important;
    text-align: left;
    width: 300%;
}
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 9:25 pm

Well, your forum does not show that padding, but this one:
Code:
padding: 0 0 0 .5em !important;


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 9:27 pm

wait we didnt notice you already had the Width % changed for us, we will try and show u the result in a couple minutes.
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 9:29 pm

I did not change anything.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 9:29 pm

ok we managed to get the Last posts to the Right, but we can't move the "Topic/s post/s in" to the right

Spoiler:

we switched the Text-align for "Float: Right" otherwise it wouldn't move to the right either
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 9:33 pm

Code:
.pun table .tcl {
    text-align: left;
)
Except it is part of the whole left section.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 9:51 pm

Are you using this: http://help.forumotion.com/t81777-deleting-columns-topics-and-messages ? If yes, you do know that it is only for #phpBB2 ?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 9:57 pm

then how would you advise us to change the settings in the code
because if we put these 2

Code:
.pun table .tcr {
    overflow: hidden;
    padding: 0 20 30 .5em !important;
    text-align: left;
    width: 30%;
}


.pun table .tcl {
  text-align: left;
}

they both stay in the middle

Spoiler:

this happens if we add the "float right" to the TCR (last posts) and decrease the Width to a point its really small, so its not stopping the topics from going there anymore

Spoiler:


@SLGray wrote:Are you using this: http://help.forumotion.com/t81777-deleting-columns-topics-and-messages ? If yes, you do know that it is only for #phpBB2 ?

No we used an Updated Post about Removing the Topics and Posts column for PunBB

this one :
Spoiler:
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 10:06 pm

You need to read the tutorial again, because you removed 2 lines of code that was not in the tutorial. Also did you add the code in the right place?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 10:09 pm

yes we removed the "forum and last posts" to remove the entire bar, is there any other way to do that then?
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 10:10 pm

Did you add this:
Code:
<p style="float:right; padding-right:
10px;"><b>{catrow.forumrow.POSTS}</b> posts in
<b>{catrow.forumrow.TOPICS}</b> topics</p>
After this:
Code:
<h{catrow.forumrow.LEVEL} class="hierarchy"><a
href="{catrow.forumrow.U_VIEWFORUM}"
class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 10:19 pm

yes I did
"So I re-did the tutorial, and this is the result I got:"

Spoiler:

My Objective was to remove the "Forum + Last posts Bar" so after this we removed the

Code:
<th class="tcl">{L_FORUM}</th>

<th class="tcr">{L_LASTPOST}</th>

from the code

and we got stuck there, NOW

we still have those there, how can we move the topics/posts and Last posts to the RIGHT side, removing also the "FORUM + LASTS POSTS BAR" on TOP? That's what's grinding my gears
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 10:27 pm

When I visit your forum, I really do not see what you posted in the screenshot. The columns look spaces out correctly.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 10:32 pm

Look for this in your CSS stylesheet:
Code:
.pun table.table th {
    background-color: #2e2e2e;
    border-color: #ff94f1;
    border-style: none;
    color: #171717;
    padding: .5em 0;
}
Where it says color change it to the color of the background (grayish color). That will make the text invisible.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 10:34 pm

Or just remove the background-color.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 10:35 pm

@SLGray wrote:When I visit your forum, I really do not see what you posted in the screenshot. The columns look spaces out correctly.

Doesnt it look like this to you?

Spoiler:

also I'm sending prints from our Dummy forum that has the same design and CSS/Index_box changes and javascripts etc.

We want to Remove the "forum + last posts bar" and place the "2 Posts in 2 Topics" further to the right.

avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 10:38 pm

@SLGray wrote:Look for this in your CSS stylesheet:
Code:
.pun table.table th {
    background-color: #2e2e2e;
    border-color: #ff94f1;
    border-style: none;
    color: #171717;
    padding: .5em 0;
}
Where it says color change it to the color of the background (grayish color). That will make the text invisible.
@SLGray wrote:Or just remove the background-color.

isn't there any other way to remove it?
we also tried that before and it leaves a gap
and how can we move it further right after that?
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 20th 2017, 10:47 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 20th 2017, 10:57 pm

@SLGray wrote:
probably different resolutions, I have 1920x1080. But regardless of that, you can see they are still in the middle (topics/posts column + Last posts)

Also noticed that if I add "Display: none !important;" to your last code, It also removes it without needing to remove those 2 lines on the "Index_Box"

is there a way I can still move the rest to the right?
If it doesnt work with the "display none" is there still anyway to move the rest to the right? (Except forum name and descriptions ofc)
WITH "display: none"

Spoiler:

WITHOUT "display none"

Spoiler:
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by APE on April 21st 2017, 12:55 am

The reason your last post box moved left is down to your removed the topic's box and post box codes
Using a CSS may not fix it.



avatar
APE
Manager
Manager

Male Posts : 9645
Reputation : 872
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by daniloMD on April 21st 2017, 1:13 am

It's sad, I was trying to recreate the style I've seen another forum using, they managed to do this, they use PunBB too, would really love to have the columns area organized the same way, so isn't there any way throught Stylesheet or anything to recreate that effect?

this is the forum stule that we wanted
Spoiler:

we literally went for the same font and color style and wanted to start from there, but we really can't get that column organization right.
these guys must be really good mwii
avatar
daniloMD
New Member

Posts : 16
Reputation : 1
Language : italian

http://nexusteam.forumattivo.com/

Back to top Go down

Solved Re: Help with PunBB Columns removal and placement

Post by SLGray on April 21st 2017, 6:37 am

Code:
.pun .table .tc2, .pun .table .tc3 {
  text-align: center;
  width: 10%;
}
Notice tc2 and tc3. Those are the post and topic columns.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38225
Reputation : 2574
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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