Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Index:
- <?php ini_set('display_errors', true); error_reporting(E_ALL);
- $ptitle = "Trulyscience.com - For all your science questions!";
- $pkeywords = "Science, technology, physics, technology and science";
- $pdescription = "The top scientific question site!";
- include'includes/index_t.php';
- include'includes/navbar.php';
- Other page:
- <?
- $ptitle = "Trulyscience.com - For all your science questions!";
- $pkeywords = "Science, technology, physics, technology and science";
- $pdescription = "The top scientific question site!";
- include'includes/index_t.php';
- include'includes/navbar.php';
- Navbar:
- <div id="menu">
- <div id="vline">
- <img src="images/vline.jpg" border="0">
- </div>
- <div id="menuwrap">
- <ul class="dropdown">
- <li><a href="#"><img src="images/home.jpg" border="0"></a>
- <ul class="sub_menu" width="100%">
- <li><a href="#">Lorem</a></li>
- <li>
- <a href="#">Ipsum</a>
- <ul>
- <li><a href="#">Lorem</a></li>
- <li><a href="#">Ipsum</a></li>
- </ul>
- </li>
- <li><a href="#">Lorem</a></li>
- </ul>
- </li>
- <li><a href="#"><img src="images/content.jpg" border="0"></a>
- <ul class="sub_menu" width="100%">
- <li><a href="articles.php">Questions</a></li>
- <li><a href="articles.php">Articles</a></li>
- <li><a href="articles.php">Experiments</a></li>
- <li><a href="articles.php">Software</a></li>
- <ul>
- <li><a href="#">Ambigram Generator</a></li>
- <li><a href="#">Calculators</a></li>
- </ul>
- </ul>
- </li>
- <li><img src="images/contact.jpg" border="0">
- <ul class="sub_menu" width="100%">
- <li><a href="#">E-mail</a></li>
- <li>
- <a href="#">Ask a Question</a>
- </li>
- </ul>
- </li>
- <li><a href="#"><img src="images/aboutus.jpg" border="0"></a></li>
- <li><a href="#"><img src="images/forums.jpg" border="0"></a></li>
- </ul>
- CSS:
- /*
- LEVEL ONE
- */
- ul.dropdown { position: relative; }
- ul.dropdown li { font-weight: bold; float: left;}
- ul.dropdown a:hover { color: red; }
- ul.dropdown a:active { color: #ffa500; }
- ul.dropdown li a { color: #0d88de; font-size:10pt; font-weight: bold;}
- ul.dropdown li.hover,
- ul.dropdown li:hover { color: red; position: relative; }
- ul.dropdown li.hover a { color: red; }
- ul.sub_menu li a {text-align: center; padding: 5px 0px 5px 0px;}
- ul.sub_menu li a:not(:only-child) {background: url('images/redarrow.jpg') no-repeat right center;}
- /*
- LEVEL TWO
- */
- ul.dropdown ul { width: 100%; visibility: hidden; position: absolute; top: 100%; left: 0; }
- ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000;
- border: 1px solid #ccc; float: none; margin-top:-1px;}
- /* IE 6 & 7 Needs Inline Block */
- ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }
- /*
- LEVEL THREE
- */
- ul.dropdown ul ul { left: 100%; top: 0; }
- ul.dropdown li:hover > ul { visibility: visible; }
Advertisement
Add Comment
Please, Sign In to add comment