ze.bassman
Messages : 781
Inscrit le 14/10/02
Ville : grenoble
Non connecté
|
|
Posté le 17 juillet 2007 - 12 h 59 m 53 s |
|
|
Salut
Je voudrai pour mon site un systeme equivalent a celui de ce site (menu vertical de gauche)
D'après vous, comment cela est il fait ? html, css, javscript ?
Je cherche un tuto pour arriver a la même chose...
http://www.sollyazar.com/
Merci pour votre aide |
|
| |
|
Woofy
Pour les bons tuyaux me demander
Messages : 26 215
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
|
|
Posté le 17 juillet 2007 - 13 h 04 m 14 s |
|
|
C'est fait en CSS.
Pour avoir un tuto, je sais pas.
Cherche ptet sur alsacreations.com |
|
| |
 Totalement inutile, donc completement indispensable
|
ze.bassman
Messages : 781
Inscrit le 14/10/02
Ville : grenoble
Non connecté
|
|
|
Posté le 17 juillet 2007 - 13 h 19 m 13 s |
|
|
Cool
ça doit me suffire pour faire mon menu.
J'essaierai d'ajouter plus tard mon infobulle au survol de la souris
|
|
| |
|
grabber
Coordinateur
MacBook Pro 2,4 Powered
Messages : 8 556
Inscrit le 06/03/02
Ville : Angers
Non connecté
|
|
|
Posté le 17 juillet 2007 - 17 h 27 m 10 s |
|
|
Le 17 juillet 2007 - 13 h 04, Woofy a écrit :
C'est fait en CSS.
Pour avoir un tuto, je sais pas.
Cherche ptet sur alsacreations.com
|
non non, c'est fait en javascript, faire afficher la source et voir ligne 817 
c'est d'ailleurs affreusement mal code et pas beau du tout ; encore un bel exemple de ce que l'on peut faire avec dreamweaver et autres daubes de ce style...  |
|
| |
|
Woofy
Pour les bons tuyaux me demander
Messages : 26 215
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
|
|
|
Posté le 17 juillet 2007 - 18 h 38 m 41 s |
|
|
Bah ça se fait pas en css ça ? |
|
| |
Totalement inutile, donc completement indispensable
|
grabber
Coordinateur
MacBook Pro 2,4 Powered
Messages : 8 556
Inscrit le 06/03/02
Ville : Angers
Non connecté
|
|
|
Posté le 17 juillet 2007 - 20 h 44 m 06 s |
|
|
hello woofy 
ben disons que comme il demandait comment celui ci etait fait, je lui ai repondu comment celui la etait fait uniquement 
ensuite oui tu peux faire ca en css mais il te faut obligatoirement du javascript pour la partie evenementielle
t'as regarde cette daube de code ???? un truc de malade... |
|
| |
|
Woofy
Pour les bons tuyaux me demander
Messages : 26 215
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
|
|
|
Posté le 17 juillet 2007 - 21 h 16 m 18 s |
|
|
Heu j'ai regardé le haut, pas le bas ! 
Ah oui, du pur dreamweaver effectivement !
Ptain y a même pas la balise d'ouverture <script> ! C'est chaud ! |
|
| |
Message édité 1 fois, la dernière par Woofy le 17 juillet 2007 - 21 h 18. |
| |
Totalement inutile, donc completement indispensable
|
ze.bassman
Messages : 781
Inscrit le 14/10/02
Ville : grenoble
Non connecté
|
|
|
Posté le 18 juillet 2007 - 15 h 35 m 02 s |
|
|
je bloque sue un petit truc.
J'ai fais un enu avec le tuto de ce lien
http://css.alsacreations.com/xmedia/exemples/deroulant/menu-vertical.htm
ce qui m'embete c'est que je voudrai une couleur par menu+sous menu.
Exemple
Menu 1 + sous menu 1.1 + sous menu 1.2 -> fond rouge (et rose au survol)
Menu 2 + sous menu 2.1 + sous menu 2.2 -> fond vert(et vert clair au survol)
Comment puis je faire en gardant leur logique de construction ? |
|
| |
|
Woofy
Pour les bons tuyaux me demander
Messages : 26 215
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
|
|
|
Posté le 18 juillet 2007 - 17 h 21 m 11 s |
|
|
A tester
Exemple :
1. <dt id="menu2" onclick="javascript:montre('smenu2');">Menu 2</dt>
2. <dd id="smenu2">
3. <ul>
4. <li><a href="#">Sous-Menu 2.1</a></li>
5. <li><a href="#">Sous-Menu 2.2</a></li>
6.
7. <li><a href="#">Sous-Menu 2.3</a></li>
8. </ul>
9. </dd>
10.
et dans la CSS tu vire le background de "dl#menu dt" et tu met :
1. dt#menu2 {
2. background: #F00;
3. }
4.
5. dd#smenu2 {
6. background: #FF5555;
7. }
ou quelque chose dans le genre. Et tu en fait un par menu et sous menu. |
|
| |
Totalement inutile, donc completement indispensable
|
ze.bassman
Messages : 781
Inscrit le 14/10/02
Ville : grenoble
Non connecté
|
|
|
Posté le 19 juillet 2007 - 13 h 30 m 28 s |
|
|
nickel woofy !
ça fonctionne.
Rest plus qu'a solutionner mes onfos bulles au survol de chaque sous menu.... |
|
| |
|
grabber
Coordinateur
MacBook Pro 2,4 Powered
Messages : 8 556
Inscrit le 06/03/02
Ville : Angers
Non connecté
|
|
|
Posté le 19 juillet 2007 - 15 h 06 m 46 s |
|
|
pour les infobulles, je te conseille overLib |
|
| |
|
Woofy
Pour les bons tuyaux me demander
Messages : 26 215
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
|
|
|
Posté le 19 juillet 2007 - 15 h 12 m 00 s |
|
|
Nan j'ai fait un truc en CSS qui marche du premier coup et sans vérifier ?
Grabber grabber, pince moi !
J'suis une quiche en CSS  |
|
| |
Totalement inutile, donc completement indispensable
|
ze.bassman
Messages : 781
Inscrit le 14/10/02
Ville : grenoble
Non connecté
|
|
|
Posté le 19 juillet 2007 - 15 h 47 m 38 s |
|
|
yes. ça a l'air pas mal overlib.
Je vais essayer ça !
wqoffy, si t'es une quiche en css alors moi, je suis un copeau de parmesan.... |
|
| |
|
grabber
Coordinateur
MacBook Pro 2,4 Powered
Messages : 8 556
Inscrit le 06/03/02
Ville : Angers
Non connecté
|
|
|
| |
|
grabber
Coordinateur
MacBook Pro 2,4 Powered
Messages : 8 556
Inscrit le 06/03/02
Ville : Angers
Non connecté
|
|
|
Posté le 19 juillet 2007 - 16 h 28 m 23 s |
|
|
Le 19 juillet 2007 - 15 h 47, ze.bassman a écrit :
yes. ça a l'air pas mal overlib.
Je vais essayer ça !
wqoffy, si t'es une quiche en css alors moi, je suis un copeau de parmesan....
|
yes, overLib top, j'utilise que ca moi, apres avoir teste X milliers de solutions, on peut tout faire avec ce truc, meme remplacer des iframes, ca marche vraiment trop bien.
regardes aussi du cote des plugins, ya des trucs sympa, genre le plugin exclusive, qui te permet que les evenements ne s'entrecroisent pas, genre quand tu as une bulle persistente affichee et que tu ne veux pas qu'elle soit effacee si par exemple tu passes sur un lien qui declenche une nouvelle bulle |
|
| |
|
