Guest User

Untitled

a guest
Aug 29th, 2012
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 3.30 KB | None | 0 0
  1. Index:
  2. <?php ini_set('display_errors', true); error_reporting(E_ALL);
  3. $ptitle = "Trulyscience.com - For all your science questions!";
  4. $pkeywords = "Science, technology, physics, technology and science";
  5. $pdescription = "The top scientific question site!";
  6.  
  7. include'includes/index_t.php';
  8. include'includes/navbar.php';
  9.  
  10. Other page:
  11. <?
  12. $ptitle = "Trulyscience.com - For all your science questions!";
  13. $pkeywords = "Science, technology, physics, technology and science";
  14. $pdescription = "The top scientific question site!";
  15.  
  16. include'includes/index_t.php';
  17. include'includes/navbar.php';
  18.  
  19. Navbar:
  20.     <div id="menu">
  21.  
  22.         <div id="vline">
  23.         <img src="images/vline.jpg" border="0">
  24.         </div>
  25.         <div id="menuwrap">
  26.    
  27.         <ul class="dropdown">
  28.             <li><a href="#"><img src="images/home.jpg" border="0"></a>
  29.                 <ul class="sub_menu" width="100%">
  30.                      <li><a href="#">Lorem</a></li>
  31.                      <li>
  32.                         <a href="#">Ipsum</a>
  33.                         <ul>
  34.                             <li><a href="#">Lorem</a></li>
  35.                             <li><a href="#">Ipsum</a></li>
  36.                         </ul>
  37.                      </li>
  38.                             <li><a href="#">Lorem</a></li>
  39.                 </ul>
  40.                 </li>
  41.                
  42.             <li><a href="#"><img src="images/content.jpg" border="0"></a>
  43.                 <ul class="sub_menu" width="100%">
  44.                      <li><a href="articles.php">Questions</a></li>
  45.                      <li><a href="articles.php">Articles</a></li>
  46.                      <li><a href="articles.php">Experiments</a></li>
  47.                      <li><a href="articles.php">Software</a></li>
  48.                         <ul>
  49.                             <li><a href="#">Ambigram Generator</a></li>
  50.                             <li><a href="#">Calculators</a></li>
  51.                         </ul>
  52.                 </ul>
  53.                 </li>              
  54.                
  55.             <li><img src="images/contact.jpg" border="0">
  56.                 <ul class="sub_menu" width="100%">
  57.                      <li><a href="#">E-mail</a></li>
  58.                      <li>
  59.                         <a href="#">Ask a Question</a>
  60.                      </li>
  61.                 </ul>
  62.                 </li>
  63.            
  64.             <li><a href="#"><img src="images/aboutus.jpg" border="0"></a></li>
  65.                
  66.             <li><a href="#"><img src="images/forums.jpg" border="0"></a></li>
  67.                
  68.         </ul>
  69.  
  70. CSS:
  71. /*
  72.     LEVEL ONE
  73. */
  74. ul.dropdown                                     { position: relative; }
  75. ul.dropdown li                                  { font-weight: bold; float: left;}
  76. ul.dropdown a:hover             { color: red; }
  77. ul.dropdown a:active                { color: #ffa500; }
  78. ul.dropdown li a                            { color: #0d88de; font-size:10pt; font-weight: bold;}
  79.  
  80. ul.dropdown li.hover,
  81. ul.dropdown li:hover                        { color: red; position: relative; }
  82. ul.dropdown li.hover a                      { color: red; }
  83.  
  84. ul.sub_menu li a                    {text-align: center; padding: 5px 0px 5px 0px;}
  85. ul.sub_menu li a:not(:only-child)   {background: url('images/redarrow.jpg') no-repeat right center;}
  86. /*
  87.     LEVEL TWO
  88. */
  89. ul.dropdown ul                  { width: 100%; visibility: hidden; position: absolute; top: 100%; left: 0; }
  90. ul.dropdown ul li                   { font-weight: normal; background: #f6f6f6; color: #000;
  91.                                       border: 1px solid #ccc; float: none; margin-top:-1px;}
  92.                                      
  93.                                     /* IE 6 & 7 Needs Inline Block */
  94. ul.dropdown ul li a                 { border-right: none; width: 100%; display: inline-block; }
  95.  
  96. /*
  97.     LEVEL THREE
  98. */
  99. ul.dropdown ul ul                   { left: 100%; top: 0; }
  100. ul.dropdown li:hover > ul           { visibility: visible; }
Advertisement
Add Comment
Please, Sign In to add comment