Mark Up

9 Apr By Leave a Comment

The markup used is simply embeded un-ordered lists. It’s the same for
both menus apart from the unique id of the top level UL.

  1. <ul id=“nav”>
  2.     <li> <a href=“#” >first Level menu</a>
  3.         <ul>
  4.            <li><a href=“#” >second Level menu</a></li>
  5.  
  6.            <li><a href=“#” >second Level menu</a>
  7.                 <ul>
  8.                     <li><a href=“#” >third Level menu</a></li>
  9.                 </ul>
  10.  
  11.              </li>
  12.           </ul>
  13.       </li>
  14. </ul>

Note how the next level menu starts and ends before it’s containing li ends.
[Read more...]

Popularity: 4% [?]

Filed Under: Joomlashack Templates

Conditional comments

7 Apr By Leave a Comment

Origional page

http://www.quirksmode.org/css/condcom.html

Conditional comments only work in Explorer on Windows, and are thus excellently suited to
give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

[Read more...]

Popularity: 7% [?]

Filed Under: Joomlashack Templates

How to add a module in the header area of Aqua

27 Mar By Leave a Comment

This will add a module in the header area of the Joomlashack Aqua Template.

First your going to make your index.php to look like this.

  1. <div id=“outerwrap”>
  2. <div id=“header”>
  3. <h1><a href=“<?php echo $mosConfig_live_site;?>/index.php” title=“<?php echo $mosConfig_sitename; ?>”><?php echo $mosConfig_sitename; ?></a></h1>
  4. <div id=“headerbox”><?php mosLoadModules ( ‘toolbar’, -2 ); ?></div>
  5. </div>
  6. <div id=“navcontainer”>
  7. <div id=“navbar”>

Then add the following to your customize.css

  1. /*This CSS controls format of the toolbar module*/
  2. #toolbar {right:20px;top:4em;font-size:90%;line-height:1em;text-align:right;width:auto;}
  3. #toolbar .moduletable-text{width:300px;font-size:80%;text-align:left;}
  4. #toolbar .moduletable-small{/*Intentionally blank*/}
  5. #toolbar h3 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0;padding:0;}
  6. #toolbar p {font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;}

Set your module Class Suffix to ‘-small’ if your using this for search and use ‘-text’ for any of the bigger modules.

[Read more...]

Popularity: 4% [?]

Filed Under: Joomlashack Templates

Template Tricks

16 Mar By Leave a Comment

Here is a cool little trick to put alert icons into your templates. If you like the below boxes check HERE for how to do it.


 

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.

 

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.

 

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.

 

  • List Item 1
  • List Item 2
  • List Item 3

[Read more...]

Popularity: 4% [?]

Filed Under: Joomlashack Templates
Newer Posts »