Critiques sur mon site

sanghoria · #21 05-12-2008 10:58:25

Merci pour toutes vos critiques qui vont m'aider assurément !!
Flow, je vais voir ce que Wamp permet de faire... sinon je vais repotasser mes divs ! C'est encore le mieux à faire
Je reviendrais par là quand tout sera modifié, j'en ai pour un moment lol, je vous rappelle que je suis encore novice en la matière

flow · #22 05-12-2008 22:02:10

ba en fait avec wamp tu peux utiliser le php sur ton pc comme easyphp ,vu que c est l extention de tes pages .
Comme ca tu peux continuer a faire mumuse avec tes includes et travailler tes css ^^
Il y a pleins de tutos sur la toile pour l utiliser mais si t as une tuile poste ici (pareil pour le css si on peut te filer un coup de main )

++

sanghoria · #23 09-12-2008 15:45:55

Merci Flow, je n'y manquerai pas

HimSelf · #24 09-12-2008 16:21:42

sur l'annuaire, tu peux commencer également par virer tout ceci :

header a écrit:
Formation au référencement | Référencement | Annuaire et trafic
Forum Utilisable | Affiliation Utilisable | European Directory

footer a écrit:
Crédits - Référencement - Devis référencement

ça fera 9 liens sortants en moins sur toutes tes pages... de quoi souffler un peux

sanghoria · #25 09-12-2008 16:49:37

Exact, tu as raison Je vais virer tout ça.

sanghoria · #26 12-12-2008 11:51:54

Bon voilà, je viens de finir mon nouveau menu
Je rencontre cependant un souci, si un spécialiste JS passe par là, j'en profite pour poser ma question :

- j'aimerais que le menu se déroule moins vite, je trouve gênant qu'il se déroule au passage de la souris, ou ce serait peut-être même mieux qu'il faille un clic pour accéder au menu. Je me demande ce qui serait le mieux.

Je vous mets ici mes fichiers :

functions.js

Code:

var timer = null;
var objOut = null;
 
function mouseOut(obj)
{
   var elmt = document.getElementById(obj.id+"Item");
   elmt.style.display = "none";
   
   document.getElementById(obj.id+"Titre").className="titreMenu itemOut";
 
   //instruction a placer a la fin de la fonction
   timer = null;
}
 
function fout(obj)
{
   objOut = obj;
   if (timer==null)
   {
      timer = setTimeout("mouseOut(objOut)","1000");
   }
}
 
 
function fover(obj)
{
   var elmt;
   clearTimeout(timer);
   timer = null;
 
   elmt = document.getElementById(obj.id+"Item");
   elmt.style.display = "block";
 
   document.getElementById(obj.id+"Titre").className="titreMenu itemTitreOver";
 
   if (objOut!=obj && objOut!=null)
   {
      mouseOut(objOut);
   }
}

entete.php

Code:

<script type="Text/JavaScript"><!----
function favoris() { 
if ( navigator.appName != "Microsoft Internet Explorer" ) 
    { window.sidebar.addPanel("Portail Animaux et Nature","http://www.annuaire-animaux.net/portail-animalier.php",""); } 
else    { window.external.AddFavorite("http://www.annuaire-animaux.net/portail-animalier.php","Portail Animaux et Nature"); }    } 
//----> </script>
<!-- Debut code HTML du menu -->
<!-- Debut Menu 1 -->
<div class="menu" id="Menu1" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu1Titre">&nbsp;&nbsp;ACCUEIL&nbsp;&nbsp;</div> 
  <div class="contenuMenu" id="Menu1Item">
      <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net" target="_blank" title="Annuaire Animaux et Nature" class="lienMenu">--&gt; Annuaire Animaux &amp; Nature</a></div>
      <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.animaux-nature.eu" title="Portail des Animaux et de la Nature" class="lienMenu">--&gt; Portail Animaux &amp; Nature</a></div>
      <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.root-top.com/topsite/sanghoria/in.php?ID=1" target="_blank" title="Top-site Animaux et Nature" class="lienMenu">--&gt; Top-sites animalier</a></div>
  </div>
</div>
<!-- Fin Menu 1 -->
<!-- Debut Menu 2 -->
<div class="menu" id="Menu2" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu2Titre">&nbsp;&nbsp;NOS BOUTIQUES&nbsp;&nbsp;</div>
  <div class="contenuMenu" id="Menu2Item">
    <div class="itemTitre">TOUT POUR VOS ANIMAUX :</div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-animaleries.php" title="Animaleries, Boutiques Animaux en ligne" class="lienMenu">--&gt; Animaleries en ligne</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/assurances-animaux.php" title="Assurances sante Animaux" class="lienMenu">--&gt; Assurances sant&eacute;</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/t-shirts-chiens.php" title="Boutique T-shirts pour chiens" class="lienMenu">--&gt; T-shirts pour Chiens</a></div>
    <div class="itemTitre">TOUT POUR LES MAITRES :</div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/dvd-animaux.php" title="DVD Animaux et Nature" class="lienMenu">--&gt; DVD Animaux &amp; Nature</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/livres-animaux.php" title="Livres sur les Animaux et la Nature" class="lienMenu">--&gt; Librairie en ligne</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-magazines-animaux.php" title="Magazines sur les Animaux" class="lienMenu">--&gt; Magazines - Presse</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/t-shirts-animaux.php" title="T-shirts Animaux" class="lienMenu">--&gt; T-shirts originaux Animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-boutiques-animaux.php" title="Boutiques cadeaux Animaux" class="lienMenu">--&gt; Boutiques Id&eacute;es Cadeaux</a></div>
  </div>
</div>
<!-- Fin Menu 2 -->
<!-- Debut Menu 3 -->
<div class="menu" id="Menu3" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu3Titre">&nbsp;&nbsp;IDEES CADEAUX &amp; DECO&nbsp;&nbsp;</div> 
  <div class="contenuMenu" id="Menu3Item">
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/dvd-animaux.php" title="DVD Animaux et Nature" class="lienMenu">--&gt; DVD Animaux &amp; Nature</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/livres-animaux.php" title="Livres sur les Animaux et la Nature" class="lienMenu">--&gt; Livres Animaux &amp; Nature</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/cadeaux-mugs.php" title="Mugs, tasses Animaux" class="lienMenu">--&gt; Mugs (tasses) Animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/posters.php" title="Posters Animaux et Paysages Nature" class="lienMenu">--&gt; Posters Animaux &amp; Nature</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/stickers-deco.php" title="Stickers muraux, deco Animaux" class="lienMenu">--&gt; Stickers muraux - Id&eacute;es d&eacute;co</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/t-shirts-animaux.php" title="T-shirts Animaux" class="lienMenu">--&gt; T-shirts originaux Animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/t-shirts-chiens.php" title="T-shirts pour Chiens" class="lienMenu">--&gt; T-shirts pour Chiens</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-boutiques-animaux.php" title="Boutiques cadeaux Animaux" class="lienMenu">--&gt; Autres Boutiques...</a></div>
  </div>
</div>
<!-- Fin Menu 3 -->
<!-- Debut Menu 4 -->
<div class="menu" id="Menu4" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu4Titre">&nbsp;&nbsp;DIVERTISSEMENTS&nbsp;&nbsp;</div> 
  <div class="contenuMenu" id="Menu4Item">
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/cartes-postales-virtuelles.php" title="Envoyez des Cartes postales Animaux et Nature" class="lienMenu">--&gt; Envoyez des Cartes postales en ligne</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/cartes-virtuelles-animees.php" title="Cartes virtuelles animées et musicales" class="lienMenu">--&gt; Cartes virtuelles anim&eacute;es et musicales</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/jeux-concours.php" title="Jeux-concours Animaux et Nature" class="lienMenu">--&gt; JEUX-CONCOURS &quot;Animaux &amp; Nature&quot;</a></div>
    <div class="itemTitre">A TELECHARGER :</div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/blinkies.php" title="Blinkiers, images animées Animaux" class="lienMenu">--&gt; Blinkies Animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/emoticons.php" title="Emoticons Animaux" class="lienMenu">--&gt; Emoticons (Smileys) Animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/fonds-ecran.php" title="Fonds d'ecran Animaux et Paysages Nature" class="lienMenu">--&gt; Fonds d'&eacute;cran pour votre PC</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/images-gif-animaux.php" title="Images gif animées Animaux à télécharger gratuitement" class="lienMenu">--&gt; Images gif anim&eacute;es Animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/animaux-portable.php" title="Logos, sonneries, vidéos... Animaux pour votre téléphone Portable" class="lienMenu">--&gt; Logos, Sonneries pour votre Portable</a></div>
    <div class="itemTitre">NOS JEUX EN LIGNE :</div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/jeux-animaux-virtuels.php" title="Jeux d'animaux virtuels" class="lienMenu">--&gt; Animaux virtuels</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/puzzles-animaux.php" title="Jeux Puzzles sur les Animaux" class="lienMenu">--&gt; Puzzles Animaux &amp; Nature</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/quizz-animaux.php" title="Jeux Quizz sur les Animaux" class="lienMenu">--&gt; Quizz sur les animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/jeux-portable.php" title="Jeux d'Animaux pour votre téléphone Portable" class="lienMenu">--&gt; Jeux pour votre Portable</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/jeux-animaux.php" title="Autres jeux en flash Animaux" class="lienMenu">--&gt; Autres Jeux en flash</a></div>
  </div>
</div>
<!-- Fin Menu 4 -->
<!-- Debut Menu 5 -->
<div class="menu" id="Menu5" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu5Titre">&nbsp;&nbsp;PETITES ANNONCES&nbsp;&nbsp;</div> 
  <div class="contenuMenu" id="Menu5Item">
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/annonces.php" title="Accueil Petites Annonces Animaux" class="lienMenu">--&gt; Accueil - Petites Annonces Animaux</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/petites-annonces.php" title="Passez une petite annonce gratuite Animaux" class="lienMenu">--&gt; Passez une annonce gratuite</a></div>
<div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/annonces-animaux.php" title="Consultez nos petites annonces Animaux" class="lienMenu">--&gt; Consultez les annonces</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/annonces-mixad.php" title="Passez une petite annonce payante" class="lienMenu">--&gt; Petites annonces payantes</a></div>
  </div>
