| Effet d'opacité sur une image (messages) | |
|
|
Ami
{ Membre }
Messages : 89
| Je parle de cette images -> Tu l'as trouveras dans mon forum...dans la catégorie -> La ville, Nara. ^^ | | |
|
| |
Invité Invité
| Ok, j'ai trouvé. C'est compliqué, j'essaye de faire ce que tu veux faire, je te tien au jus. | | |
|
| |
Ami
{ Membre }
Messages : 89
| Aie désolé que ce soit compliqué =S D'accord merki beaucoup ^^ C'est très gentil de ta part! | | |
|
| |
Invité Invité
| Alors dans le premier poste il entoure l'image d'une div - Code:
-
<div class="opacity"><img src="LIENIMAGE"></div> Après dans le CSS, : - Code:
-
.opacity img{ filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
.opacity img:hover { filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; }
Il suffisait d'inverser. | | |
|
| |
Ami
{ Membre }
Messages : 89
| Merki beaucoup...sauf que ça marcheu pas T_T J'ai essayée mais avant même d'essayée je me suis dis (ça serait trop simple que ça fonctionne hein? >>) bingo! En fait il me met le code à la place de l'image. C'est à dire ça -> à la place de l'image avec effet T_T Alors j'ai peu être fais une gourde dans mon code? Je ne sais pas... | | |
|
| |
Invité Invité
| Bizarre Ôo, pourrais-tu me donner ton CSS please. | | |
|
| |
Ami
{ Membre }
Messages : 89
| - Ami a écrit:
- Merki beaucoup...sauf que ça marcheu pas T_T J'ai essayée mais avant même d'essayée je me suis dis (ça serait trop simple que ça fonctionne hein? >>) bingo!
En fait il me met le code à la place de l'image. C'est à dire ça ->
(bon la j'ai modifiée l'adresse de mon image car sinon ça me l'affiche lol)
à la place de l'image avec effet T_T
Alors j'ai peu être fais une gourde dans mon code? Je ne sais pas... | | |
|
| |
Ami
{ Membre }
Messages : 89
| oui bien sûr...désolé du double post je ne sais pas comment on édite ici ^^''' - Spoiler:
body { cursor: crosshair } a:hover { cursor:crosshair; }
a {font-variant: small-caps;}
a { text-decoration: none ; }
a.hover { text-decoration: none ; }
a.mainmenu{ text-shadow: #FFFFFF 1px 1px 1px; font-weight:bold; font-size: 12px; }
input,textarea,select { background: #EBDDDD; border: 1px #af6563 solid; border-radius: 9px 9px; -moz-border-radius: 9px;}
.forumline{ border: 1px dashed #af6563; }
a:hover{ text-decoration: none !important; }
a.forumlink, a.forumlink:hover{ display: block; text-shadow: #FFFFFF 1px 1px 1px; text-align: right; font-style: oblique; border-bottom: 2px dashed #af6563; text-decoration:none !important;}
.postbody { font-size: 12px; } .text { color:#000000; /*Couleur du texte de vos onglets*/ cursor:pointer; }
#cat_Gérance,#cat_Début,#cat_La ville,#cat_Le lycée,#cat_Flood,#cat_Hors RPG, /*nomonglet... à remplacer par le nom des onglets*/ { padding-top:4px; }
.spoiler_content { display: block; } .hidden .spoiler_content { display: none; }
.cat_forum { background-color: #000000; margin: auto; margin-bottom:30px; width:90%; }
.onglet { display:inline-block; margin-top:30px; text-decoration:none; !important cursor:pointer; }
.onglet li { float:left; list-style-type:none; margin-bottom:-20px; text-decoration:none; !important cursor:pointer; }
.onglet li:hover { text-decoration:none; !important cursor:pointer; }
.onglet li a { display:block; text-decoration:none; !important list-style-type: none; cursor:pointer; }
.onglet li a: hover { text-decoration:none; list-style-type:none; cursor:pointer; }
.onglet_actif { background: url('https://2img.net/h/oi52.tinypic.com/dfi0zn.jpg') no-repeat; /*URL de l'onglet étant actif*/ width:150px; /*Largeur de l'onglet étant actif*/ height:50px; /*Hauteur de l'onglet étant actif*/ cursor:pointer; }
.onglet_nactif { background:url('https://2img.net/h/oi55.tinypic.com/28w1pxe.jpg') no-repeat; /*URL de l'onglet étant inactif*/ width:100px; /*Largeur de l'onglet étant inactif*/ height:50px; /*Hauteur de l'onglet étant inactif*/ cursor:pointer; }
ul, li{ list-style: none; } .mon_onglet{ float: left; padding: 2px 10px; margin-right: 5px; color: #333; background: #EBDDDD; border: 1px solid #EBDDDD; cursor: pointer; margin-bottom: -1px; } .mon_onglet:hover{ background: ##EBDDDD; } .mon_onglet_selected{ float: left; padding: 2px 10px; margin-right: 5px; color: #333; background: #EBDDDD; border-top: 1px solid #EBDDDD; border-right: 1px solid #EBDDDD; border-left: 1px solid #EBDDDD; border-bottom: 1px solid #EBDDDD; cursor: pointer; margin-bottom: -1px; } .clear{ clear: both; } .mon_contenu{ color: #666; background: #EBDDDD; border: 2px solid #EBDDDD; padding: 2px; margin-left: -40px;
#mes_contenus, #mes_onglets{ width: 100%; } #mes_contenus, #mes_onglets{ width: 400px; } .opacity img{ filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
.opacity img:hover { filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; }
Ca vient peu être juste de mon code que j'ai mal fait >.< il faut bien mettre le lien par exemple -> http://exemple.png et c'est tout? on ne doit pas faire autre cHose au niveau de l'opacité ou autre? >> désolé... | | |
|
| |
Invité Invité
| Le CSS m'a l'air bon. Non l'opacité est bon. Hum ton aperçu je peux pas le voir. | | |
|
| |
Ami
{ Membre }
Messages : 89
| Oui logique parce que j'ai enlevé dés que j'ai vu ça ...je l'ai remis donc tu peux aller sur mon fofo et regardais ..tu vas voir il met le code à la place T_T ... ps: j'ai firefox pourtant! | | |
|
| |
Invité Invité
| On va procédé autrement: - Code:
-
.opacity img{ opacity: 1; }
.opacity img:hover { opacity: rgba (255, 255, 0,3); } | | |
|
| |
Ami
{ Membre }
Messages : 89
| Désolé ça marche pas.... toujours pas. Je suis sûre c'est le code qui doit pas aller... tant pis au pire =S c'est vrai que j'aimerais avoir mes image avec cet effet mais si on y arrive pas.... A moins que tu veuilles mes identifiants et que tu jette un coup d'œil par toi même..t'arrivera peu être à dénicher le problème...=S je ne sais pas... | | |
|
| |
Invité Invité
| Non non, évitons tout ça, je ne veux pas avoir de problème. Je vais chercher l'anomalie. | | |
|
| |
Ami
{ Membre }
Messages : 89
| Je proposais juste ^^'' car sur never utopia ils le font donc voila. Ben t'embêtes pas... =S peu être que c'est moi qui à fais un truc qu'il fallait pas... qui sais pas me débrouiller...>> à tout les coups..Preuve tu as du essayer sur un forum non? Et ça marchait... | | |
|
| |
Invité Invité
| Tu as bien activé l'HTML dans ton forum? | | |
|
| |
Ami
{ Membre }
Messages : 89
| Ben j'ai rien touchée mais il doit être activé vu que je suis arrivée à faire pas mal de choses avec des codes...et que tout fonctionne...sinon comment on peut le vérifier? Je vais regarder mieux et je te dirais | | |
|
| |
Invité Invité
| Mon hypothèse est fausse, excuse moi. Étant donné que c'est une image catégorique, on ne peut mettre de code dans la zone de saisie, on ne peut que mettre l'url de l'image, essaye de posté sur ton forum avec tout ce qu'il y a au premiers poste, ça devrait marché. | | |
|
| |
Ami
{ Membre }
Messages : 89
| Au premier poste? Le seul post ou il y a écrit 'admin'? Ben à vrai dire.... j'avais déjà essayée... TT et ça marchait pas... | | |
|
| |
Invité Invité
| Je suis au bout du roulot, j'ai pas d'autre soluce...(jsuis nul) Avec réflexion je trouverai bien. Ne t'en fais pas, je te laisse pas tombé | | |
|
| |
Ami
{ Membre }
Messages : 89
| Merci t'es sympa ^^ Ben à vrai dire je ne comprends pas mais je commence à me demander si ça vient pas de mon forum...il y a peu être quelque chose à activer car quand je poste mon code dans un autre fow' on voit au moins l'image hors dans mon forum on ne voit que le code....t'as une idée d'ou ça vient? peu être ai-je vraiment aps activer l'html? oO | | |
|
| |
Invité Invité
| Vas dans tes préférence, tu l'as sûrement pas activer. | | |
|
| |
Ami
{ Membre }
Messages : 89
| Alors en effet ce n'était pas activer ni dans mon profil ni dans configuration des messages mail..seulement ça ne vient pas de la car je ne le vois pas..je vois toujours que ce fichu code >.< pas possible ça è_é | | |
|
| |
Invité Invité
| |
| |
Ami
{ Membre }
Messages : 89
| Même dans un poste ben..exemple. Regardes dans le seul post de mon forum ou il y a écrit (admin) dans règlement. Tu verras... | | |
|
| |
Invité Invité
| Je sais pas quoi dire... :'( | | |
|
| |
Contenu sponsorisé
| |
| |
| Effet d'opacité sur une image (messages) | |
|