Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Aiheen aloitti: HIsPoCratiC - elokuu 20, 2006, 05:14:26 IP

Otsikko: Add main table
Kirjoitti: HIsPoCratiC - elokuu 20, 2006, 05:14:26 IP
Hi!

I want to add a main table in mi forum, like this one. You can see a blue background, them a big main table white, and inside this the forum table.

I was trying to find the way to do it, but can't find it!

Can someone help me please?
Otsikko: Re: Add main table
Kirjoitti: Deaks - elokuu 20, 2006, 06:10:15 IP
you can do this in your index.template.php
Otsikko: Re: Add main table
Kirjoitti: HIsPoCratiC - elokuu 20, 2006, 06:18:02 IP
Um, ok but do you know the code and where to put it? Sorry but I'm a bit bad programming..
Otsikko: Re: Add main table
Kirjoitti: farhaddad - elokuu 20, 2006, 08:20:58 IP
index.template.php

find
<body>';

underneath add
<div id="whitebox">

find
</body>

before add
</div>

style.css

find
body
{
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}


replace with

body
{
background-color: #adc1ce;
margin: 0px;
padding: 12px 30px 4px 30px;
}


change body padding and margin to your liking


underneath the body class add

#whitebox
{
padding: 30px;
background: #ffffff;
border: 3px solid #97a9b4;
}
Otsikko: Re: Add main table
Kirjoitti: HIsPoCratiC - elokuu 21, 2006, 07:20:50 IP
Well, I do the following. (I'm using blackTed)

index.tamplate.php

<body>';

echo '
<div id="wrapper">';


// The header

echo '

<a href="', $scripturl, '"><img src="', $settings['images_url'], '/logo.gif" alt="" /></a>';

echo '

<div align="right" style="margin-bottom:10px;">';


Them and the end


echo '

</div>
</div>
</body></html>';


So later.. on the style.css I put the class "whitebox" as follow


/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button, #footer a, #whitebox a, #header a
{
color: #000000;
font-family: verdana, sans-serif;
text-decoration: none;
}
input, button
{
font-size: 90%;
background-color: White;
border: 1px solid Silver;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}

#footerarea
{
font-size: 9px;
vertical-align: middle;
width: 100%;
margin-top: 10px;
background: #F4F4F4;
padding: 10px;
}

#whitebox
{
padding: 30px;
background: #ffffff;
border: 3px solid #97a9b4;
}


And there's no result ... What's wrong?

Otsikko: Re: Add main table
Kirjoitti: Deaks - elokuu 21, 2006, 08:02:14 IP
the information that was given was for the SMF Core theme that is available in RC2
Otsikko: Re: Add main table
Kirjoitti: farhaddad - elokuu 21, 2006, 10:23:17 IP
you giving the div a wrong id

change div id to whitebox
Otsikko: Re: Add main table
Kirjoitti: HIsPoCratiC - elokuu 22, 2006, 07:56:10 AP
Yes!

I see after and put "Whitebox" nowis going well!

Thank you very very much !  ;D