[css] Logo du forum qui change ON HOVER
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
[css] Logo du forum qui change ON HOVER
Bon ce sera mon dernier message pour ce soir
J'aimerai savoir comment était-il possible que lorsque l'on survol le logo du forum, un autre logo apparaisse avec un effet de transition d'opacité. C'est pour créer un effet d'aura autour du logo.
Ce serait génial merci
J'aimerai savoir comment était-il possible que lorsque l'on survol le logo du forum, un autre logo apparaisse avec un effet de transition d'opacité. C'est pour créer un effet d'aura autour du logo.
Ce serait génial merci
Dernière édition par LuciDreams le Lun 20 Fév 2012 - 22:37, édité 1 fois
Re: [css] Logo du forum qui change ON HOVER
Bonjours,
J'ai fait cela vite... Mais je ne suis pas sur que j'ai le bon id pour avoir fait cela Mais faut essayer !
Pour ton image de départ celle de base prend ce code:
Dans ton CSS place:
J'ai fait cela vite... Mais je ne suis pas sur que j'ai le bon id pour avoir fait cela Mais faut essayer !
Pour ton image de départ celle de base prend ce code:
- Code:
<img src="ma_tete.png" width="400" height="507" alt="Ma tête" title="Ma tête" />
Dans ton CSS place:
- Code:
a:hover {
color:red;
text-decoration:none;
background-image:url(images/gris_anim.gif);
background-repeat:no-repeat;
}
Dernière édition par Webmestre_pro le Sam 18 Fév 2012 - 9:16, édité 1 fois
Invité- Invité
Re: [css] Logo du forum qui change ON HOVER
merci mais je ne pense pas, en fait, je voudrai que ce soit une autre image qui s'affiche lorsque le logo est survolé, ce qui induit que le code doit au moins contenir une URL d'image. L'aura est créé par l'image, je veux juste le code qui permet la transition entre ces deux images, au niveau du logo du forum. Donc il doit falloir en plus spécifier au css qu'on veut que ce soit le logo du forum qui change et pas le reste ^^ sinon merci
Re: [css] Logo du forum qui change ON HOVER
LuciDreams a écrit:merci mais je ne pense pas, en fait, je voudrai que ce soit une autre image qui s'affiche lorsque le logo est survolé, ce qui induit que le code doit au moins contenir une URL d'image. L'aura est créé par l'image, je veux juste le code qui permet la transition entre ces deux images, au niveau du logo du forum. Donc il doit falloir en plus spécifier au css qu'on veut que ce soit le logo du forum qui change et pas le reste ^^ sinon merci
Salut j'ai réditer mon post quand tu as poster car javais oublier un code !
Invité- Invité
Re: [css] Logo du forum qui change ON HOVER
Je ne peux pas manipuler le html et je m'attend à un code du style (DANS MON LANGAGE) haha du css custom :
- Code:
.id:logoforum {
quand image logo survolée
change logo -> image URL (logo2)
effet : transition, opacity alpha 30% - anim:2s
quand image plus survolée
Transition inverse }
Re: [css] Logo du forum qui change ON HOVER
LuciDreams a écrit:Je ne peux pas manipuler le html et je m'attend à un code du style (DANS MON LANGAGE) haha du css custom :Qui comprendra ? xD
- Code:
.id:logoforum {
quand image logo survolée
change logo -> image URL (logo2)
effet : transition, opacity alpha 30% - anim:2s
quand image plus survolée
Transition inverse }
BEn les code que je tes donner c'est bon mais le lien HTML faut le placer dans un template mais je suis en ce moment en train de chercher le ou il faut le mettre dans le template laisse moi deux minute !
Invité- Invité
Re: [css] Logo du forum qui change ON HOVER
Noooon ! Sur Invision, les templates ne sont pas accessibles ... ^^'
Re: [css] Logo du forum qui change ON HOVER
Ha merde je pensaia que tu étais un phpBB2 Ha laisse alors !
Je suis désoler ....
Je suis désoler ....
Invité- Invité
Re: [css] Logo du forum qui change ON HOVER
Merci d'avoir essayé
Re: [css] Logo du forum qui change ON HOVER
Voila avec des recherche je crois avoir trouver
Dans votre CSS placer les code:
Je suis sur que mon CSS est bon .. Mais pour le premier code je crois que je me suis tromper de id peut etre que ce n'est pas #logo je sais pas mais essaie voir !
Dans votre CSS placer les code:
- Code:
#logo{
background:url(image_de_fond.png);
width:taille de l'image;
height:taille de l'image;
}
a:hover{
background:url(image_de_fond.png);
width:taille de l'image;
height:taille de l'image;
}
Je suis sur que mon CSS est bon .. Mais pour le premier code je crois que je me suis tromper de id peut etre que ce n'est pas #logo je sais pas mais essaie voir !
Invité- Invité
Re: [css] Logo du forum qui change ON HOVER
L'id effectif est i_logo
EDIT : Le ahover se faisait sur tout les liens. Je l'ai donc retiré.
EDIT : Le ahover se faisait sur tout les liens. Je l'ai donc retiré.
Dernière édition par LuciDreams le Sam 18 Fév 2012 - 10:46, édité 1 fois
Re: [css] Logo du forum qui change ON HOVER
HA okay me semblais aussi que c'était cela !... Alors ça fonctionne ?
Invité- Invité
Re: [css] Logo du forum qui change ON HOVER
Post édité, non désolé, la partie css i_logo ne changeait rien et ne servait à rien, puisqu'elle n'aurait fait que recouvrir celui qui est déjà la (et que si l'on supprime déforme le forum)
Et la partie css pour le survol était effectif sur tout les liens
Et la partie css pour le survol était effectif sur tout les liens
Re: [css] Logo du forum qui change ON HOVER
Ben la je ne sais plus toute mes ressource son épuiser !
Invité- Invité
Re: [css] Logo du forum qui change ON HOVER
Haha bien merci en tout cas pour ton initiative. J'attendrai des réponses d'un spécialiste de forumactif ^^
Re: [css] Logo du forum qui change ON HOVER
Bonjour !
Je cherchais justement à créer cet effet pour mon design, mais grâce à ce qu'avait mis Webmestre_pro je me suis fais moi-même un code css pour y parvenir.
Le voici :
Par contre, il n'y a pas l'effet de transition (que je veux aussi) mais j'y travaille ^^
J'espère que c'est ce que tu voulais, moi ça marche très bien en tout cas =)
Je cherchais justement à créer cet effet pour mon design, mais grâce à ce qu'avait mis Webmestre_pro je me suis fais moi-même un code css pour y parvenir.
Le voici :
- Code:
body {
background:url(LIEN DE TON IMAGE); /* l'image qui s'affiche au début*/
background-color: #EBECAD; /* la couleur de fond de ton forum*/
background-repeat:no-repeat;
background-position: top center;
position: center;
}
body:hover
{background:url(LIEN DE TON IMAGE); /* l'image qui apparaît*/
background-color: #EBECAD; /* la couleur de fond de ton forum*/
background-repeat:no-repeat;
background-position: top center;
position: center;
}
Par contre, il n'y a pas l'effet de transition (que je veux aussi) mais j'y travaille ^^
J'espère que c'est ce que tu voulais, moi ça marche très bien en tout cas =)
Re: [css] Logo du forum qui change ON HOVER
Bonjour LuciDreams,
Pour que tu logo change lors du hover, il suffit de rajouté la class suivante:
A toi ensuite de paramétré tes propriétés dedans.
RAPPEL: Il n'est pas bon de rajouté des Hover sur des logos car je rappel que les Utilisateurs utilisant IE ne verront pas le Hover car celui-ci n'est pas prie en charge par IE.
Cordialement
Manka
Pour que tu logo change lors du hover, il suffit de rajouté la class suivante:
- Code:
logo:hover { }
A toi ensuite de paramétré tes propriétés dedans.
RAPPEL: Il n'est pas bon de rajouté des Hover sur des logos car je rappel que les Utilisateurs utilisant IE ne verront pas le Hover car celui-ci n'est pas prie en charge par IE.
Cordialement
Manka
Re: [css] Logo du forum qui change ON HOVER
Ah oui ! Moi je t'ai donné pour le fond parce que j'ai une bannière de fond sur mon forum ^^'
Mais ça marche de la même manière pour les deux ! Merci Manka =)
Mais ça marche de la même manière pour les deux ! Merci Manka =)
Re: [css] Logo du forum qui change ON HOVER
Pour l'auteur du topic :
bonjour votre problème a t il été résolu ? si c'est le cas merci d'éditer votre message en cliquant sur et mettre l'icone . |
Sujets similaires
» logo qui change
» Changement de logo et tout le thème change ...
» [divisé] Thème changé ne change pas sur le forum
» Changement photo logo quand on change de pages
» Sous-forum en hover
» Changement de logo et tout le thème change ...
» [divisé] Thème changé ne change pas sur le forum
» Changement photo logo quand on change de pages
» Sous-forum en hover
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum