Outline Applet sur Webgraf.com

Outline Applet

DEMONSTRATION

Webgraf.com

Les moteurs de recherches

Yahoo

Voila

Excite

Liste de mails

TELECHARGER
code HTML
Informations

CODE HTML

top


<applet code="Outline"width=180 height=300>
Webgraf.com<BR> <!--Ici le titre du menu-->
<ul>
<li>Les moteurs de recherches</li> 
    <ul>
    <li>Yahoo</li>
	    <ul>
		<li><a href="http://www.yahoo.fr" target="_blank">en français</a></li>
		<li><a href="http://www.yahoo.com" target="_blank">en anglais</a></li>
	    </ul>
    <li>Voila</li>
        <ul>
        <li><a href="http://www.voila.fr" target="_blank">en français</a></li>
        <li><a href="http://www.voila.com" target="_blank">en anglais</a></li>
        </ul>
    <li>Excite</li>
        <ul>
        <li><a href="http://www.excite.fr" target="_blank">en français</a></li>
        <li><a href="http://www.excite.com" target="_blank">en anglais</a></li>
        </ul>
    </ul>
<li>Liste de mails</li>
    <ul>
    <li><a href="mailto:webmaster@webgraf.com">Mail1</a></li>
    <li><a href="mailto:webmaster@webgraf.com">Mail2</a></li>
    <li><a href="mailto:webmaster@webgraf.com">Mail3</a></li>
    <li><a href="mailto:webmaster@webgraf.com">Mail4</a></li>
    <li><a href="mailto:webmaster@webgraf.com">Mail5</a></li>
    </ul>
</ul>
<ul>
    <li><a href="mailto:webmaster@webgraf.com">écrivez-moi</a></li>
	<li><a href="Outline.zip">Télechargez ce menu</a></li>
</ul>

</applet>

INFORMATIONS COMPLEMENTAIRES

top

COMMENT PARAMETRER CET APPLET :

Il vous suffit de créer une arborescence avec les balises <ul></ul> et <li></li>comme ci-dessus.

MAIS comment créer une arborescence avec ces balises :

<ul> indique le début d'un dossier. Il ne faut pas oublier de fermer un dossier avec la balise </ul>
Pour créer des liens ou des mailto dans un dossier il vous suffit de mettre des lignes du type
<li><a href="http://www.voila.fr" target="_blank">voila</a></li> dans des balises <ul></ul>. Ce qui n'est autre qu'un lien classique en HTML avec le target et tout le tremblant MAIS entouré des balises <li> et </li>.
Si vous mettez <li><A HREF="mailto:email@adresse.com">e-mail</A></li> L'applet détectera automatiquement le mailto et mettra l'icone du courrier devant le lien.
Pour rajouter un dossier dans un dossier il vous suffit de remettre des balises <ul></ul> dans d'autres balises <ul></ul>. Le nom du dossier sera alors celui du <li> qui précède.

EXEMPLE:
- <ul>    (ouverture d'un dossier)
  <li><a href="http://www.voila.fr" target="_blank">voila</a></li>    (Un lien)
  <li>nom du dossier N°1</li>    (nom du dossier qui va être ouvert)
      <ul>    (ouverture du dossier dans le premier dossier)
      <li>fichier N°1 du dossier N°1</li>
      <li>fichier N°2 du dossier N°1</li>
      </ul>    (fermeture du dossier dans le dossier)
  </ul>    (fermeture du premier dossier)
PROBLEME: Malgrès tout plein d'avantage, une ombre au tableau : comment change t'on la couleur de fond de cet applet? Il semble que le créateur a négligé ce point. Mais soyons heureux car le fond de cet applet n'est pas vert fluo, il n'est que blanc. Tout va bien.

Comment récupérer cet applet:

Faites un copier/coller du CODE HTML ci-dessus dans votre document HTML.
Mettez tous les fichiers utilisés par cet applet dans le même répertoire que ce document.

Le fichier utilisé par cet applet :

Outline.class

Taille de l'applet : 12 Ko (Pour un menu de ce type, c'est très bon)

Tout le nécessaire ainsi que cette page se trouve dans le fichier .zip à télécharger.

Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com