Done - Board Layout Mods

[tunescool]

thenotablenook.freemessageboards.com

1. i moved my last post cell but somewhere lost the inner border to the rite

2. id like to change the widths of the last post cell and the board cell

3. id like to change the height of the whole board row so its as minimal as possible like this

thenotablenook.com

4. i want to change the font size of the thread in the last post cell(main page), the by and on

5. i want to change just by and the screename font size on the thread list page, not the date because the date is the same size as my main page now

6. i want to change the screename size in created by on the thread list page seperately

7. i want get rid of the inner border between the thread icon cell and the thread cell

and between the thread cell and the created by cell on the thread list page

it looks like this

thenotablenook.com/index.cgi?board=celebsam

8. i want to change the height of the whole thread row on the thread page list so its as minimal as possible. like in the link posted above

[tunescool]

bump

[tunescool]

bump

[Brian]

Hi, tunescool.

When any of the <td> classes for the board list have last in them (ex: <td class="latest last">), they remove the right border. Try replacing the code you posted with this:


<table class="list" role="grid">
    <tbody>
        {foreach $[board]}
            {if !$[board.is_redirect]}
                <tr id="$[board.content_id]" class="$[board.content_class]">
                    <td class="icon">$[board.icon]</td>
                    <td class="latest">
                        {if $[board.posts] > 0}
                            {if $[board.last_thread]}
                                $[board.last_thread.recent_link]<br />
                                by $[board.last_thread.last_post.created_by_user]<br />
                                <span class="date">$[board.last_thread.last_post.date]</span>
                            {/if}
                        {else}
                            No posts have been made on this board.
                        {/if}
                    </td>
                    <td class="main clickable">
                        <span class="link">$[board]</span><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]}$[board.sub_board]$[board.sub_board.comma] {/foreach}
                            </p>
                        {/if}
                    </td>
                    <td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</td>
                    <td class="posts last">{if $[board.posts] == -1}N/A{else}$[board.posts]{/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>



If you look, you'll see that I removed last from the latest class and put it on the posts class, since the posts are the last column in each row.






To change the font size of the last post cell, go to Colors & Styles and select the Style Sheet tab, and add this to the end:

.latest { font-size: 10px; }

[tunescool]

the border is back and i can change the by, on, and date font size

thanks Brian

i tried copying 3 different things in the template to change the font size of the latest thread but nothing worked

to have something like this

.latest { font-size: 10px; }

so i need that still

[Brian]

Did you read my instructions?

Nov 21, 2012 14:32:18 GMT -8 Brian said:

To change the font size of the last post cell, go to Colors & Styles and select the Style Sheet tab, and add this to the end:

.latest { font-size: 10px; }

Putting it in your Style Sheets should work.

[tunescool]

i added that, but it just changes the font size of the by, on and the date, not the most recent thread in that cell

[Brian]

.boards .latest,
.boards .latest a { font-size: 10px; }


How about that?

[tunescool]

.boards .latest a { font-size: 12px; }

changes everything in that cell

thanks again

and by going what you gave me i was able to change everything i wanted to seperately in the thread page

.threads .latest a { font-size: 11px; } - changes just the by and screename in the last post cell, not the date
.threads .created-by a { font-size: 11px; } - changes the screename in the created by cell

what does that a do


for anyone who looks at this thread, anything thats not crossed out in the first post i still need

[tunescool]

top of page

[Brian]

Adding the a to the end changes only links within those classes, like <a href="URL">Text</a>. Basically anything with an <a> element wrapping around it gets changed.

If you remove the a, all of the text within the cell gets changed. If you have one with a and one without it, you can make your links a different size than your text.

[tunescool]

bump

[tunescool]

bump

[tunescool]

bump

[tunescool]

bump