Fork me on GitHub






misterd
Mon menu
#1
Régulier
Inscrit: 21/03/2006 13:51
Messages: 304
Salute tutti, ^^

Voilà, cette fois ci je me suis decider, et je garde ce theme, avec l'autre mon tableau, bloc ect... foirait

==> http://www.1000gscore.com

Donc maintenant sur le theme, j'aimerais faire un beau p'tit menu, (dejà le centré, car la il est collé a gauche :s)

Et si possible quand on passe sur les lettre qu'elles fassent un effet de zoom...

Est ce que je dois vous collé le bout de code de mon css pour ça ?

Posté le : 29/07/2009 12:09
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fireblade
Re: Mon menu
#2
Semi pro
Inscrit: 18/12/2005 13:29
De Rebstein - Suisse
Messages: 517
Salut misterd.

Citation :
dejà le centré, car la il est collé a gauche


Pour ça, tu devrais regarder dans style.css pour le "top-menu" si tu as une instruction float left ou float right.
Comme float center n'existe pas en css, tu peux essayer de modifier ou créer une nouvelle instruction avec ce code :

/* menu multi */  
#xo-menucss{margin-left: auto; margin-right: auto;  width: 960px; text-align: left;  }  
/*Fin  menu multi */


Il faudra adapter width à ton menu et appeler l'instruction (en l'occurence xo-menucss) depuis theme.html via une div.

C'est pas si simple que ça. Il faudra tester !! (sans oublier d'activer l'actualisation des thèmes et templates dans les préférences générales de xoops).

Citation :
Et si possible quand on passe sur les lettre qu'elles fassent un effet de zoom...


Pour ça, tu devrais voir les multi-menus qui existent pour xoops. Voici le site de démo de marcetmaud. Ce qui t'intéresse devrait être le morphodock. Pour télécharger les menus, c'est sur le site de xoopsland. Avec un de ces menus, tu risque de faire d'une pierre deux coups : centré et effet de zoom.

Pour terminer, je te signale juste que les articles qui contiennent ton tableau "Beaux-arts" ne passent pas en résolution 1024. C'est dommage car beaucoup de netbooks sont en 1024x600. Alors, si tu veux tester les résolutions d'écran (et plein d'autres choses), installe l'extension Web Developer pour Firefox.

Je te souhaite bon courage.
Cordialement.
Raymond.

Posté le : 29/07/2009 18:48
Partager Twitter Partagez cette article sur GG+
Rapport Haut
misterd
Re: Mon menu
#3
Régulier
Inscrit: 21/03/2006 13:51
Messages: 304
Voici le css de mon menu, j'avoue ne pas y comprendre grand chose a ton explication :s si tu pouvais m'eclairer via le code stp, merci d'avance ^^

/* Menu */
#top-menu {
    width: 1000px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    background: url(../img/top-menu.jpg) left repeat-x;
    border:1px solid #cccaca;
}

*html #top-menu {
    margin: 0 auto 5px auto;
}

*+html #top-menu {
    margin: 0 auto 5px auto;
}

#menu{
    float: left;
    }

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 30px;
}
#menu li {
    float: left;
    
}
#menu a {
    display: block;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border: none;
}
#menu a:hover, #menu .current_page_item a {color: #ff7e16;}

#menu a:hover {text-decoration: underline;}


#slogan-header{
    width: 821px;
    height: 199px;
    background: url(../img/slogan-header.jpg) no-repeat top;
    border:1px solid #cccaca;
    }

#xo-canvas {
      width: 1002px;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
}
*html #xo-canvas {width: 1002px;}
*+html #xo-canvas {width: 1002px;}

#xo-canvas-content {
    padding-top: 5px;
    margin:0px;
}


#xo-page {
    width: 100%;
}


/* hypertext links */
a {
    text-decoration: none;
    border: none;
    color: #0079AC;
}
a:hover {
    background: none;
}

Posté le : 29/07/2009 21:09
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fireblade
Re: Mon menu
#4
Semi pro
Inscrit: 18/12/2005 13:29
De Rebstein - Suisse
Messages: 517
Dans "#menu" tu as "float left".

Essaie de mettre à la place de float left ceci:

margin-left: auto; margin-right: auto;  width: 960px; text-align: left;

entre les crochets.

Vu que la largeur du menu est de 1000, width à 960 devrait suffire. Sinon, tu peux diminuer la largeur.

NB : fais une sauvegarde de ton fichier avant car je ne suis sûr de rien !

A+

Posté le : 29/07/2009 21:29
Partager Twitter Partagez cette article sur GG+
Rapport Haut
misterd
Re: Mon menu
#5
Régulier
Inscrit: 21/03/2006 13:51
Messages: 304
J'ai mis a 745 ^^ ça à l'air de passer... bon je suis pas sur que ce soit centrer bien bien, mi si je diminue ça sauyte une ligne ^^

Sinon sur cet article = http://www.1000gscore.com/modules/news/article.php?storyid=11 ça passe en 1024x600 ? peux tu me aire un screen stp ?
Tu sais ce qu'il faut faire pour que ça soit nikel ?

le code du tableau =

<p style="text-align: left;">&nbsp;</p><hr /><p>&nbsp;</p><p>&nbsp;</p><table border="1" cellpadding="1" cellspacing="1" style="text-align: left; width: 600px;"><tbody><tr align="center" valign="middle"><td align="center" rowspan="2" scope="col" style="width: 64px; height: 64px; border: #66cc00 1px solid;" valign="middle"><img alt="dash" height="64" src="http://www.1000gscore.com/uploads/img4a7006991482b.jpg" title="dash" width="64" /></td><th align="left" colspan="2" style="background-color: #ffffff; width: 500px; height: 32px; border: #66cc00 1px solid;" valign="middle"><strong>bl bla bla bla j&nbsp; uryyru yu ru ryu ru ru ryu yu y uy uyh</strong></th><th align="center" scope="row" style="width: 60px; height: 32px; border: #669900 1px solid;" valign="middle">200 <img border="0" height="12" src="http://www.1000gscore.com/uploads/fckeditor/image/g_icon.gif" width="13" /></th></tr><tr align="center" valign="middle"><td align="left" class="comTitle" colspan="3" style="background-color: #b6fda4; width: 564px; height: 28px; border: #669900 1px solid;" valign="middle">Essai essai Essai essai Essai essai Essai essai EE t t h t t t tt&nbsp; t f rf r yr r r r&nbsp; r r ry ry ry</td></tr></tbody></table><p>&nbsp;</p><table border="1" cellpadding="1" cellspacing="1" style="text-align: left; width: 600px;"><tbody></tbody></table><p>&nbsp;</p><table border="1" cellpadding="1" cellspacing="1" style="text-align: left; width: 600px;"><tbody></tbody></table><p><table border="1" cellpadding="1" cellspacing="1" style="text-align: left; width: 600px;"></table></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">peznec etgz' tyh zt ty e(y eioy ioegy oeui ytoety oeity oierty oierty oiryt orty oeirty oeirty ozreiuty oiurty ozirty oziyt zrito yto zr yt&ccedil;"_ yotyozryt ozrt</p>

Posté le : 29/07/2009 22:11
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fireblade
Re: Mon menu
#6
Semi pro
Inscrit: 18/12/2005 13:29
De Rebstein - Suisse
Messages: 517
Bon, je ne sais pas comment joindre une capture d'écran à un post. Tant pis.

Mais essaie de voir ton article "A la Croisée des Mondes : La Boussole d'Or" en 1024x600. Tu constateras que la colonne de droite est partiellement coupée.

Peux-tu afficher le code du tableau de l'article 7 afin que l'on puisse comparer les deux (storyid=11 qui est correct et storyid=7 qui est trop large). Il doit y avoir une width qui n'est pas identique ou une image trop large.

A+

Posté le : 29/07/2009 22:33
Partager Twitter Partagez cette article sur GG+
Rapport Haut
misterd
Re: Mon menu
#7
Régulier
Inscrit: 21/03/2006 13:51
Messages: 304
PS = est ce que cette page s'affiche nikel = http://www.1000gscore.com/modules/news/article.php?storyid=14


storyid=7 =

<table border="2" cellpadding="0" cellspacing="4" style="width: 640px;"><tbody><tr><td rowspan="2" style="width: 64px; background-color: #e7e7e7; border: #74b403 1px solid;" valign="top"><div align="center"><img alt="Succ&egrave;s - Beaux-arts" height="64" src="img/2107091641.jpg" width="64" /></div></td><th align="left" style="width: 431px; background-color: #000000; border: #74b403 1px solid;" valign="middle"><strong>Beaux-arts</strong></th><th align="center" style="width: 80px; background-color: #000000; border: #74b403 1px solid;" valign="middle"><div align="center"><strong>30</strong> <img alt="G" src="img/g_icon.gif" /></div></th></tr><tr><td colspan="2" style="background-color: #4e514f; border: #74b403 1px solid;" valign="top">Terminez Mus&eacute;e d'Art de Washington.</td></tr></tbody></table>


storyid=11 =

<p style="text-align: left;">&nbsp;</p><hr /><p>&nbsp;</p><p>&nbsp;</p><table border="1" cellpadding="1" cellspacing="1" style="width: 600px; text-align: left;"><tbody><tr align="center" valign="middle"><td align="center" nowrap="nowrap" rowspan="2" scope="col" style="width: 64px; height: 64px; border: #66cc00 1px solid;" valign="middle"><img alt="dash" height="64" src="http://www.1000gscore.com/uploads/img4a7006991482b.jpg" title="dash" width="64" /></td><th align="left" colspan="2" style="width: 500px; height: 32px; background-color: #ffffff; border: #66cc00 1px solid;" valign="middle"><strong>bl bla bla bla j&nbsp; uryyru yu ru ryu ru ru ryu yu y uy uyh</strong></th><th align="center" scope="row" style="width: 60px; height: 32px; border: #669900 1px solid;" valign="middle">200 <img border="0" height="12" src="http://www.1000gscore.com/uploads/fckeditor/image/g_icon.gif" width="13" /></th></tr><tr align="center" valign="middle"><td align="left" class="comTitle" colspan="3" style="width: 564px; height: 28px; background-color: #b6fda4; border: #669900 1px solid;" valign="middle">Essai essai Essai essai Essai essai Essai essai EE t t h t t t tt&nbsp; t f rf r yr r r r&nbsp; r r ry ry ry</td></tr></tbody></table><p>&nbsp;</p><table border="1" cellpadding="1" cellspacing="1" style="width: 600px; text-align: left;"><tbody></tbody></table><p>&nbsp;</p><table border="1" cellpadding="1" cellspacing="1" style="width: 600px; text-align: left;"><tbody></tbody></table><p><table border="1" cellpadding="1" cellspacing="1" style="width: 600px; text-align: left;"></table></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">peznec etgz' tyh zt ty e(y eioy ioegy oeui ytoety oeity oierty oierty oiryt orty oeirty oeirty ozreiuty oiurty ozirty oziyt zrito yto zr yt&ccedil;"_ yotyozryt ozrt</p>





Merci ^^

Posté le : 30/07/2009 10:35
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fireblade
Re: Mon menu
#8
Semi pro
Inscrit: 18/12/2005 13:29
De Rebstein - Suisse
Messages: 517
Salut.

Je ne suis pas spécialiste et j'ai un peu de peine à comprendre tous ces codes . As-tu essayé de mettre 600 au lieu des 640 dans le code du storyid=7 ?

Juste pour info : avec tes articles trop larges, le bloc recherche va plus loin que le bord de ton logo. C'est visible avec des résolutions supérieure à 1024.

Cordialement.
Raymond.

Posté le : 30/07/2009 18:22
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

385 Personne(s) en ligne (318 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 385 | Plus ...