By fullforce on

hi all,

i am looking to make my primary links (#navlist) have curved corners for each link - much link the links at the top of this page (well exactly the same really).
I have searched the net and have found endless ways of doing so and i think i understand the basic concept - i need to add two different areas around the primary link and then add curved images either side. Problem is: i am a beginner with stlying and coding so i am having trouble applying the principles to my own theme file!
I have pasted the code below from my page.tpl.php file - at the moment i have only one large generic image as the background for the entire menu - view website at www.fullforcefitness.com.au

please be kind, i am merely a fitness trainer who is developing an obsession for web design (and trying to make my business kick ass along the way!) thanks in advance - tom

<?php
// $Id: page.tpl.php,v 1.28 2008/01/24 09:42:52 goba Exp $
?><!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 ?>" dir="<?php print $language->dir ?>">

<head>
  <title><?php print $head_title ?></title>
  <?php print $head ?>
  <?php print $styles ?>
  <?php print $scripts ?>
  <script type="text/javascript"><?php /* Needed to avoid Flash of Unstyle Content in IE */ ?> </script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" id="header">
  <tr>
    <td id="logo">
      <?php if ($logo) { ?><a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a><?php } ?>
      <?php if ($site_name) { ?><h1 class='site-name'><a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a></h1><?php } ?>
      <?php if ($site_slogan) { ?><div class='site-slogan'><?php print $site_slogan ?></div><?php } ?>
    </tr>
    <tr>
    <td id="menu">
      <?php if (isset($secondary_links)) { ?><?php print theme('links', $secondary_links, array('class' => 'links', 'id' => 'subnavlist')) ?><?php } ?>
      <?php if (isset($primary_links)) { ?><?php print theme('links', $primary_links, array('class' => 'links', 'id' => 'navlist')) ?><?php } ?>
      <?php print $search_box ?>
    </td>
  </tr>
  <tr>
    <td colspan="2"><div><?php print $header ?></div></td>
  </tr>
</table>
<table align="center">
 <tr>
<td width="960" class="subheader" valign="top"><?php print $subheader ?>
</td>
 </tr>
  </table> 
<table border="0" cellpadding="0" cellspacing="0" id="content">
  <tr>
    </td>
    <td valign="top">
      <?php if ($mission) { ?><div id="mission"><?php print $mission ?></div><?php } ?>     
   <table align="center">
 <tr>
<td width="740" class="topmiddle" valign="top"><?php print $topmiddle; ?>
</td>
 </tr>
  </table>
  <table align="center">
 <tr>
<td width="740" class="midlinks" valign="top"><?php print $midlinks; ?>
</td>
 </tr>
  </table>
<table align="center">
<tr>
<td valign="top" align="left" class="contleft"><?php print $contleft; ?></td>
<td valign="top" align="left" class="contmid"><?php print $contmid; ?></td>
<td valign="top" align="left" class="contright"><?php print $contright; ?></td>
</tr>
</table>
<div id="main">
        <?php print $breadcrumb ?>
        <h1 class="title"><?php print $title ?></h1>
        <div class="tabs"><?php print $tabs ?></div>
        <?php if ($show_messages) { print $messages; } ?>
        <?php print $help ?>
        <?php print $content; ?>
        <?php print $feed_icons; ?>
      </div>
    </td>   
    <td id="rightsidebar">
    <?php print $rightsidebar ?>
</td>
</tr>
</table>
<div id="footer">
  <?php print $footer_message ?>
  <?php print $footer ?>
</div>
<?php print $closure ?>
</body>
</html>
⋅ Categories: Drupal 5.x