[pmwiki-users] HTML in a skin tmpl file to format a banner

Randy Brown randy at brownragfilms.com
Tue Jun 25 13:24:14 CDT 2013


Can anyone help me with the html to format my skin's top banner? As an html novice, I've kludged together the code shown below, but it doesn't validate. (The links don't wrap in Omniweb, though otherwise it renders pretty well.) 

I want the banner to span a fixed width page, with links and a search box on its right - all positioned nicely. 

Here is what the banner should look like, conceptually:

---------------------------------------------------------------------
[image background for the entire banner]
                                         Link1 Link2… Search [box]
My clickable logo
                                         Link3 Link4…                                         

---------------------------------------------------------------------

Usage: Clicking on the logo at the left  should go to myurl as defined in config.php. Clicking on the links should go to pages in the local wiki. All links have tool tips. (Currently I've got the clickable logo as part of the background itself, so clicking anywhere on the banner except the links goes to myurl, but that's just because I haven't figured out how to do otherwise.)

Thanks for any tips, or observations about the right way to do this.

Randy

<head>
  <title>$WikiTitle | {$Group} / {$Title} $ActionTitle</title>
  <meta http-equiv='Content-Style-Type' content='text/css' />
  <link rel='stylesheet' href='$SkinDirUrl/mywebsite.css' type='text/css' />
  <!--HTMLHeader-->
</head>
<body>
<!--PageHeaderFmt-->
  <div id='wikilogo'><a href='https://myurl' title='You are exploring $WikiTitle:

     $ProjectTitle

Some final text'><img src='$PageLogoUrl'
    alt='$WikiTitle' border='0' /></a></div>
  <div id="pagemenu"><!--wiki:{$Group}.Menu Public.Menu--></div>
  <div id='wikihead'>
  <br><form action='{$ScriptUrl}'>
    <a href='{$ScriptUrl}/Public/$[linktarget]' title='tool tip text'>$[link text]</a>  
    <a href='{$ScriptUrl}/$[{$SiteGroup}]/$[AllRecentChanges]' title='tool tip text'>$[Changes]</a>    <a href='{$ScriptUrl}/Public/$[link text]' title='tool tip for $variable'>$[link text]</a>    <a href='{$ScriptUrl}/Public/Search' title= etc.

[This section ends with:]

<a href='{$ScriptUrl}/Public/$[target]' title='tool tip'>$[link text]</a></br>
</div>
    </form></div>
    </form></div>
    </form></div>
    </form></div>
<!--/PageHeaderFmt-->

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.pmichaud.com/pipermail/pmwiki-users/attachments/20130625/05169830/attachment.html>


More information about the pmwiki-users mailing list