Add main table

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?

Deaks · elokuu 20, 2006, 06:10:15 IP

you can do this in your index.template.php

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..

farhaddad · elokuu 20, 2006, 08:20:58 IP

index.template.php

find

Koodi [Valitse]

<body>';

underneath add

Koodi [Valitse]

<div id="whitebox">

find

Koodi [Valitse]

</body>

before add

Koodi [Valitse]

</div>

style.css

find

Koodi [Valitse]

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

replace with

Koodi [Valitse]

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

change body padding and margin to your liking

underneath the body class add

Koodi [Valitse]

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

HIsPoCratiC · elokuu 21, 2006, 07:20:50 IP

Well, I do the following. (I'm using blackTed)

index.tamplate.php

Koodi [Valitse]

<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

Koodi [Valitse]


	echo '

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

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

Koodi [Valitse]


/* 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?

Deaks · elokuu 21, 2006, 08:02:14 IP

the information that was given was for the SMF Core theme that is available in RC2

farhaddad · elokuu 21, 2006, 10:23:17 IP

you giving the div a wrong id

change div id to whitebox

HIsPoCratiC · elokuu 22, 2006, 07:56:10 AP

Yes!

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

Thank you very very much !

Simple Machines Community Forum

Uutiset:

Add main table

HIsPoCratiC

Deaks

HIsPoCratiC

farhaddad

HIsPoCratiC

Deaks

farhaddad

HIsPoCratiC