</div>
<!-- Fin Menu 5 -->
<!-- Debut Menu 6 -->
<div class="menu" id="Menu6" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu6Titre" title="Boutiques Produits bio, Jardin, Maison, Sport, Vacances...">&nbsp;&nbsp;AUTRES BOUTIQUES&nbsp;&nbsp;</div> 
  <div class="contenuMenu" id="Menu6Item">
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-jardin.php" title="Boutiques discount Fleurs et Jardin" class="lienMenu">--&gt; Jardinerie - Fleurs</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-maison.php" title="Boutiques discount Maison et Bricolage" class="lienMenu">--&gt; Maison - Bricolage</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-produits-bio.php" title="Boutiques discount Produits bio et ecolo" class="lienMenu">--&gt; Produits bio &amp; &eacute;cologiques</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-sport.php" title="Boutiques discount Sport et Loisirs de plein-air" class="lienMenu">--&gt; Sport - Loisirs de plein air</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/reductions-vacances.php" title="Boutiques discount Voyages et vacances" class="lienMenu">--&gt; Voyages - Vacances</a></div>
  </div>
</div>
<!-- Fin Menu 6 -->
<!-- Debut Menu 7 -->
<div class="menu" id="Menu7" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu7Titre" title="Tous les partenaires de notre site">&nbsp;&nbsp;PARTENAIRES&nbsp;&nbsp;</div>  <div class="contenuMenu" id="Menu7Item">
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://voitures-ecologiques.blogasin.com" target="_blank" title="Boutique discount Voitures ecolos" class="lienMenu">--&gt; A la recherche d'un véhicule plus écolo ?</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.bons-de-reductions.eu" target="_blank" title="Bons de reductions pour vos achats en ligne" class="lienMenu">--&gt; Bons de r&eacute;duction pour vos achats en ligne</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://nos-amis-les-chats.zlio.com" target="_blank" title="Boutique Cat's Lovers" class="lienMenu">--&gt; Boutique pour les Amoureux des Chats !</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.jewellinks.fr" target="_blank" title="Jewel Links" class="lienMenu">--&gt; Jewel Links : le meilleur du web f&eacute;minin</a></div>
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/partenaires.php" target="_blank" title="Partenaires du site" class="lienMenu">--&gt; Autres partenaires</a></div>
  </div>
</div>
<!-- Fin Menu 7 -->
<!-- Debut Menu 8 -->
<div class="menu" id="Menu8" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreMenu itemOut" id="Menu8Titre">&nbsp;&nbsp;RECHERCHE&nbsp;&nbsp;</div> 
  <div class="contenuMenu" id="Menu8Item">
    <div class="itemContenu" onmouseout="this.className='itemContenu'" onmouseover="this.className='itemOver'"><a href="http://www.annuaire-animaux.net/recherches.php" title="Faire une Recherche sur le site" class="lienMenu">--&gt; Faire une recherche</a></div>
  </div>
</div>
<!-- Fin Menu 8 -->
<!-- Debut Menu 9 -->
<div class="menu" id="Menu9" onmouseout="fout(this)" onmouseover="fover(this)">
  <div class="titreLastMenu itemOut" id="Menu9Titre"><a href="javascript:void(favoris());" title="Ajoutez ce site dans vos favoris !">&nbsp;+ Favoris</a></div>
</div>
<!-- Fin Menu 9 -->
<div></div>
<hr class="crlf" />
<!-- Fin code HTML du menu -->

Quelqu'un peut m'aider ? (Je suis nulle en JS...)
Merci par avance !!

HimSelf · #27 12-12-2008 14:26:51

je suis nul en js également,

mais en toute logique je dirais : remplace les onmouseover par des onclick

sanghoria · #28 12-12-2008 14:41:18

Merci Him
Bon, après avoir testé, je n'aime pas trop au click.
Après réflexion, j'aimerais juste que le menu reste moins longtemps à l'écran après que l'on soit passé dessus. Comme les menus de ce forum par exemple.
Une idée ?
Flow, serais-tu un spécialiste JS ?

HimSelf · #29 12-12-2008 16:14:43

timer = setTimeout("mouseOut(objOut)","1000");

->

timer = setTimeout("mouseOut(objOut)","500");

sanghoria · #30 12-12-2008 16:37:01

Merci Him Ca marche !

Critiques sur mon site

#21 05-12-2008 10:58:25

#22 05-12-2008 22:02:10

#23 09-12-2008 15:45:55

#24 09-12-2008 16:21:42

header a écrit:

footer a écrit:

#25 09-12-2008 16:49:37

#26 12-12-2008 11:51:54

Code:

Code:

#27 12-12-2008 14:26:51

#28 12-12-2008 14:41:18

#29 12-12-2008 16:14:43

#30 12-12-2008 16:37:01

Pied de page des forums