Créer un compte
Connexion

menu vertical et horizontal

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
bruno
05/07/2010 à 21:17:37
bruno
Membre
bonjour à tous j'ai vu tous le soutient que vous m'avez apporter .je vous remerci grandiosement. Mais mon
souci persiste; etant donné que les menu en ligne de ce site ont toujour besoin d'une connexion pour fonctionner
Je suis un peu dépasser .Existe-il des logiciel gratuit pour faire des beaux menus qui fonctionne sans internet???vous savez
en afrique(CAMEROUN) la connexion n'est pas facile à avoir. aider moi avec un logiciel gratuit pour faire mes beaux menus
ou Mème des tuto photoshop. je suis tous Débutant merci!!!!!!!!!A la prochaine

Spitfire 95
06-07-2010 à 09:33:30
Spitfire 95
Membre
Je vais te donner le code de mon propre menu. Le résultat que tu auras est ici : http://free-apps.evoconcept.net. Tu peux bien sûr changer les couleurs, mettre des images de fond, etc...
Mais même si le menu s'affichera hors connexion, il te faudra faire des liens différents de ceux de la page on-line, car tes liens offline devront mener vers des fichiers de ton disque dur. Par exemple file:////home/toto/site-web/index.htm si tu est sous Linux sans serveur web installé (Mac doit se comporter un peu pareil puisque c'est UNIX), file:///c:\Documents-and-Settings\toto\site-web\index.htm sous Windows (ou quelque chose qui ressemble à ça). Et si tu n'as pas installé de serveur web (Apache par exemple), avec PHP, tu ne pourras pas visualiser en local tes pages PHP.
CSS :
<style type="text/css">
.barre {float:left;background:#0c79f4;padding:7px 0px 7px 0px;}
.barre a {color:#ffffff;font-size:22px;font-weight:bold;text-decoration:none;}
.barre a:hover {color:#ffffff;text-decoration:none;}
 
.links{display:none;margin-bottom:-6px;}
.barre:hover .links{display:block;position:relative;z-index:1;}
.links a{color:#000000;font-size:16px;text-decoration:none;}
.links a:hover{color:#000000;text-decoration:none;}
</style>

HTML :
<div style="margin:auto;width:780px;">
                <div class="barre" style="width:140px;border-radius:20px 0px 0px 20px;"><a href="/index.php">ACCUEIL</a></div>
 
                <div class="barre" style="width:160px;"><a href="/logiciels/">Catégorie 1</a>
                        <div class="links"><table style="border:0px;width:160px;">
                                <tr bgcolor="#0c79f4" onmouseover="this.style.background='#33ccff';" onmouseout="this.style.background='#0c79f4';"><td align="center"><a href="/chemin/du/lien#1">Lien n°1</a></td></tr>
                        </table></div>
                </div>
 
                <div class="barre" style="width:130px;"><a href="/web/">Catégorie 2</a>
                        <div class="links"><table style="border:0px;width:130px;">
                                <tr bgcolor="#0c79f4" onmouseover="this.style.background='#33ccff';" onmouseout="this.style.background='#0c79f4';"><td align="center"><a href="/chemin/du/lien#2">Lien n°2</a></td></tr>
                        </table></div>
                </div>
 
                <div class="barre" style="width:190px;"><a href="#">Catégorie 3</a>
                        <div class="links"><table style="border:0px;width:190px;">
                                <tr bgcolor="#0c79f4" onmouseover="this.style.background='#33ccff';" onmouseout="this.style.background='#0c79f4';"><td align="center"><a href="/lien/numero3">Lien 3</a></td></tr>
                                <tr bgcolor="#0c79f4" onmouseover="this.style.background='#33ccff';" onmouseout="this.style.background='#0c79f4';"><td align="center"><a href="/lien/numero4">Lien 4</a></td></tr>
                                <tr bgcolor="#0c79f4" onmouseover="this.style.background='#33ccff';" onmouseout="this.style.background='#0c79f4';"><td align="center"><a href="/lien/numero5">Lien 5</a></td></tr>
                        </table></div>
                </div>
                <div class="barre" style="width:160px;border-radius:0px 20px 20px 0px;"><a href="/contact.php">CONTACT</a></div>
        </div>

Cordialement.

bruno
06/07/2010 à 10:40:13
bruno
Membre
Grand Merci SPITFIRE je vais éssayé. est ce que ça marche sur IE6 et antérieur

Spitfire 95
06/07/2010 à 11:17:36
Spitfire 95
Membre
Plus ou moins. Le menu devrait marcher, mais les angles arrondis (style="width:140px;border-radius:20px 0px 0px 20px;") ne fonctionneront pas sur Firefox, IE et probablement d'autres navigateurs. Si tu veux les angles arrondis sur tous (ou presque) les navigateurs, il faudra ajouter -moz-border-radius:20px 0px 0px 20px:-webkit-bordeer-radius:20px 0px 0px 20px;-khtml-border-radius:20px 0px 0px 20px; et pareil en inversant les valeur pour l'autre côté. (je ne suis pas sur que ce soit necessaire pour KHTML et Webkit (Chrome utilise Webkit et n'en a pas besoin).
Pour les navigateurs très anciens ou en mode texte (e.g. : Lynx), ou ne gérant pas le CSS (e.g. : Links2), le menu ne sera pas déroulant, mais les liens s'afficheront en dessous de la barre de menu.

Cordialement.

bruno
10/07/2010 à 11:41:56
bruno
Membre
MERCI !!!! je parlail plustot des menus dégradés

Spitfire 95
13/07/2010 à 17:43:32
Spitfire 95
Membre
Dans ce cas, il faut créer une image dégradée sur un logiciel d'imagerie comme GIMP ou Photoshop (Paint ou Photophiltre devraient suffire). Ensuite, remplace le code CSS que je t'ai donné par celui-là :
<style type="text/css"'lien/vers/ton/image.png'
Conseil : l'image peut avoir une largeur de 1px pour une hauteur de 10px pour accélérer le chargement des pages.

Cordialement.

PS: Je ne pourrais plus t'aider pendant une semaine et demi, car je suis en vacances sans accès internet.

Spitfire 95
13/07/2010 à 17:47:23
Spitfire 95
Membre
Le code CSS de mon message précédent est incomplet, et j'ai ce message dans la fenêtre d'édition :
<br />
<b>Warning</b>: domxml_open_mem() [<a href='function.domxml-open-mem'>function.domxml-open-mem</a>]: expected '>'
in <b>/homepages/12/d237981410/htdocs/page/func_ht_to_yb.php</b> on line <b>180</b><br />
<br />
<b>Warning</b>: domxml_open_mem() [<a href='function.domxml-open-mem'>function.domxml-open-mem</a>]: Opening and ending tag mismatch: code line 3 and span
in <b>/homepages/12/d237981410/htdocs/page/func_ht_to_yb.php</b> on line <b>180</b><br />
<br />
<b>Warning</b>: domxml_open_mem() [<a href='function.domxml-open-mem'>function.domxml-open-mem</a>]: Opening and ending tag mismatch: ybcode line 1 and code
in <b>/homepages/12/d237981410/htdocs/page/func_ht_to_yb.php</b> on line <b>180</b><br />
<br />
<b>Warning</b>: domxml_open_mem() [<a href='function.domxml-open-mem'>function.domxml-open-mem</a>]: Extra content at the end of the document
in <b>/homepages/12/d237981410/htdocs/page/func_ht_to_yb.php</b> on line <b>180</b><br />
Une erreur s'est produite <strong>Veuillez signaler le bug dans le forum de bugs</strong><br /><strong>Si vous ne pouvez pas, </strong> contactez nous par le formulaire de contact.


ybouane
13/07/2010 à 19:01:51
ybouane
Admin
Bonjour,
le problème est réglé, désolé.

Cordialement :)

Image
bruno
13/07/2010 à 19:06:47
bruno
Membre
Grand Merci !!!!!!!!!!SPITFIRE bonne Vacances!! à la prochaine à qui est destiné
le message précédent en rouge. car je ne le reconnais pas

bruno
13/07/2010 à 19:16:47
bruno
Membre
je vais l'essaiyer plustot a la maison car je suis dans un cybercafè actuèlement

bruno
13/07/2010 à 19:21:26
bruno
Membre
bonsoir SPITFIRE95 n y a t-il pas une solution avec le java script ;ce serait que les images

bruno
13/07/2010 à 19:28:41
bruno
Membre
Merci pour le code il manquait le bouton d'envoi(<input type="text"name="envoyer">escusez moi je le reconnait maintenant!!!

ybouane
13-07-2010 à 23:55:47
ybouane
Admin
Bonjour,
Le message s'adressait à moi ;) , et la prochaine fois, utilise le bouton éditer (Image) en haut à droite des message à la place de créer 4 messages un après l'autre.

Sinon, pour mettre un dégradé, (Spitfire 95 a voulu te le dire mais il y a eu un problème dans l'envoi de son message) tu doit utiliser le code suivant:
.barre {float:left;background:url('degrade.png');padding:7px  0px 7px 0px;} degrade.png sera l'adresse de l'image de ton dégradé comme te l'a expliqué Spitfire 95.

Cordialement :)

Image
bruno
15/07/2010 à 21:58:25
bruno
Membre
bonjour J'aimerai savoir la différence entre ISSET et EMPTY

ybouane
15/07/2010 à 22:49:06
ybouane
Admin
Bonjours,
il aurait été préférable que tu crée un sujet dans le forum PHP/Mysql.
Sinon, il y a la documentation php:
http://fr.php.net/isset
http://fr.php.net/empty

Isset permet de déterminer si une variable existe.
Empty permet de déterminer si une variable est vide. Si la variable vaut 0 ou rien, alors elle est considérée comme vide.

Cordialement :)

Image
Pages: 1