Προς το περιεχόμενο

css menu


simos_23

Προτεινόμενες αναρτήσεις

Δημοσ.

Θα στα πω βήμα βήμα.

 

1)Η ΗΤΜL σελίδα σου είναι αυτή

>
<html>
<head>

<link rel="stylesheet" type="text/css" href="cssverticalmenu.css" />

<script type="text/javascript" src="cssverticalmenu.js">
</head>
<body>
<ul id="verticalmenu" class="glossymenu">
<li><a href="http://www.javascriptkit.com/">JavaScript Kit</a></li>
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Free JavaScripts</a></li>
<li><a href="http://www.javascriptkit.com/">JavaScript Tutorials</a></li>
<li><a href="#">References</a>
   <ul>
   <li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
   <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
   <li><a href="http://www.javascriptkit.com/dhtmltutors/cssreference.shtml">CSS Reference</a></li>
   </ul>
</li>
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >DHTML/ CSS Tutorials</a></li>
<li><a href="http://www.javascriptkit.com/howto/">web Design Tutorials</a></li>
<li><a href="#" >Helpful Resources</a>
   <ul>
   <li><a href="http://www.dynamicdrive.com">Dynamic HTML</a></li>
   <li><a href="http://www.codingforums.com">Coding Forums</a></li>
   <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
   <li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
   <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
   <li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Generator</a></li>
   </ul>
</li>
</ul>
</ul>
</body>

 

2)Κατέβασε τα

cssverticalmenu.css

cssverticalmenu.js

Και βάλε τα στον ίδιο φάκελο με το HTML αρχείο που δημιούργησες

 

3)Κατέβασε τις τρεις εικόνες που έχει:

glossyback.gif

glossyback2.gif

arrow.gif

Και σώσε τις στον ίδιο φάκελο με όλα τα υπόλοιπα.

 

 

Τώρα τρέξε το HTML αρχείο με έναν browser και θα είναι οκ.

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

  • Δημιουργία νέου...