By venkat-rk on

I am trying to get Ocadia to do the following:

1.) Display primary and secondary links
2.) Display a search box
3.) Display breadcrumbs
4.) Possibly display left *and* right sidebars

For 1, I noticed that its page.tpl.php only has the following code:

 <?php if ($tabs != ""): ?>
    <?php print $tabs ?>
  <?php endif; ?>

There is no reference to a class id nor does Ocadia's style.css has any class for the tabs. Will replacing the following code from bluemarine (and then adding the relevant classes) show up the primary and secondary links in Ocadia and also add the search box?

<?php if (isset($secondary_links)) { ?><div id="secondary"><?php print theme('links', $secondary_links) ?></div><?php } ?>
      <?php if (isset($primary_links)) { ?><div id="primary"><?php print theme('links', $primary_links) ?></div><?php } ?>
      <?php print $search_box ?>

I will probably tackle the other stuff later.

⋅ Categories: Drupal 4.7.x

Comments

venkat-rk’s picture

venkat-rk commented

Sorry, folks. I could really do with some css help:(

I have got the breadcrumbs working. Adding the primary and secondary links code from bluemarine to ocadia's page.tpl.php does make the menu links appear but I am unable to figure out the css to align it. On closer inspection of style.css, I found that ocadia's header (where I want the primary and secondary links to appear) is a div contained within another div called wrapper whose text alignment is set to the left.

How can I override this so that the menu links alone are aligned to the right?

To sum up, here are the changes I have made to ocadia:

Code added in page.tpl.php to display the primary and secondary links

  1. Original page.tpl.php
    <body <?php print theme("onload_attribute"); ?>>
<div id="wrapper">
  <div id="header">
    <?php if ($site_name) : ?>
      <h1 id="site-name"><a href="<?php print $base_path ?>" title="Index Page"><?php print($site_name) ?></a></h1>
<?php endif;?>
  </div>
  2. Modified page.tpl.php 
    <body <?php print theme("onload_attribute"); ?>>
<div id="wrapper">
  <div id="header">
    <?php if ($site_name) : ?>
      <h1 id="site-name"><a href="<?php print $base_path ?>" title="Index Page"><?php print($site_name) ?></a></h1>
<?php if (isset($secondary_links)) { ?><div id="secondary"><?php print theme('links', $secondary_links) ?></div><?php } ?>
      <?php if (isset($primary_links)) { ?><div id="primary"><?php print theme('links', $primary_links) ?></div><?php } ?>
<?php endif;?>
  </div>

    Code added in style.css to display the primary and secondary links

    • Original style.css for #header
      /* Layout */ 

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background: #FFF url(images/wrapper.gif) repeat-y;
      text-align: left;
}
#header {
	width: 760px;
	height: 132px;
	background: url(images/header.gif) no-repeat;      
}

	/* Header styles */
	#header h1 {
		margin: 0;
		padding: 35px 0 0 40px;
		font-size: 2em;
		line-height: 40px;
}
	#header h1 a {
		text-decoration: none;
	}
	#header p {
		margin: 0;
		padding: 5px 0 0 40px;
}
    • Modified style.css for #header 
      /* Layout */ 

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background: #FFF url(images/wrapper.gif) repeat-y;
      text-align: left;
}
#header {
	width: 760px;
	height: 132px;
	background: url(images/header.gif) no-repeat;      
}

	/* Header styles */
	#header h1 {
		margin: 0;
		padding: 35px 0 0 40px;
		font-size: 2em;
		line-height: 40px;
}
	#header h1 a {
		text-decoration: none;
	}
	#header p {
		margin: 0;
		padding: 5px 0 0 40px;
	}
     #menu {
  	text-align: right;
  	vertical-align: middle;
      }
	#primary {
  	font-size: 1.0em;
  	}
	#primary a {
  	font-weight: bold;
  	}
	#secondary {
  	font-size: 0.8em;
  	}
	#secondary a {
  	font-weight: bold;
  	}

    You can see the botched result of the modified style.css here

    To anyone who read this far with patience, thanks very much! I hope you can help.

stella’s picture

stella commented

Hi,

Breadcrumbs, site slogan, the search box and primary and secondary links have now been implemented in ocadia in both 4.7.x and 5.x. These changes have been checked into CVS and will be included in the next release. It's designed as a two column layout, so I don't plan on implementing separate left and right sidebars.

Cheers,
Stella