SMF Version: SMF 1.1 RC2
Ok, well I'm making a new template for my site, and for some reason the divders/boarders around the boards in each category don't show up, up if you go to the board they are there seperating each post.... Here's some picture examples:
This is what the general category looks like:
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg291.imageshack.us%2Fimg291%2F2659%2Fcategoryka6.gif&hash=578471e63eeaa94baa6763c75ae9b1018c0e6f10)
If you look you'll see there's no divider between each seperate board
And here's the picture inside the general board:
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg480.imageshack.us%2Fimg480%2F4273%2Fpostsmr0.gif&hash=414ddb95f029f932631d59bcbcb5b034e4a56749)
If you look you'll see the dividers are there between each post......
Here's my style.css sheet:
/* NEW CSS */
.hello
{
background-image:url(http://advance-gamers.com/images/content_top_title.jpg);
background-repeat:no-repeat;
align:center;
}
.index_newstitle {
color:#FFFFFF;
background-color:#387BB0;
}
.generictable { border: solid 1px #FFFFFF; }
#menutitle { font-weight: bold; }
td.htopnav_a {
background-image:url(http://advance-gamers.com/images/htopnav_a.jpg);
background-repeat:repeat-x;
}
td.htopnav_b {
background-image:url(http://advance-gamers.com/images/htopnav_b.jpg);
background-repeat:repeat-x;
}
td.htopnav_b input {
background-image:url(http://advance-gamers.com/images/htopnav_b_input.jpg);
background-repeat:repeat-x;
border-color:#999999;
border-width:1px;
border-style:solid;
color:#263857;
font-size:10px;
padding:3px;
}
#header {
background-image:url(http://advance-gamers.com/images/header_a2.jpg);
background-repeat:no-repeat;
text-align:right;
padding-top:11px;
padding-right:5px;
}
#header img {margin-left:3px;}
#headermenu {
background-image:url(http://advance-gamers.com/images/header_b.jpg);
background-repeat:no-repeat;
height:35px;
padding-top:0px;
width:1000px;
text-align:center;
}
#headermenu input {
background-color:#7DBCF0;
border-color:#1262A1;
border-width:1px;
border-style:solid;
color:#FFFFFF;
font-size:10px;
padding:3px;
}
#feature_top {
background-image:url(http://advance-gamers.com/images/feature_bg.jpg);
background-repeat:no-repeat;
height:78px;
padding:2px;
padding-bottom:0px;
}
.feature_bg1 {
background-color:#FFFFFF;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
color:#1262A1;
font-size:11px;
}
.feature_bg1 a:link, .feature_bg1 a:active, .feature_bg1 a:visited {
color:#105286;
}
.feature_bg1 a:hover {
color:#333333;
}
.feature_bg2 {
margin-top:3px;
margin-left:2px;
background-image:url(http://advance-gamers.com/images/feature_bg_c2.jpg);
background-repeat:no-repeat;
width:372px;
color:#FFFFFF;
padding:5px;
height:55px;
padding-top:13px;
font-size:10px;
}
.feature_bg3 {
margin-left:2px;
color:#333333;
padding:5px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
td.sidebar {
background-color:#0F5084;
border-color:#3684BB;
border-width:1px;
border-style:solid;
border-bottom:none;
}
td.sd_cbg {
background-image:url(../images/sd_bg/cbg.jpg);
background-repeat:repeat-y;
padding-left:25px;
padding-right:25px;
font-weight:bold;
color:#FFFFFF;
}
td.content_title {
background-image:url(../images/content_top_title.jpg);
background-repeat:no-repeat;
height:34px;
padding:5px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
/* GAME DETAILS */
td.gdet_bg1 {
background-image:url(../images/gdet_bg1.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-left:15px;
padding-top:2px;
}
.gdet_bg2 {
background-image:url(../images/gdet_bg2.jpg);
background-repeat:no-repeat;
padding:10px;
color:#FFFFFF;
}
td.gdet_bg3 {
background-image:url(../images/gdet_bg3.jpg);
background-repeat:repeat-y;
border-bottom-color:#619ECA;
border-bottom-style:solid;
border-bottom-width:1px;
}
/* COMMENTS */
td.rowlight {
background-color:#F2F2F2;
color:#333333;
}
td.rowdark {
background-color:#E0EFFC;
color:#105286;
}
/* FOOTER */
#footer {
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
height:72px;
font-size:10px;
padding-top:32px;
padding-left:110px;
color:#F0F7FB;
width:890px;
}
/* END OF NEW CSS */
/* Normal, standard links. */
a:link, a:visited
{
color: #eeeeee;
text-decoration: none;
}
a:hover
{
color: #FBCA20;
text-decoration: none;
}
/* Navigation links - for the link tree. */
.nav
{
font-size: 10px;
}
.nav:link, .nav:visited
{
color: #eeeeee;
text-decoration: none;
}
a.nav:hover
{
color: #FBCA20;
text-decoration: none;
}
/* Tables should show empty cells. */
table
{
empty-cells: show;
}
/* By default (td, body..) use Tahoma in black. */
body, td, th
{
color: #ffffff;
font-size: 11px;
font-family: Verdana, sans-serif;
}
/* The main body of the entire forum. */
body
{
background-color: #0E5084;
margin: 0px;
padding: 0px;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #0080C0;
font-size: 8pt;
color: #ffffff;
font-family: tahoma, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
background-color: #0080C0;
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 8pt;
font-weight: normal;
color: #ffffff;
font-family: tahoma, sans-serif;
background-color: #0080C0;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #1262A1;
background-color: #1262A1;
}
/* A quote, perhaps from another post. */
.quote
{
color: #EEEEEE;
background-color: #619ECA;
border: 1px solid #3784BC;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}
/* A code block - maybe even PHP ;). */
.code
{
color: #EEEEEE;
background-color: #619ECA;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #3784BC;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #ffffff;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}
/* Generally, those [?] icons. This makes your cursor a help icon. */
.help
{
cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}
/* Highlighted text - such as search results. */
.highlight
{
background-color: #FFCC00;
font-weight: bold;
color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, .windowbg3, tr.windowbg, td.windowbg
{
color: #ffffff;
background-color: #0080C0;
}
.windowbg2, tr.windowbg2, td.windowbg2
{
color: #ffffff;
background-color: #387BB0;
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
color: #ffffff;
font-weight: bold;
background-color: #1262A1;
}
.titlebg a:hover
{
color: #ffffff;
}
.catbg, .catbg2, .catbg3
{
font-weight: bold;
background-color: #1262A1;
color: #ffffff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #1262A1;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
border: 1px solid #1262A1;
background-color: #1262A1;
padding: 0px;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: 10px;
font-family: tahoma, sans-serif;
}
.normaltext
{
font-size: 11px;
}
.largetext
{
font-size: 14px;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
background-color: #0E5084;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}
/* ###!!!CSS ADDED FOR SAF!!!### */
/* The main table of the entire forum. */
.maintable
{
background-color: #0080C0;
margin: 0px;
padding: 0px 0px 0px 0px;
border: #1262A1;
border-style: solid;
border-left-width: 1px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
}
/* The main table of the entire forum. */
.bodytd
{
padding: 0px 8px 0px 8px;
text-align: left;
}
/* The header part of the forum. */
.header
{
background-color: #1262A1;
background-repeat: no-repeat;
background-position: right;
padding: 0px 8px 0px 8px;
width: 760px;
height: 90px;
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: 24px;
color: white;
font-weight: 550;
}
/* The header part of the forum. */
.headerdown
{
background-color: #1D6094;
padding: 4px 0px 4px 8px;
border: #1262A1;
border-style: solid;
border-left-width: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
font-size: 10px;
}
/* The menu */
#navmenu
{
margin: 15px 0px 8px 0px;
padding: 0;
text-align: center;
}
#navmenu ul
{
text-transform: uppercase;
margin: 0px;
padding: 0;
}
#navmenu li
{
display: inline;
margin: 0px;
padding: 0;
}
#navmenu a
{
padding: 1px 10px 1px 10px;
margin: 0px 3px 0px 3px;
background-color: #0F4E81;
border: 1px outset #7CBBF0;
font-family: Arial, sans-serif;
font-weight: bold;
color: #ffffff;
font-size: 11px;
}
#navmenu a:hover
{
background-color: #1B5E92;
color: #ffffff;
text-decoration: none;
}
#navmenu .active
{
background-color: #1B5E92;
color: #ffffff;
text-decoration: none;
}
/* Other buttons */
.btns
{
margin: 0;
padding: 0;
}
.btns ul
{
margin: 0;
padding: 0;
}
.btns li
{
display: inline;
margin: 0;
padding: 0;
}
.btns a:link, .btns a:visited
{
padding: 1px 10px 1px 10px;
margin: 0px 0px 0px 3px;
background-color: #0F4E81;
border: 1px outset #7CBBF0;
font-family: Arial, sans-serif;
font-weight: bold;
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
}
.btns a:hover
{
background-color: #1B5E92;
color: #ffffff;
text-decoration: none;
}
/* Message Mod Buttons */
.msgmod
{
margin: 20px 0px 20px 0px;
padding: 0;
text-align: left;
}
.msgmod ul
{
margin: 0;
padding: 0;
}
.msgmod li
{
display: inline;
margin: 0;
padding: 0;
}
.msgmod a:link, .msgmod a:visited
{
padding: 1px 10px 1px 10px;
margin: 0px 3px 0px 0px;
background-color: #0F4E81;
border: 1px outset #7CBBF0;
font-family: Verdana, sans-serif;
font-weight: bold;
color: #ffffff;
font-size: 8px;
text-transform: uppercase;
}
.msgmod a:hover
{
background-color: #1B5E92;
color: #ffffff;
text-decoration: none;
}
/* The new icon */
.newicon a:link, .newicon a:visited
{
padding: 0px 4px 1px 4px;
margin: 2px;
background-color: #0080C0;
border: #1262A1 1px solid;
font-weight: bold;
color: #ffffff;
font-size: 8px;
text-transform: lowercase;
}
.newicon a:hover
{
text-decoration: none;
}
/* The footer part of the forum. */
.footer
{
background-image: url(images/copy.jpg)
background-align: center;
background-repeat: no-repeat;
border: #D0D0D0;
border-style: solid;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
}
/* We use this to adjust the color of the copyright. */
.copyright, .copyright a:link, .copyright a:visited, .copyright a:hover
{
color: #ffffff;
}
/* No image should have a border when linked */
a img
{
border: 0;
}
I didn't notice anything, but do you know why?
open BoardIndex.template.php and make sure the table has cellspacing="1" and class="bordercolor"
something like
<table border="0" width="100%" cellspacing="1" cellpadding="5" class="bordercolor">
Under which div is that?
// Assuming the category hasn't been collapsed...
if (!$category['is_collapsed'])
{
echo '
<table border="0" width="100%" cellspacing="1" cellpadding="5" class="bordercolor" style="margin-top: 1px;">';
Here's mine:
// Assuming the category hasn't been collapsed...
if (!$category['is_collapsed'])
{
/* Each board in each category's boards has:
new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
children (see below.), link_children (easier to use.), children_new (are they new?),
topics (# of), posts (# of), link, href, and last_post. (see below.) */
foreach ($category['boards'] as $board)
{
echo '
<tr class="windowbg2">
<td class="windowbg" width="3%" align="center" valign="top"';
// If the board is new, show a strong indicator.
if ($board['new'])
echo ' style="background-color: #044b77;"';
// This board doesn't have new posts, but its children do.
elseif ($board['children_new'])
Hmm, looks a bit different, and when I add your line I get a parsing error....
NVM, I got it! Thanks alot mate! :D
you are most welcome :)