Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

Créer sa page perso


Infobulles "rectangles"

Page - 68 gn

Sur PC

 

avec possibilité de placer des liens (chiens)

cliquer pour ouvrir et cliquer pour refermer

 

 

Chiens
 

 Tigres

 

Chats

 

 

 

 
Avant </HEAD> placer : <SCRIPT src="bulles.js">
Dans le corps BODY, numéroter les liens

<A HREF="#" onclick="showclue(event, 'Menu1'); return false">Chiens</A>

Juste avant </BODY> en fin de page

<P><DIV id="Menu1" style="position:absolute; visibility:hidden; z-index:2; width:120px; background-color:red; border:4px solid green; layer-background-color:blue">Races

de chiens<BR>

avec pedigree<BR>

inscrits au LOF<BR>

<A HREF="pageperso68.htm"><FONT COLOR="#FFFF00">Voir menu</FONT></A></DIV>

<DIV id="Menu3" style="position:absolute; visibility:hidden; z-index:1; width:120px;background-color:yellow; border:0px solid black">

Voici les tigres<BR>

tr&egrave;s sauvages<BR>

ils sont dangereux </DIV> <DIV id="Menu2" style="position:absolute; visibility:hidden; z-index:1; width:150px; border:2px solid black">

Ici on parle des chats<BR>

qui sont aimables<BR>

mais attention aux griffes </DIV></P><P><DIV id="Menu1" style="position:absolute; visibility:hidden; z-index:2; width:120px; background-color:red; border:4px solid green; layer-background-color:blue">Races

de chiens<BR>

avec pedigree<BR>

inscrits au LOF<BR>

<A HREF="pageperso68.htm"><FONT COLOR="#FFFF00">Voir menu</FONT></A></DIV>

<DIV id="Menu3" style="position:absolute; visibility:hidden; z-index:1; width:120px;background-color:yellow; border:0px solid black">

Voici les tigres<BR>

tr&egrave;s sauvages<BR>

ils sont dangereux </DIV> <DIV id="Menu2" style="position:absolute; visibility:hidden; z-index:1; width:150px; border:2px solid black">

Ici on parle des chats<BR>

qui sont aimables<BR>

mais attention aux griffes </DIV></P>

width:120px = longueur de la bulle
background-color:red = couleur interne de la bulle
border:4px solid green = couleur d'un cadre de 4 pixells de couleur verte(0px = pas de cadre)
layer-background-color:blue = cadre intérieur couleur bleue, seulement sur netscape

Noter : Sous Netscape, 0px = pas de cadre et seul le texte est sur fond couleur mais très lisible.

Sur les fonds blancs, vous constatez que le texte de dessous apparaît, ce qui doit vous inciter à placer
un fond au minimum très clair. Vous pouvez essayer avec : background-color:yellow

ici

 

 <<< Sommaire Page perso .....@......Sommaire Javascripts >>>

 Tous droits réservés © 1997-2002. aidenet.com

 

DERNIERS MESSAGES DU FORUM
probleme avec mes logiciels [A l'aide !]
Création d'un formulaire avec NVU ??? [HTML / CSS / Javascript]
Faire un serveur de jeux css a partir de filezilla [Réseaux / Internet]
problème de lecture vidéos wmv dans mon site sur l... [HTML / CSS / Javascript]
Problème de téléchargement [A l'aide !]
internet [A l'aide !]
Pour les questions liées à la sécurité informatique [A l'aide !]
Besoin d'aide pour modifier CSS [HTML / CSS / Javascript]
PC ne répondant plus (XP) [A l'aide !]
Page perso pb affichage [Free]
dimension d'une image [Appareils photos numériques]
creation de site [A l'aide !]
Problèmes de div qui se chevauchent [HTML / CSS / Javascript]
Appeler à une Page HTML plutot qu'a une IMAGE ? [HTML / CSS / Javascript]
Besoin aide sur une fonction [HTML / CSS / Javascript]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD