| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Dompierre
Espacien
Arcade Trophee 110 
Inscrit le: 25 Avr 2005
Messages: 110
Localisation: Missillac
|
 Posté le: Lun Juin 22 2009 16:29 Sujet du message: Menu CSS |
|
|
Bonjour,
J'aimerais créer un menu CSS, de façon à n'avoir à modifier que ce menu afin que lorsque je change un lien de ce menu, celui-là soit changé sur toute les pages.
Je n'y arrive pas du tout, je bidouille depuis plusieurs semaines, mais rien à faire.
J'aimerais que cette mise en page, avec tout ce qu'elle comporte, soit active sur toute les pages de mon site :
http://www.fcnhisto.fr/menu.html
Comment dois-je m'y prendre ?
Merci pour vos conseils. 
_________________
www.fcnhisto.fr |
|
| Revenir en haut de page » |
|
 |
Lolosky
Space Admin
Arcade Trophee 27
Inscrit le: 23 Jan 2003
Messages: 6055
Localisation: Hyperespace
|
| Posté le: Lun Juin 22 2009 22:40 Sujet du message: |
|
|
Par exemple, le menu du Haut de notre site , est fait avec du css , le css est une feuille de style qui donne comme son nom l'indique le style et le menu est dans un javascript , j'avais utilisé sothink Menu pour le construire.
mais tu peux prendre une "menu builder" comme http://www.softcomplex.com/products/tigra_menu/ et il suffit ensuite de mettre les codes sur ta page pour afficher le menu. Il faut en mettre dans le header et dans le body . Apres il suffit de modifier simplement le javascript pour modifier sur toutes les pages.
Une fois ton menu créé je pense que tu auras les codes quelques parts, c'est en anglais mais ca a l'air simple.
Mais tu vas devoir modifier toutes tes pages , certains déconseillent le javascript qui peut bugguer sur certains navigateurs, sur notre site nous n'avons jamais eu de soucis recensés. Ensuite il a des méthodes plus simpl ene php mais il faut se lancer
_________________
 °°Maître des Dieux°°
[ Jeux Arcade ] [ Jeux Football] [ Jeux Voiture][ Jeux Sports] [ Jeux Casino]
[ Jeux Cartoons][ Jeux Yeti]
[ Jeux Arcade Score] [ Arcade Score 2 ] |
|
| Revenir en haut de page » |
|
|
Dompierre
Espacien
Arcade Trophee 110
Inscrit le: 25 Avr 2005
Messages: 110
Localisation: Missillac
|
| Posté le: Mar Juin 23 2009 2:30 Sujet du message: |
|
|
Merci Lolosky, mais je ne comprends pas l'anglais. J'ai beau me faire aider par les traducteurs en ligne, ça reste trop compliqué pour moi.
J'ai créé un menu html :
http://www.fcnhisto.fr/sansnom1.html
Est-ce que je peux me servir de ça pour l'intégrer à l'endroit que je souhaite ?
Si oui, comment dois-je m'y prendre ?
_________________
www.fcnhisto.fr |
|
| Revenir en haut de page » |
|
|
Lolosky
Space Admin
Arcade Trophee 27
Inscrit le: 23 Jan 2003
Messages: 6055
Localisation: Hyperespace
|
|
| Revenir en haut de page » |
|
|
Dompierre
Espacien
Arcade Trophee 110
Inscrit le: 25 Avr 2005
Messages: 110
Localisation: Missillac
|
| Posté le: Mar Juin 23 2009 22:52 Sujet du message: |
|
|
C'est avec ce lien que j'ai construit une partie du menu dont j'ai fourni le lien dans mon message précédent.
J'ai créé un fichier "menu.html".
J'ai utilisé ce code pour insérer ce fichier sur une page test :
<?php
include 'menu.html';
?>
J'ai écrit cette ligne dans le fichier ".htaccess" :
AddType application/x-httpd-php .html
Normalement ça devrait fonctionner, mais le fichier ".htaccess" bloque,, le site est inaccessible. J'ai une fenêtre qui s'ouvre avec
Citation: Ouverture de
qui est un fichier de type application/x-httpd-php
à partir de fcnhisto.fr
Que doit faire Firefox avec ce fichier ?
= ouvrier avec (parcourir)
= enregistrer le fichier
C'est pareil sous IE.
_________________
www.fcnhisto.fr |
|
| Revenir en haut de page » |
|
|
Lolosky
Space Admin
Arcade Trophee 27
Inscrit le: 23 Jan 2003
Messages: 6055
Localisation: Hyperespace
|
|
| Revenir en haut de page » |
|
|
Dompierre
Espacien
Arcade Trophee 110
Inscrit le: 25 Avr 2005
Messages: 110
Localisation: Missillac
|
| Posté le: Mer Juin 24 2009 1:01 Sujet du message: |
|
|
Oui, je les ai contactés en leur expliquant exactement ce que j'avais testé.
J'attends leur réponse.
C'est la solution qui me semble la plus simple, en espérant pouvoir la mettre en place.
Pour le CSS, je n'y comprends pas grand chose. Je suis pas loin pourtant, mais un truc m'échappe, entre ce qu'on doit mettre dans le fichier CSS et dans le fichier html et à quel endroit.
J'ai généré un code, mais je ne sais pas quoi en faire.
Si je le visualise dans le navigateur, c'est parfait, mais après, je mets ça où, sous quel appellation, ce que je doit mettre sur chaque page pour que le menu ressorte, je patauge :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free CSS Vertical Menu Designs at exploding-boy.com</title>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: none;
background: #006600;
}
h2 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0px;
padding: 0px 0px 0px 18px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
/*- Menu 3--------------------------- */
#menu3 {
width: 150px;
margin: 8px;
border-style: solid solid none solid;
border-color: #006600;
border-size: 0px;
border-width: 0px;
}
#menu3 li a {
height: 2px;
voice-family: "\"}\"";
voice-family: inherit;
height: 18px;
text-decoration: none;
}
#menu3 li a:link, #menu3 li a:visited {
color: #FFFF33;
display: block;
background: #006600;
padding: 2px 0 0 2px;
}
#menu3 li a:hover, #menu3 li #current {
color: #006600;
background: #FFFF33;
padding: 2px 0 0 2px;
}
-->
</style>
</head>
<body>
<h2>Saison 2009-10</h2>
<div id="menu3">
<ul>
<!-- CSS Tabs -->
<li><a href="calendrier.html">Calendrier Ligue 2</a></li>
<li><a href="classement.html">Classement Ligue 2</a></li>
<li><a href="cdfrance.html">Coupe de France</a></li>
<li><a href="cdligue.html">Coupe de la Ligue</a></li>
<li><a href="effectif.html">Effectif</a></li>
<li><a href="buteurs.html">Buteurs</a></li>
<li><a href="centrenews.html">Articles</a></li>
<li><a href="presse.html">Revue de Presse</a></li>
</ul>
</div>
</body>
</html>
_________________
www.fcnhisto.fr |
|
| Revenir en haut de page » |
|
|
Dompierre
Espacien
Arcade Trophee 110
Inscrit le: 25 Avr 2005
Messages: 110
Localisation: Missillac
|
| Posté le: Mer Juin 24 2009 10:22 Sujet du message: |
|
|
C'est bon Lolosky, j'ai trouvé ! 
En fait, J'ai fait un fichier html pour chaque menu, ensuite j'ai fait des fichiers .php dans lesquels j'ai mis l'include vers chaque fichier .html. et j'ai intégré le tout sur quelques pages pour l'instant.
Les pages index, accueil, partenaires et revue de presse sont faites.
Ça rend aussi bien sous IE que Firefox, génial !
Voilà ce que ça donne :
http://www.fcnhisto.fr/
  
J'suis content !
Maintenant va falloir refaire toutes les pages une bonne fois pour toute et ensuite ça sera de la rigolade. 
_________________
www.fcnhisto.fr |
|
| Revenir en haut de page » |
|
|
Lolosky
Space Admin
Arcade Trophee 27
Inscrit le: 23 Jan 2003
Messages: 6055
Localisation: Hyperespace
|
|
| Revenir en haut de page » |
|
|
Dompierre
Espacien
Arcade Trophee 110
Inscrit le: 25 Avr 2005
Messages: 110
Localisation: Missillac
|
|
| Revenir en haut de page » |
|
|
Lolosky
Space Admin
Arcade Trophee 27
Inscrit le: 23 Jan 2003
Messages: 6055
Localisation: Hyperespace
|
|
| Revenir en haut de page » |
|
|
|
|
|
