Bored Mod Request

[URBAN]

Aug 5, 2013 14:32:45 GMT -8 davelovespandas said:

Thanks again Urban; you're quite awesome I must say (:

I threw together a quick info center as This, but i can always replicate the one thats in the picture you had as well.

It's just a bit hard to make one to go with the boards with only the default as reference XD 

[davelovespandas]

you know what I might just keep the default one. haha I feel bad :\

[URBAN]

Aug 5, 2013 15:16:57 GMT -8 davelovespandas said:

you know what I might just keep the default one. haha I feel bad :\

Well the only thing that was changed in the one in the pic you provided for the board ref was that the icons are removed XD 

No big deal, i was only missing around with the info center for a few minutes, i don't really do much to them normally so i find it harder to remodel them without a reference XD

Anyway, i'll still give you the board remodel;
Admin --> Themes --> Layout Templates --> Boards --> Board List Tab


Replace the entire thing with

SPOILER: Click to show

<table class="list" role="grid">
<!--<thead>
<tr>
<th class="icon"></th>
<th class="main">Board</th>
<th class="threads">Threads</th>
<th class="posts">Posts</th>
<th class="latest last">Last Post</th>
</tr>
</thead>-->
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">

<td class="board icon" style="width:5%;">
$[board.icon]</td>
<td class="main clickable" style="width:65%;">
<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}
<div style="margin-left:0px; margin-top:5px; margin-bottom:5px;">{if $[board.sub_board]}
<p class="sub-boards" style="letter-spacing:-1px; font-size:9px;">
<span syle="size:10px; letter-spacing:-1px; margin-right:7px;">SUB-BOARD{if $[board.sub_board] != 1}S{/if}:</span>
{foreach $[board.sub_board]}<span style="background-color:#dedede;padding:7px;margin-right:7px;"><a href="$[board.sub_board.href]">$[board.sub_board.name]</a></span> {/foreach}
</p>
{/if}</div>
</td>
<td class="threads" style="background-color:blue; width:10%;">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if} THREADS<br>
{if $[board.posts] == -1}N/A{else}$[board.posts]{/if} POSTS</td>

<td style="width:20%; text-align:right">
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
by $[board.last_thread.last_post.created_by]<br />
$[board.last_thread.last_post.created_on]
{/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>

The colored parts are where you change the colors in the board mod. It looks better if you have your outer-border colors the same color as your background, or remove them all together XD. It should look fine with any board width, on my test board it was 700px, if you want you could always mess around with the td widths though. 

[davelovespandas]

It looks fine, but the thing is I have a problem with my boards, I can change the width of the table but I can move all the writing.... I don't know what to do I posted a topic about it.

wecantstop.proboards.com. >>> See what I mean?

[URBAN]

Aug 5, 2013 15:35:08 GMT -8 davelovespandas said:

It looks fine, but the thing is I have a problem with my boards, I can change the width of the table but I can move all the writing.... I don't know what to do I posted a topic about it.

wecantstop.proboards.com. >>> See what I mean?

Have you added any sort of css to your style sheet regarding the boards?

[davelovespandas]

Im not sure :\ Its a premade template. The only way I could think of is having you log in... I dont know what to do Ive tried everything.

[URBAN]

Aug 5, 2013 15:41:38 GMT -8 davelovespandas said:

Im not sure :\ Its a premade template. The only way I could think of is having you log in... I dont know what to do Ive tried everything.

Can you look in your Style Sheet (just add /admin/themes/1/css at the end of your url xD) and see if you have anything after

/* Screen-only (tablets, phones) */
media only handheld {
textarea { font-size: 2em; }
}

People normally add things at the end of the basic css.

[davelovespandas]

Theres a whole bunch of css I dont even know what to do with... lol

[URBAN]

Is the css after the part i quoted? (which should be around line 1551 - the line # is the # on the left side - )

[davelovespandas]

Yes there is. I tried playing with the #content width it did nothing but move the width of the board but not the content.

[URBAN]

Aug 5, 2013 16:17:07 GMT -8 davelovespandas said:

Yes there is. I tried playing with the #content width it did nothing but move the width of the board but not the content.

Could you list the tags (.somethings) here so i can see? (just ".something" nothing after it (anything before "{")

[davelovespandas]

imageshack.us/a/img59/6370/a0t7.jpg
imageshack.us/a/img19/4687/d6n8.jpg
imageshack.us/a/img196/3178/cd9f.jpg
imageshack.us/a/img826/6189/83z4.jpg
imageshack.us/a/img534/5605/jgj1.jpg

Heres all the css after it.... again still confused.

[URBAN]

Aug 5, 2013 16:54:55 GMT -8 davelovespandas said:

imageshack.us/a/img59/6370/a0t7.jpg
imageshack.us/a/img19/4687/d6n8.jpg
imageshack.us/a/img196/3178/cd9f.jpg
imageshack.us/a/img826/6189/83z4.jpg
imageshack.us/a/img534/5605/jgj1.jpg

Heres all the css after it.... again still confused.

If im right, it looks like all the styling for your boards are in the first two images you provided, trying to resize the widths isn't working because you have things with "float" and "position: absolute" tags...

You could try to remove it (the css from the first two images) and see what it looks like.

[davelovespandas]

Woot IT WORKED Your like absolutely amazing Urban

[URBAN]

Aug 5, 2013 17:10:11 GMT -8 davelovespandas said:

Woot IT WORKED Your like absolutely amazing Urban

Thank you XD I'm glad everything worked!