Images In Board

[Former Member]

I love it! thank you!!

[Tumbleweed]

Jul 8, 2017 12:10:29 GMT -8 @tumbler said:

I love it! thank you!!

You're welcome.

[Former Member]

Hi, sorry to bother you again, but switching the two blue parts isn't working dragonology.boards.net . Everything else, though, is great (Ignore how it looks right now)

[Tumbleweed]

Jul 13, 2017 8:21:38 GMT -8 @tumbler said:

Hi, sorry to bother you again, but switching the two blue parts isn't working dragonology.boards.net . Everything else, though, is great (Ignore how it looks right now)

Can you post your board list template and I'll take a look.

[Former Member]


<table class="list" role="grid">
<tbody>
{foreach $[board]}
{if $[board.id] == "1" || $[board.id] == "4" || $[board.id] == "2"}

<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable">
<div class="special_boards">
<div class="link">$[board]</div>{if $[board.num_viewing]}<span> class="viewing"> - $[board.num_viewing] Viewing</span>{/if}
<table>
<tr>
<td>
<div class="spec_description">$[board.description]</div>
</td>
</tr>
<table>
<div class="latest last">
<div class="my_board_titles">Last Post</div>
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]
by $[board.last_thread.last_post.created_by]<br/>
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
{/if}
</div>
</td>
</tr>
</table>
<p style="clear:both;"></p>

