Hey michiel
nice to see your current work.
There's an issue with the way
BlankTheme handle this.
I recommend to read this
Wiki page:
Available layouts and how it works and tell me if you have any doubt about it.
BlankTheme uses a base template (templates in /templates/base subfolder) to handle the body code, and each base template supports one or more layouts. You just need to move the values of the base and layout variables to have different layouts. So, the code i posted should be inside a base template, but not in the module template.
Follow the next steps to accomplish the layout you want:
* Go to the /templates/base subfolder of your theme.
* We'll remove the left and right columns right?
Just like in your graphic. If yes, clone the base template 2col.htm and name it basehome.htm (this will handle the layout of the homepage only)
* This is a customized grid, and it's name is basehome, so set the value to the base variable:
<!--[ assign var='base' value='basehome' ]-->
<!--[ assign var='layout' value='1' ]-->
I hope you see the potential and advantages of this in the
Wiki pages
layout = 1 is to have just the main column.
* Now, clean the home.htm module template,
It should look like:
<!--
[*
$Id: home.htm
262 2008-08-20 08:
12:29Z espaan $ *
]-->
<!--
[* config override *
]-->
<!--
[ assign
var=
'current' value=
'home' ]-->
<!--
[ assign
var=
'base' value=
'basehome' ]-->
<!--
[ assign
var=
'layout' value=
'1' ]-->
<!DOCTYPE html
public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml" xml:lang=
"<!--[lang]-->">
<head>
<!--
[include file=
'head.htm']-->
</head>
<!-- Home template -->
<body id=
"bt_<!--[$module]-->" class=
"<!--[bt_htmloutput section='classesbody']-->">
<!--
[include file=
"base/$base.htm"]-->
</body>
</html>
The original with modified values for the variables
* Now modify the main layout of your homepage with this code:
<!-- begin: main content area
#main --> <div id=
"main">
<a id=
"content"></a>
<!-- skiplink anchor: Content -->
<div id=
"bt_ct" class=
"subcolumns bt_zone">
<!--
[blockposition name=
'CenterTop']-->
</div>
<div id=
"bt_3b" class=
"subcolumns bt_zone">
<div
class=
"c33l">
<div
class=
"subcl">
<!--
[blockposition name=
'CenterLeft']-->
</div>
</div>
<div
class=
"c33l">
<div
class=
"subc">
<!--
[blockposition name=
'CenterMiddle']-->
</div>
</div>
<div
class=
"c33r">
<div
class=
"subcr">
<!--
[blockposition name=
'CenterRight']-->
</div>
</div>
</div>
<!--
[$maincontent]-->
<div id=
"ie_clearing"> </div>
<!--
end: IE Column Clearing -->
</div>
<!--
end:
#main -->
* Ok, i hope this do the homepage layout job.
Finally, playing with
Firebug, i want to recommend you some changes in the
CSS values:
basemod.css:
* line ~83: Remove the #page border
* line ~74: #page_margins width to 1000px
* line ~89: Remove the #header padding and set height:97px;
* line ~68: Add body background: #333333;
* line ~131: #nav_main background:#222222;
* line ~160: color: #698FAA; and padding: 0.3em 1.2em;
* line ~150: border: 1px solid #282828;
* line ~95: Add to #header #topnav this: top: 20px;
* line ~177: #footer padding to padding: 14px;
content.css:
* line ~208: bold links for #topnav: font-weight: bold;
(anyways seems that #navtop needs a rework over that header, or just remove it)
Hope it help,
these kind of details are the 50% of the port work
tell me how it worked
--
-
Mateo T. -
Mis principios... son mis fines
, it's not my day LOL
