border color

[AllanD]

I have looked everywhere in the index.css and I can't seem to find the border color for the main page.I'm using 2.0 rc 5 and curve theme

[All Colours Sam]

Hi, what border exactly?  can you post a screen shot so we can have a better idea.

[AllanD]

i can post a link for ya if that's ok
http://mympz.com/test/index.php
I want to replace the white border around the boards on the main page.
Hope that makes sense

[All Colours Sam]

The white border its actually made of images, for the header  and the footer part:

http://mympz.com/test/Themes/MPZ/images/theme/main_block.png


for the content part:

http://mympz.com/test/Themes/MPZ/images/theme/frame_repeat.png

Koodi [Valitse] Laajenna


#header {
background-attachment: scroll;
background-clip: border-box;
background-color: #ece8e0;
background-image: url("http://mympz.com/test/Themes/MPZ/images/theme/main_block.png");
background-origin: padding-box;
background-position: 0px -480px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 20px;
}

#content_section {
background-attachment: scroll;
background-clip: border-box;
background-color: #ece8e0;
background-image: url("http://mympz.com/test/Themes/MPZ/images/theme/frame_repeat.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat-y;
background-size: auto;
padding-left: 20px;
}

#footer_section {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://mympz.com/test/Themes/MPZ/images/theme/main_block.png");
background-origin: padding-box;
background-position: 0px -820px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 20px;
text-align: center;
}


[MrGrumpy]

If you mean the gaps between the actual boards it isn't a border its cellspacing - to remove it

Open BoardIndex.template.php

find

Koodi [Valitse] Laajenna


echo '
<div id="boardindex_table">
<table class="table_list">';

change to

Koodi [Valitse] Laajenna

echo '
<div id="boardindex_table">
<table class="table_list" cellspacing="0">';

[AllanD]

ok great thanks and ok if i remove the cell spacing can i add a color in there around the boards.

[MrGrumpy]

Ok the white you see isnt anything to do with the board its the image behind main_block.png. If you do like I said you will see the gap will no longer be there.

You can add a border round the boards like on my theme http://www.petchatforum.net/demo/index.php

Is that how you want a border to be, round each cell?

[AllanD]

yes something like that but only 1 pixel wide

[MrGrumpy]

Its gone 1am here now and Im off to bed, I can help you with this and explain how to do the menu as well tomorrow if you haven't done it by then.

[AllanD]

ok great since i looked and have no idea about what code to put where.Thank you again for all your help

[Gary]

You can actually set a background for the table.

Give:

Koodi [Valitse] Laajenna

<table class="table_list" cellspacing="1" style="background: #FFCC31;">

a shot.

[MrGrumpy]

How i added the borders was to add it individually to each cell

In index.css find

Koodi [Valitse] Laajenna

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
width: 100%;
}
table.table_list p
{
padding: 0;
margin: 0;
}
table.table_list td, table.table_list th
{
padding: 5px;
}
table.table_list tbody.header td
{
padding: 0;
}
table.table_list tbody.content td.stats
{
font-size: 90%;
width: 15%;
text-align: center;
}
table.table_list tbody.content td.lastpost
{
line-height: 1.3em;
font-size: 85%;
width: 24%;
}
table.table_list tbody.content td.icon
{
text-align: center;
width: 6%;
}

Replace with this

Koodi [Valitse] Laajenna


/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
width: 100%;
}
table.table_list p
{
padding: 0;
margin: 0;
}
table.table_list td, table.table_list th
{
padding: 5px;
}
table.table_list tbody.header td
{
padding: 0;
}
table.table_list tbody.content td.info
{
border: 1px solid #000000;
}
table.table_list tbody.content td.stats
{
font-size: 90%;
width: 15%;
text-align: center;
border: 1px solid #000000;
}
table.table_list tbody.content td.lastpost
{
line-height: 1.3em;
font-size: 85%;
width: 24%;
border: 1px solid #000000;
}
table.table_list tbody.content td.icon
{
text-align: center;
width: 6%;
border: 1px solid #000000;
}

I have set the borders as #000000 (black) change that to the hex color code for the color you want them to be

[AllanD]

thank you all very much.But how do i get a border around child boards displayed on the main page.

[MrGrumpy]

Oh sorry, forgot to add the childboard code

After the code i posted just add this

Koodi [Valitse] Laajenna

table.table_list tbody.content td.children
{
border: 1px solid #000000;
}


Also if you haven't noticed I replied to your menu post too

[AllanD]

worked great thanks