{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
</div>
</td>
<td class="image_board_td" colspan="3">
<div class="image_board"></div>
</td>
</tr>
{else}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable">
<span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />
<p class="description">$[board.description]</p>
{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
</td>
<td class="threads">
<div class="my_board_titles">Threads</div>{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}
</td>
<td class="posts">
<div class="my_board_titles">Posts</div>{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}
</td>
<td class="latest last">
<div class="my_board_titles">Last Post</div>
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
by $[board.last_thread.last_post.created_by]<br />
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
{/if}
</td>
</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>

Also...I had just done a ton of work adding more board ids but they didnt save?..

[Tumbleweed]

I just tossed that on my test site and there is a lot of code that is red, meaning opening and closing tags got messed up. Let me go find what test site I had switched those two and just paste the code here. Give me a bit because I don't remember which test site that was. lol Instead of finding the test site, I just grabbed my original code and switched the two as seen here: putteraroundviii.proboards.com/





<table class="list" role="grid">
<tbody>
{foreach $[board]}
{if $[board.id] == "1" || $[board.id] == "4" || $[board.id] == "2"}

<tr id="$[board.content_id]" class="$[board.content_class]">
<td  class="icon">$[board.icon]</td>
<td class="main clickable">
                       <div class="special_boards">
<div class="link">$[board]</div>{if $[board.num_viewing]}<span> class="viewing"> - $[board.num_viewing] Viewing</span>{/if}
                          <table>
                              <tr>
                                       <td>
                                          <div class="spec_description">$[board.description]</div>  
                                           

                                           
                                  </td>
<td>
                                           
                                           
<div class="latest last">                              
                                    <div class="my_board_titles">Last Post</div>
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]
by $[board.last_thread.last_post.created_by]<br/>
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
{/if}
                                        </div>
                                           
                                           
                                           
                                  </td>
                              </tr>
                            </table>
                               <p style="clear:both;"></p>
                     
{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
                       </div>
          </td>
<td class="image_board_td" colspan="3">
              <div class="image_board"></div>
</td>
</tr>
        {else}
               {if !$[board.is_redirect]}
                   <tr id="$[board.content_id]" class="$[board.content_class]">
                       <td class="icon">$[board.icon]</td>
                       <td class="main clickable">
                           <span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />
                           <p class="description">$[board.description]</p>
                           {if $[board.num_mods]}
                               <p class="moderators">
                                   Moderator{if $[board.num_mods] != 1}s{/if}:
                                   {foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
                                   {foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
                               </p>
                           {/if}
                           {if $[board.sub_board]}
                               <p class="sub-boards">
                                   Sub-board{if $[board.sub_board] != 1}s{/if}:
                                   {foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
                               </p>
                           {/if}
                       </td>
                       <td class="threads">
                           <div class="my_board_titles">Threads</div>{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}
                       </td>
                       <td class="posts">
                           <div class="my_board_titles">Posts</div>{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}
                       </td>
                       <td class="latest last">
                           <div class="my_board_titles">Last Post</div>
                           {if $[board.posts] > 0}
                               {if $[board.last_thread]}
                                   $[board.last_thread.recent_link]<br />
                                   by $[board.last_thread.last_post.created_by]<br />
                                   <span class="date">$[board.last_thread.last_post.created_on]</span>
                               {/if}
                           {else}
                               No posts have been made on this board.
                           {/if}
                       </td>
                   </tr>
               {else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>


As far as you doing changes and it didn't save. Was this yesterday? ProBoards was having some glitches and some of the things I did yesterday looked like they saved but then reverted back to what I had before. If I were you'l I'd just do one board to start with and then check to see if things worked right, just to make sure you are adding things right.

[Former Member]

I will try it, thanks And I think it was today.. The thing is they saved and actually worked (cause I had looked) but now when I come back they didn't save.

[Former Member]

Tried and it still looks odd....Same forum dragonology.boards.net second to last on bottom

[Tumbleweed]

Jul 13, 2017 11:35:44 GMT -8 @tumbler said:

Tried and it still looks odd....Same forum dragonology.boards.net second to last on bottom

Looking closer on my test site, I'm getting a little bit of what you are (regular columns squished) so let me look into it some more.


@tumbler,  O.K. Might have found the problem. Head to your style sheet and remove this last bit that should be the very last thing I gave you in the css:

.main.clickable{width:100%;padding:0px!important;vertical-align:top;
}

We may have to go into the default css to customize the width of some of those columns in regular boards with no image but try that and let's see how it looks on your site.

[Former Member]

aaah, that works! The thing now is, there is no line seperator between the description and last post, and there is no line that touches the image.

[Tumbleweed]

Jul 13, 2017 13:00:55 GMT -8 @tumbler said:

aaah, that works! The thing now is, there is no line seperator between the description and last post, and there is no line that touches the image.

In the css find this:


.special_boards div.latest.last {height:60px;width:256px;
float:left;padding:8px;
border-top: 1px solid @container_inner_border_color;
border-bottom: 1px solid @container_inner_border_color;
border-right: 1px solid @container_inner_border_color;
}

And delete all the red so it is this:

.special_boards div.latest.last {height:60px;width:256px;
float:left;padding:8px;
border: 1px solid @container_inner_border_color;
}

Also, you might want to increase either the description width or lastest last width as I mentioned in a previous post. Just so the latest last gets closer to the image. But only if you want it moved over to the right more.

[Former Member]

Works great! Now the lines do not reach the bottom by a couple pixels, where would I edit that?

[Tumbleweed]

Jul 13, 2017 13:34:19 GMT -8 @tumbler said:

Works great! Now the lines do not reach the bottom by a couple pixels, where would I edit that?

I'm not sure what you mean. Viewing your site, the only border missing anything is the left border in the description box and it is totally not there, likely because we switched things. I can't imagine you mean the boxes for Last Post and Descriptions should reach the bottom of the board because then you'd not have room for subboards. Can you clarify what you mean. Thanks.

[Former Member]

Oops, sorry, left actually. lol

[Tumbleweed]

Jul 14, 2017 7:04:48 GMT -8 @tumbler said:

Oops, sorry, left actually. lol

Were you laying down when you posted the other post? 

There are two ways to fix this. Remember that css I told you to take out/comment out? Well, if you put it back/un-comment it without the width it will bring those lines to the edge.  So add this:

.main.clickable{padding:0px!important;vertical-align:top;
}

But you may not like that look so instead, try adding the border (in blue) to this part:


.special_boards div.spec_description{height:60px;overflow:auto;
width:440px!important;float:right;padding:8px;
border-top: 1px solid @container_inner_border_color;
border-bottom: 1px solid @container_inner_border_color;
border-left: 1px solid @container_inner_border_color;
}