Images qui s'illuminent

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Images qui s'illuminent

Message par Big BangDrWHO le Mar 1 Jan 2013 - 20:40

Re-bonsoir,

je reviens vers vous car j'ai installé un css qui permet de faire en sorte que les images s'illuminent lorsqu'on passe dessus. Mais j'aimerais que cela ne le fasse pas sur la bannière. Pourriez vous m'aider ?

Voici le code utilisé :

Code:

img {
    opacity : 0.50;
    -moz-opacity : 0.50; 
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    filter : alpha(opacity=10); /* IE < 8 */
}
 
img:hover {
    opacity : 0.95;
      -moz-opacity : 0.95;
      -ms-filter: "alpha(opacity=10)"; /* IE 8 */
      filter : alpha(opacity=10); /* IE < 8 */
}


Dernière édition par Big BangDrWHO le Mer 2 Jan 2013 - 0:16, édité 1 fois

Big BangDrWHO
*

Messages : 43
Inscrit(e) le : 01/04/2012

http://doctorwhobigbang.forumgratuit.org/
Big BangDrWHO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Matriochka le Mar 1 Jan 2013 - 20:44

Re-bonsoir Smile

Tu veux que toutes les images soient concernés par ceci hormis la bannière, si je comprends bien ?

Ajoute ceci :
Code:
#i_logo {
    opacity : 1;
      -moz-opacity : 1;
      -ms-filter: "alpha(opacity=100)"; /* IE 8 */
      filter : alpha(opacity=100); /* IE < 8 */}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Big BangDrWHO le Mar 1 Jan 2013 - 20:50

Hé bah voilà !

Merci, vous êtes vraiment génial Matriochka ^^

J'aimerais également vous demander une dernière chose, j'aimerais pas avoir l'air d'un flooder en postant encore un autre sujet.

Voilà j'aimerais beaucoup mettre un petit encart avec un menu déroulant ou pas pour faire un lien rapide vers le règlement, le contexte, ... directement à côté de la description, comme l'image en fait, mais à gauche.

Comme ceci :

Big BangDrWHO
*

Messages : 43
Inscrit(e) le : 01/04/2012

http://doctorwhobigbang.forumgratuit.org/
Big BangDrWHO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Matriochka le Mar 1 Jan 2013 - 21:09

Mais de rien Smile

Eh bien, pour ça, il te suffit de le créer, toujours dans la description de ton forum :
HTML :
Code:
<div id="rapnav">
<a href="http://link1">Titre 1</a><br />
<a href="http://link2">Titre 2</a><br />
<a href="http://link3">Titre 3</a><br />
</div>
CSS :
Code:
#rapnav {
background:#FFFFFF;
border:1px solid #000000;}
À placer dans une nouvelle colonne à ajouter dans le tableau que je t’ai fait mettre tout à l’heure Smile

N’hésite pas à créer un sujet pour chaque problème que tu as à régler. C’est beaucoup plus pratique pour les recherches ultérieures.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Big BangDrWHO le Mar 1 Jan 2013 - 21:16

D'accord, merci je teste ça et je redis quoi Smile

Big BangDrWHO
*

Messages : 43
Inscrit(e) le : 01/04/2012

http://doctorwhobigbang.forumgratuit.org/
Big BangDrWHO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Big BangDrWHO le Mar 1 Jan 2013 - 21:26

J'ai bien suivi ce que vous m'avez dit, mais cela me fait ceci :



Alors que je voudrais cela :



Est-ce possible ?

Big BangDrWHO
*

Messages : 43
Inscrit(e) le : 01/04/2012

http://doctorwhobigbang.forumgratuit.org/
Big BangDrWHO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par jonathan78 le Mar 1 Jan 2013 - 22:32

Bonsoir,

Essayez avec ce code dans votre CSS:

Code:
background: white;
border: 1px solid black;
padding: 3px;
width: 100px;
position: absolute;
margin-left: 40%;
margin-top: -70px;

Je doute que ce code soit fiable...

jonathan78
****

Masculin
Messages : 220
Inscrit(e) le : 07/09/2011

http://www.legendarygraph.com/
jonathan78 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Big BangDrWHO le Mar 1 Jan 2013 - 22:59

Cela n'a pas fonctionné :/

Big BangDrWHO
*

Messages : 43
Inscrit(e) le : 01/04/2012

http://doctorwhobigbang.forumgratuit.org/
Big BangDrWHO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Matriochka le Mar 1 Jan 2013 - 23:50

Remplace le code que je t’ai donné plus haut par celui-ci :
Code:
#rapnav {
background:#FFFFFF;
border:3px solid #000000;
width:100px;
position:absolute;
margin-left:580px;
margin-top:-100px;}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images qui s'illuminent

Message par Big BangDrWHO le Mer 2 Jan 2013 - 0:16

Merci beaucoup ça a fonctionné ^^

Je vous dois beaucoup Matrioska Smile

Big BangDrWHO
*

Messages : 43
Inscrit(e) le : 01/04/2012

http://doctorwhobigbang.forumgratuit.org/
Big BangDrWHO a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum