| | Effet d'opacité sur une image (messages) |  |
|
|
 Cainael 
{ Membre }
 Messages : 10
 | Yep, lawrence est la créatrice du forum, je suis là en renfort.
si tu compare les deux forum, tu vois bien une différence dans la mise en page des catégories, nan ? Initialement il devrais être en longue bulle arrondis, mais avec ton script
img src, ça a ôté le image-background qui devrait être la clé de la mise en page.
Mais vu que le script en image-background ne marche pas, peut-être qu'il n'est pas possible d'adapté ces deux balises | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Argh ok :/ désolée xD eh bien en fait, il vous suffit simplement de mettre en place une class, comme ceci dans le template: - Code:
-
<td class="forumdesc-case2><span class="opacity"><div class="chouette"><img src="http://img10.hostingpics.net/pics/747931Forum__32_.jpg"></div></span>
</td> Et dans le css: - Code:
-
.chouette{-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:1px solid #COULEUR;} Évidemment vous devez modifier le css à votre convenance. Si ça ne fait pas le résultat désiré, dites-le moi et je testerai ._. Bisous~ | | |
|
| | |
Cainael
{ Membre }
Messages : 10
| Tu n'as surtout pas a t'excuser, hein ! tu nous aide et nous en sommes vraiiiment ravie, on galère vraiment pour tenter d'instaurer l'opacité, et les onglets, mais c'est autre chose encore xD. Pour ton code, ça ne marche pas T^T' enfin l'opacité est toujours là, mais que ce soit celui-ci ou ton précédent, le résultat est le même. pour résumé du côté de la catégorie (dans la description) ça donne (j'ai bien isoler la partie sur laquelle on travaille) - Code:
-
<table class="forumdesc" cellspacing="0"> <tr> <td class="forumdesc-case1"> <div class="forumdesc-txt"> Vous venez d'arriver sur le Forum ? Le background du forum ainsi que les règlements du forum & du Pensionnat sont à votre disposition. Il est bien évidemment obligatoire de prendre connaissance du contexte & du règlement avant de vous lancer dans la création d'un personnage, à vos risques et périls. </div> </td> <td class="forumdesc-case2><span class="opacity"><div class="chouette"><img src="http://img10.hostingpics.net/pics/747931Forum__32_.jpg"></div></span> </td> </tr> </table><div class="f-blocliens"> <a class="f-liensf1" href=" http://no-exit.forum-actif.net/le-contexte-f2/"> Contexte </a> <a class="f-liensf1" href=" http://no-exit.forum-actif.net/les-reglements-f13/"> Règlements </a> </div> du côté CSS nous avons : - Code:
-
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
.chouette{-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:1px solid #351D3D;}
| | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Bonjour, j'ai beau chercher, je dois avouer que je ne trouve pas, il faudrait peut-être attendre l'avis d'un codeur. Je suis vraiment vraiment désolée ^-^" Par contre, je ne sais pas du tout si ça vous intéresse, mais en faisant des recherches, j'ai trouvée un effet assez intéressant, essayer de remplacer ceci: - Code:
-
<td class="forumdesc-case2><span class="opacity"><div class="chouette"><img src="http://img10.hostingpics.net/pics/747931Forum__32_.jpg"></div></span>
</td> Par: - Code:
-
<td style="background-image: url("http://img10.hostingpics.net/pics/747931Forum__32_.jpg");" class="forumdesc-case2"><span class="opacity"><img src="http://img10.hostingpics.net/pics/747931Forum__32_.jpg"></span>
</td> Quand on est pas sur l'image, elle est grandement floutée, et quand on passe dessus, elle est normale. Après je ne sais pas si c'est bien, mais ça conserverai les deux options. C'est un bon dérivé, et en plus original xD vu que c'est une erreur de manipulation, on ne peut pas le reproduire deux fois de la même façon ._. Bisous~ | | |
|
| | |
RETRO.
{ Membre }
Messages : 12
| Hum..., j'ai moi même un forum ou j'ai mis ce dont tu parle, ça s'appelle le script graduafalder. Je l'avait trouvé sur acide-educoloré, mais je pense que tu peux essayer de chercher ça sur google !  | | |
|
| | |
Lawrence
{ Membre }
Messages : 38
| Ça ne fonctionne toujours pas au niveau du background... je désespère.
J'ai demandé à plusieurs codeur par mp de m'aider de toute façon, mais je n'ai encore eu aucunes réponses donc je pense qu'il ne reste plus qu'à attendre je ne vois pas quoi faire d'autre je suis incapable de régler le problème. :/ | | |
|
| | |
Cainael
{ Membre }
Messages : 10
| Effectivement,
le background reste initiale et carré.
Pensez-vous qu'il y ai un moyen de les associer ? | | |
|
| | |
Amber
{ Membre }
Messages : 85
| Bonjour,
J'aimerais savoir si se serait possible que l'opacité se fasse que sur les avatars ?
Et aussi si il y aurait pas un moyens pour que ça marche aussi avec chrome et internet explorer. Je suis pratiquement sur que ça marche car sur beaucoup de forum que je visite il y a ce genre d'effet sur les avatars et ça marche avec chrome alors..
Merci d'avance,
Amber. | | |
|
| | |
Radimir
{ Membre actif }
 Messages : 459
| Bonsoir, Oui il est possible d'agir de la sorte sur l'avatar .. Il suffit d'ajouter une div avec la classe en question modifier dans le template viewtopic_body.. Concernant Google chrome si je ne me trompe pas ça marche de la sorte - Code:
-
opacity:0.7; Donc ça aurait du marché dès le début pour toi.. Et message à l'intention de tout les posteurs, prière lisez ce post.... http://www.css-actif.com/images-f6/questions-t17.htm | | |
|
| | |
Lulu
{ Membre }
Messages : 151
| Bonjour !! Pour l'instant, mon code est celui ci : - Code:
-
<a href="http://www.tout-mignon.com/" class="postlink" target="_blank"><img class="opacity" src="https://www.archive-host.com/panel-v4/file-dl.php?type=up&fichier=DSCF8618.png&repertoire=&consulter"></a> en pas html :  Et je veux mettre de l'opacité, mais ça marche pas >< Merci !! | | |
|
| | |
Invité Invité
| - Radimir a écrit:
- [...]
Et message à l'intention de tout les posteurs, prière lisez ce post....
http://www.css-actif.com/images-f6/questions-t17.htm
Bonjour xxmimiluluxx, Suite à la remarque de mon collègue, je dois vous informer que vous êtes à un rappel d'avoir un avertissement officiel inscrit à votre profil. Le règlement de la section CODES À COPIER/COLLER explique : - Citation :
- Si j'ai une autre question concernant un code en particulier ?
- Citation :
Les questions sur les codes ne pourront pas être posées directement dans les topics, ceux-ci sont verrouillés pour assurer une certaine clarté. Cependant, dans chaque catégorie (link, pictures etc.) il y a un Post-it "Questions" dans lequel vous pourrez poser les questions pour tout les scripts de la catégorie, pensez simplement à indiquer de quel code il s'agit. Je vous invite donc à vous rendre à ce topic afin de poser votre question. Merci de respecter les règles et de veiller au bon fonctionnement du forum. NB : Ce message est valable pour tous. | | |
|
| | |
Lulu
{ Membre }
Messages : 151
| J'ai finalement réussi, désolée. | | |
|
| | |
Elle Sid
{ Membre }
Messages : 37
| Vraiment chouette ce truc ! =D
Merci ^^ | | |
|
| | |
Reira
{ Membre }
Messages : 53
| Sympa comme code !
Je vais l'essayer et peut être le modifier dans certain cas <3 | | |
|
| | |
Bleed.
{ Membre }
Messages : 11
| Hello
Je voulais savoir si il etait possible de mettre ce code pour les avatars du profil ? Peut etre en bidouillant un peu, je l'avais vu faire sur un forum c'etait tres joli !
Merci en tout cas pour ce code =) | | |
|
| | |
.fireflies
{ Membre }
Messages : 6
| Oui,c'est possible  Faudrait que je le retrouve.. | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| C'est très très simple. Il te suffit d'aller dans le template viewtopic_body, de rechercher ceci: {postrow.displayed.POSTER_AVATAR} et de l'entourer de la div suivante sans les espaces devant div et /div: < div class="gradualfader"> < /div> | | |
|
| | |
Bleed.
{ Membre }
Messages : 11
| Merci pour ta réponse mais ... Ca ne marche pas T_T | | |
|
| | |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Voici le code pour l'opacité sur une Image de Profil : - Code:
-
.postdetails.poster-profile a img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.postdetails.poster-profile a img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
} Bonne utilisation du code;) Haricoow ♫♪. | | |
|
| | |
Bleed.
{ Membre }
Messages : 11
| Merci Haricoow mais ca ne marche toujours pas ôO | | |
|
| | |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Euh... C'est pas possible que ça ne marche pas! Je l'ai fait sur mon forum et ça marche Tu t'es gouré Passes le lien de ton forum s'il-te-plaît | | |
|
| | |
Bleed.
{ Membre }
Messages : 11
| Bah regarde, ca marche pas x)
http://need-of-graph.forumperso.com/index.htm | | |
|
| | |
Ki Liam.*
{ Membre }
Messages : 37
| O_O Tellement big merci >//< !
Depuis le temps que je voulais faire cela (: ! | | |
|
| | |
Ami
{ Membre }
Messages : 89
| Bonsoir! ^^
J'aimerais savoir si c'est possible de faire cet effet sur les images qui illustrent les forums.
Comme je dois mal m'expliquer je vous donne un exemple ->http://fdt2.forumotion.com/forum.htm
J'aimerais que l'image de la section 'les rues' s'éclaircisse au passage de la souris.
Voila...j'attends votre réponse avec impatiente. Merci beaucoup ^^ | | |
|
| | |
Invité Invité
| |
| | |
Contenu sponsorisé
| |
| | |
| | Effet d'opacité sur une image (messages) | |
|
