Recherche dans le forum:
Rechercher


« Voir le sujet précédent :: Voir le sujet suivant »  
Auteur Message
Message05/12/2008, 11 11 34 (UTC)    
Sujet du message: Le code march pas..

je suis entrain de modifier le design de mon sit. Pour commencer je voulais modifier le bouton de menu. j'ai heberger l'image sur un sit. Le probleme c'est que j'ai inserer le code mais ca marche pas. Je sais pas s'il y a une erreur dedans. Vous pouvez m'aider svp en le verifiant ???


<style type="text/css"> <!-- td.nav:hover{background-image:; background-repeat:no-repeat;} </style>


Merci
Yann
Message05/12/2008, 11 11 37 (UTC)    
Sujet du message:

Au lieu que le code s'affiche..ca met le bouton dedan..désolé..Je sai pa commen m'y prendre.
Message05/12/2008, 17 05 00 (UTC)    
Sujet du message:

Pour modifier le bouton voici le code:
Citation:

<style type="text/css">
<!--
td.nav{background-image:url(http://nsm01.casimages.com/img/2008/12/05//mini_081205121302486012837631.gif);}
--></style>



Bleu
= URL de ton bouton

Si tu veux que le bouton change au passage de la souris il te faut choisir un deuxième bouton et rajouter la ligne suivante dans ton code:

Citation:

<style type="text/css">
<!--
td.nav{background-image:url(http://nsm01.casimages.com/img/2008/12/05//mini_081205121302486012837631.gif);}
td.nav:hover{background-image:url(Url de l'image de bouton2);}
--></style>




Wink
______________

Visitez :
Message09/12/2008, 12 12 08 (UTC)    
Sujet du message:

Merci pour la reponse. Mais y a un probleme....Je vien de mettre le code tell que vous l'aviez di mais le bouton c'est doublé..en plus y a pas d'effet lors du passage de la sourie..c'est pas jolie a voir... y a ca tjrs quand meme. vous pouvez allez voir svp.
merci

Yann

Voici le code tell que je l'ai mis

<style type="text/css">
<!--
td.nav{background-image:url(http://nsm01.casimages.com/img/2008/12/05//mini_081205121302486012837631.gif);}
td.nav:hover{background-image:url(http://www.casimages.com/img.php?i=081205124759486012837674.gif;}
--></style>
Message09/12/2008, 12 12 52 (UTC)    
Sujet du message:

Le bouton c'est doublé,parce que il ne pas a la bonne taille.
La taille de bouton pour Iceblue: 185x33 pixel
Il n y a pas d'effet au passe de souris ,parce que il faut un deuxième bouton qu'il est différent du premier ,comme j'ai expliqué précédemment.
Insérez l'url du deuxième bouton dans la partie rouge du code:

Citation:

<style type="text/css">
<!--
td.nav{background-image:url(http://nsm01.casimages.com/img/2008/12/05//mini_081205121302486012837631.gif);}
td.nav:hover{background-image:url(Url de l'image de bouton2);}
--></style>



Quant vous téléchargez une image sur votre site il faut décocher la case "Réduire la taille d'image" avant!

http://www.fr.gd/forum/viewtopic.php?t=70933

Wink
______________

Visitez :


Dernière édition par webmaster-shop le 09.12.2008, 15:50; édité 2 fois
Message09/12/2008, 13 01 07 (UTC)    
Sujet du message:

J'ai telecharger les 2 boutons depuis votre sit et dans la partie ''boutons pour iceblue'' http://webmaster-shop.fr.gd/Boutons-Iceblue.htm alors si la dimension n'est pas 183x33, je crois a mon humble avis que l'erreur viens de vous. Sur le sit sur lequel j'ai heberger les 2 boutons..on me di que la dimension est de 185x33 pixels. En ce qui concerne l'effet hover. j'ai belle et bien mis 2 boutons. Vous constaterai que les 2 url dans le code qui se trouve dans le message que j'ai posté precedenment sont differents.

merci de me repondre SVP.
Yann
Message09/12/2008, 14 02 32 (UTC)    
Sujet du message:

Pardonne pour l'erreur de frappe! Je pense que l'erreur est humain...Je viens de terminé deux Tuto est répondu 12 messages.
La taille des boutons pour Iceblue est bien sur 185x33 pixel. Je vais rectifier dans mon précédent message.Par contre la taille dans votre précédent message été 120x21pixel pour le premier bouton.

visible ici:
http://nsm01.casimages.com/img/2008/12/05//mini_081205121302486012837631.gif

Quant a deuxième c'est ne pas un bon Url.C'est l'adresse de la page.
http://www.casimages.com/img.php?i=081205124759486012837674.gif

Le bon URL du deuxième bouton (qu'il est a la bonne taille par contre) est:
http://nsm01.casimages.com/img/2008/12/05//081205124759486012837674.gif

Je vous conseille de télécharger encore une fois le premier bouton est insérer les deux Url dans le code.

Wink
______________

Visitez :


Dernière édition par webmaster-shop le 09.12.2008, 15:52; édité 3 fois
Message09/12/2008, 15 03 06 (UTC)    
Sujet du message:

Pour qu'il y aura plus d'erreur j'ai téléchargé les boutons sur un hebergeur.
Voici le code:

Code:

<style type="text/css">
<!--
td.nav{background-image:url(http://img520.imageshack.us/img520/9277/button0034kz2.gif);}
td.nav:hover{background-image:url(http://img205.imageshack.us/img205/9792/button0036ij4.gif);}
--></style>



Code a insérer dans Réglage du design-->Réglages Avancées--> Texte au dessus du design!

Wink
______________

Visitez :


Dernière édition par webmaster-shop le 09.12.2008, 16:13; édité 1 fois
Message09/12/2008, 15 03 30 (UTC)    
Sujet du message:

pour l'histoire de doubler etc... afin d'éviter les petits soucis (duplication d'au moins quelques pixels etc... qui ne sont toujours pas très jolis jolis voici une petite modification:

Code:
<style type="text/css">
<!--
td.nav{
  background-image:url(http://img520.imageshack.us/img520/9277/button0034kz2.gif);
  background-repeat:no-repeat;
}

td.nav:hover{
  background-image:url(http://img205.imageshack.us/img205/9792/button0036ij4.gif);
  background-repeat:no-repeat;
}
-->
</style>
Message09/12/2008, 16 04 35 (UTC)    
Sujet du message:

J'ai pas proposé cette solution parce que il ne s'agit pas de quelques pixels (de 120px à 185 px...) Dans ce cas précis ,avec cette extension du code, on n'aura pas le résultat souhaité.

Voir le résultat avec l'extension du code : background-repeat:no-repeat;



Voir le résultat souhaité avec la bonne dimension du bouton:



Wink
______________

Visitez :
Message09/12/2008, 17 05 32 (UTC)    
Sujet du message:

j'ai bien rajouté que cette modification avait son utilité dans le cas où les différences de tailles entre l'image et l'objet qui hériterait de celle-ci soit minimes.
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com