Hello.

I'm working on a customized theme for my website which uses drupal 6.x .

This is what I have thus far. This includes the css with crazy colors so I could see the divs to make sure they were going where I wanted.

// Custom Queer women ottawa theme created by Kristina Hall.

print $language->language " xml:lang="
print $language->language ">


print $head_title;

if (isset($primary_links)) :
print theme('links', $primary_links, array('class' => 'links primary-links'))
endif;

if ($search_box):

endif;

if ($left):
print $left

endif;

if ($mission || $featured):

endif;

if ($title) {
print $title

}
if ($tabs) {

print $tabs

}
if ($show_messages && $messages): print $messages; endif;
if ($help): print $help; endif;

print $content;

if ($right):

print $right

endif;

if (isset($primary_links)) :
print theme('links', $primary_links, array('class' => 'links primary-links'))
endif;



My question is, similar to the beginning theme I want some extra possible spaces for content such as two extra menu spaces (site_links, account_links) and several content areas (footer_left, left_middle_footer, right_middle_footer, and footer_content).

How do I do that? I looked at beginning closely but I didn't notice how to do it.

Comments

Passionate_Lass’s picture

oops

<?php
// Custom Queer women ottawa theme created by Kristina Hall.
?>

<!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" lang="<?php print $language->language ?>" xml:lang="
  <?php print $language->language ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php print $head_title; ?></title>
<style type="text/css">
<!--
#page_container {
	background-color: #000000;
	width: 100%;
	height: auto;
}
#mail {
	background-color: #0000FF;
	position: absolute;
	height: 40px;
	width: 40px;
	left: 95%;
	top: 30px;
}
#left_footer {
	background-color: #006600;
	position: absolute;
	height: 150px;
	width: 25%;
	top: 0px;
}
#top_primary_menu {
	background-color: #FFFF00;
	position: relative;
	height: 25px;
	width: 100%;
}
#logo {
	background-color: #666666;
	position: relative;
	height: 100px;
	width: 100px;
	left: auto;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#page_header {
	background-color: #333333;
	position: relative;
	width: 100%;
	height: 100px;
}
#title {
	background-color: #999999;
	position: absolute;
	height: 25px;
	width: 300px;
	left: 150px;
	top: 15px;
}
#slogan {
	background-color: #FFFFFF;
	position: absolute;
	height: 25px;
	width: 400px;
	left: 150px;
	top: 55px;
}
#site_links {
	background-color: #FF0000;
	position: absolute;
	height: 25px;
	width: 300px;
	left: 600px;
	top: 15px;
}
#account_links {
	background-color: #00FF00;
	position: absolute;
	height: 25px;
	width: 400px;
	left: 600px;
	top: 55px;
}
#content_container {
	background-color: #00FFFF;
	position: relative;
	height: auto;
	width: 100%;
}
#left_column {
	background-color: #FF00FF;
	position: relative;
	height: auto;
	width: 20%;
	top: 0px;
}
#content_column {
	background-color: #000066;
	position: absolute;
	height: auto;
	width: 59%;
	left: 20.5%;
	top: 0px;
}
#right_column {
	background-color: #990000;
	position: absolute;
	left: 80%;
	width: 20%;
	top: 0px;
	height: 150px;
}
#page_footer {
	background-color: #990099;
	position: relative;
	height: 200px;
	width: 100%;
}
#footer_content {
	background-color: #FF9900;
	position: absolute;
	height: 50px;
	width: 100%;
	top: 150px;
}
#left_middle_footer {
	background-color: #0099FF;
	position: absolute;
	height: 150px;
	width: 25%;
	left: 25%;
}
#right_footer {
	background-color: #00CC00;
	position: absolute;
	height: 150px;
	width: 25%;
	left: 75%;
}
#right_middle_footer {
	background-color: #999900;
	position: absolute;
	height: 150px;
	width: 25%;
	left: 50%;
}

#bottom_primary_menu {
	background-color: #FFFF00;
	position: relative;
	height: 25px;
	width: 100%;
}
-->
</style>
</head>

<body>
<div id="page_container">
	<div id="page_header">
    	<div id="logo">
			<?php
						if ($logo)
						{
			          		print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" title="Home" />';
			        	}
			        		print ($logo ? '' : $site_title_html) .'</a>';
			      		}
        	?>
        </div>
        <div id="title">
        	<?php
						if ($site_title)
						{
        					print '<h1><a href="'. check_url(
        					print ($logo ? '' : $site_title_html) .'</a></h1>';
						}
        	?>

        </div>

        <?php if ($site_slogan): ?>
		        <div id="slogan"><?php print $site_slogan; ?></div>
		<?php endif; ?>



        <div id="site_links">
        	site links
        </div>

        <div id="account_links">
        	account links
        </div>

        <div id="mail">
        	mail
        </div>
    </div>
  <div id="top_primary_menu">

    	<?php if (isset($primary_links)) : ?>
		          <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>
        <?php endif; ?>

    	<?php if ($search_box): ?><div id="searchbox"><?php print $search_box ?></div><?php endif; ?>
    </div>



  <div id="content_container">
    	<?php if ($left): ?>
		                <div id="left_column">
		                	<?php print $left ?>
		                </div>

        <?php endif; ?>

        <div id="content_column">


        	<?php if ($mission || $featured): ?>

			<div class="featured">
				<?php if ($mission): print '<div id="mission"><p>'. $mission .'</p></div>'; endif; ?>
				<?php if ($featured): print $featured; endif; ?>
			</div>
			<?php endif; ?>

            <div id="breadcrumbs">
            	<?php if ($breadcrumb): print $breadcrumb; endif; ?>
            </div>

            <div id="content">
            					<?php if ($title) { ?><h1 class="pagetitle"><?php print $title ?></h1><?php } ?>
			                    <?php if ($tabs) { ?><div class="tabs"><?php print $tabs ?></div><?php } ?>
			                    <?php if ($show_messages && $messages): print $messages; endif; ?>
			                    <?php if ($help): print $help; endif; ?>

                    			<?php print $content; ?>

            </div>
        </div>

                <?php if ($right): ?>
                <div id="right_column">
                  <?php print $right ?>
                </div>
                <?php endif; ?>

  </div>

    <div id="bottom_primary_menu">
    	<?php if (isset($primary_links)) : ?>
		          <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>
        <?php endif; ?>
    </div>

    <div id="page_footer">
              <?php if ($footer_left): ?>
                <div id="left_footer">
                  <?php print $footer_left ?>
                </div>
              <?php endif; ?>

              <?php if ($footer_middle): ?>
                <div id="left_middle_footer">
                  <?php print $footer_middle ?>
                </div>
              <?php endif; ?>

              <?php if ($footer_middle): ?>
                <div id="right_middle_footer">
                  <?php print $footer_middle ?>
                </div>
              <?php endif; ?>

              <?php if ($footer_middle): ?>
                <div id="right_footer">
                  <?php print $footer_middle ?>
                </div>
              <?php endif; ?>

              <?php if ($footer_content): ?>
                <div id="footer_content">
                  <?php print $footer_content ?>
                </div>
              <?php endif; ?>
    </div>
</div>


</body>
</html>
yuriy.babenko’s picture

---
Yuriy Babenko | Technical Consultant & Senior Developer
http://yuriybabenko.com

Passionate_Lass’s picture

Thank you!