| Code qui enleve opacité sur une image | |
|
Jiben
{ Membre actif }
Messages : 314
| Bonjour,
je cherche un code, qui permet d'enlever l'opacité sur une image seulement svp
merci d'avance
jiben | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| |
| |
Jiben
{ Membre actif }
Messages : 314
| Salut, on l'intégrée ou le code aussi ? | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Le CSS, dans le CSS de ton forum~ Et pour ton image: - Code:
-
<img class="opacity" src="LIENIMAGE"> | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| oui mais il me marque ceci : - Code:
-
Votre CSS a bien été mis à jour. Remarque : Les balises html génèrent des erreurs dans les feuilles de style. Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style. | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| *facepalm* Le HTML ça ne va pas dans la feuille de CSS Jiben~ C'est quelle image exactement que tu veux réduire en opacité? | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| https://i.servimg.com/u/f61/14/21/68/18/offlin10.png
c'est celle si. | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| D'accord, elle est dans le corps d'un message cette image, n'Est-ce pas? Comme "Profil, MP, E-mail, WWW, En ligne" etc~
Dans ce cas, donne moi ton template viewtopic_body s'il te plait~ | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Oui, C'est dans le profil qui ce situe a coté de mes messages - Code:
-
[quote]<script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); addthis_close(); } }); }); //]]> </script>
<table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="middle" nowrap="nowrap"> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td> <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="bottom" nowrap="nowrap" width="100%"> <span class="gensmall bold"> <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a> | <script type="text/javascript"> //<![CDATA[ insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> </span> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr align="right"> <td class="catHead" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></h1></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> </tr> </table> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- BEGIN postrow --> <!-- BEGIN displayed --> <tr class="post"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <div style="font-size:9px;"> <div class="cadreava"> <span class="name"> <a name="{postrow.displayed.U_POST_ID}"> </a> </span> <div align="center"><span class="postdetails poster-profile"> {postrow.displayed.POSTER_AVATAR}<br> <strong></div></div><br> <div class="cadrepro"> <div align="center"> • • • • • • • • • • • • • • • • • • <br> <strong>Hey regarde c'est <div style="font-size:16px;"> {postrow.displayed.POSTER_NAME}</div></strong> <br> <div align="center"> Votre Rang :{postrow.displayed.POSTER_RANK}{postrow.displayed.RANK_IMAGE} <br> • • • • • • • • • • • • • • • • • • </div></div></div> <br><br> <div align="center"><div class="cadrepro"><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </div></div></div> </span><br /> <br /> </div> <table border=0 cellspacing=0 cellpadding=0 class="offlinebutton"><tr><td>{postrow.displayed.ONLINE_IMG}</td></tr></table><br /> <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" /> </td> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td> <td valign="top" nowrap="nowrap" class="post-options"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </td> </tr> <tr> <td colspan="2" class="hr"> <hr /> </td> </tr> <tr> <td colspan="2"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active -->
<div class="postbody">
{postrow.displayed.MESSAGE}
<center><div class="signature_div"> {postrow.displayed.SIGNATURE} </div></center> </div> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> </tr> </table> </td> </tr> <tr> <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150"> <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> </td> </tr> </table> </td> </tr> <!-- BEGIN first_post_br --> </table> <br /> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table>
<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> <tr> <td class="row2" colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td> <!-- BEGIN viewtopic_bottom --> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td> <!-- END viewtopic_bottom --> <!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" /> <input type="hidden" name="sid" value="{S_SID}" /> <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize -->
<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>[/quote] | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| J'aurais besoin de ton CSS aussi, pour vérifier un truc, et ensuite je te dis ce que j'essayerais~ | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Le voilà : - Code:
-
/* ---------------------------------- Fond des casses pour le tutoriel ---------------------------------- */
.fond { background-color: none; }
.fond:hover { background-color: red; }
/* ---------------------------------- infobulle de mes groupes ---------------------------------- */
a.infobulle {position: relative;}
a.infobulle span {display: none;}
a.infobulle:hover {background: none; z-index: 999; }
a.infobulle:hover span {display: inline; position: absolute; white-space: nowrap; top: 20px; left: 30px; background: transparent; filter:alpha(opacity=90); opacity:0.90; background-color: #1D3C40; color: white; padding: 2px; border: 1px dotted white; -moz-border-radius : 5px 5px 5px 5px;}
.statistiques td.row1 {text-align: center; border: 1px outset #D0D0D0; background: transparent; filter:alpha(opacity=65); opacity:0.65; background-color: #1D3C40; -moz-border-radius : 5px 5px 5px 5px; padding-right:3px; padding-left:3px;}
.statistiques td.row2 {text-align: center; border: 1px outset #D0D0D0; background: transparent; filter:alpha(opacity=65); opacity:0.65; background-color: #1D3C40; -moz-border-radius : 5px 5px 5px 5px; padding-right:3px; padding-left:3px;}
.cadre {border: 1px outset #D0D0D0; background: transparent; filter:alpha(opacity=65); opacity:0.65; background-color: #1D3C40; -moz-border-radius : 5px 5px 5px 5px; padding-right:3px; padding-left:3px;}
.groupes a:hover{ text-decoration: none !important; border-bottom: 1px dashed #FFFFFF; background-color: #D0D0D0; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; }
.groupes a:hover { background-color: #295b63; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; } .statistiques{ border:0px; background-image: none background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ background: transparent; filter:alpha(opacity=65); opacity:0.65; background-color: #1D3C40; border: 1px #D0D0D0 outset; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
.complet{ text-align:center; color:; }
.complet a{ color:#FFFFFF; text-decoration:none; }
.context{ padding-left:20px; padding-right:20px; font-size:14px; }
.navig{ margin-bottom:1px; margin-left:15px; margin-right:15px; background-color:#295359; display:block; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; }
.navig:hover{ border-left:5px solid #DADADA; border-right:5px solid #DADADA; }
.textscroll{ overflow:auto; width:290px; height: 90px; }
.block{ padding-bottom:20px; }
#bienvenue { color: #F7F7F7; background-color: #295359; text-align: center; font-variant: small-caps; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; font-size:20px; font-weight:bold; }
.titre { color: #F7F7F7; background-color: #295359; text-align: center; font-variant: small-caps; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; font-size:18px; }
.top { border: 1px solid #F7F7F7; background-color: #295359; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:4px; }
a.imginfo { position: relative; color: white; text-decoration: none; border-bottom: 0px white solid; padding-right:10px; }
a.imginfo span { display: none; }
a.imginfo:hover { background: none; z-index: 999; cursor: help; }
a.imginfo:hover span { display: inline; position: absolute; white-space: nowrap; top: 10px; left: 20px; background: #295359; color: white; padding: 3px; border: 1px inset white; -moz-border-radius:10px; }
body.chatbox { background-color: #1D3C40; }
a.mainmenu { background: transparent filter:alpha(opacity=80); opacity:0.80; background-color: #1D3C40; padding-right: 10px; font-weight: lighter!important; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: capitalize; color : #23aa9c; font-size: 11px;}
a.mainmenu:hover{ background-color: #ffffff; padding-right: 10px; font-weight: lighter!important; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: capitalize; color : #1D3C40; font-size: 12px;}
body { cursor: crosshair }
input, textarea, select { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;}
a:hover { font-variant : small-caps; letter-spacing: 1px; text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}
.forumline{background-color: transparent}
td.row1,td.row3.over:hover { filter:alpha(opacity=80); opacity:0.80;}
td.row2,td.row1.over:hover { filter:alpha(opacity=80); opacity:0.80;}
td.row3{ filter:alpha(opacity=80); opacity:0.80;}
a { text-decoration: none; }
div, table { -moz-border-radius:10px; border: none;}
textarea, .textarea.post, input.post { -moz-border-radius:8px;}
.quote { -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:10px; color: #948A30}
.code { -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:10px;} color: #948A30;
.forumline{ -moz-border-radius:6px;}
/* Online_Offline------------------------------------------------- */
.offlinebutton { background-color: transparent; border: none; background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png'); background-repeat : no-repeat; background-position : center; min-width: 147px; width: 147px; min-height: 18px; height: 18px;}
th.secondarytittle {-moz-border-radius-topleft :10px;} th.lastmess {-moz-border-radius-topright :10px;} th.secondarytitle { -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;}
.cadreava{ padding : 5px; background-color:#295359; -moz-border-radius:5px;} .cadrepro{ background-color:#295359; -moz-border-radius:5px;}
.nom { background-color: #295359; margin: 0px 0px 0px 0px; font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif; font-size: 15px; font-weight: bold; text-indent: 5%; text-transform: capitalize; text-align: left; color: White; border-width: 5px; border-color: white; border-style: solid ; border-left: 2px solid white; border-top: 2px solid white; border-right: 2px solid white; border-bottom: 2px solid white; -moz-border-radius-topright: 30px; -webkit-border-radius-topright: 30px; width: 300px;}
.nom_souligne { border-bottom: 1px solid white;}
a:link { text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
a:link : hover{ text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
/* limitation-signature */
.limitation-signature img { max-width: 500px; max-height: 200px;}
| | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Bon donc voilà ce que je te propose: - Code:
-
.offlinebutton { background-color: transparent; border: none; background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png'); background-repeat : no-repeat; background-position : center; min-width: 147px; width: 147px; min-height: 18px; height: 18px; filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5;} Tu mets ceci dans ton CSS à la place de: - Code:
-
.offlinebutton { background-color: transparent; border: none; background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png'); background-repeat : no-repeat; background-position : center; min-width: 147px; width: 147px; min-height: 18px; height: 18px;} Tu peux changer les 50 et 0.5 par le chiffre que tu veux~ Par exemple si tu veux 60% d'opacité, tu remplaces 50 par 60 et 0.5 par 0.6 | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| okok
par contre le bouton hors ligne est encore en opacité :s | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| C'est pas sensé ô_o Tu as essayé en changeant les différentes valeurs dans le code? À moins que ce que tu voulais, c'est qu'il soit plus transparent, et que lorsque l'on passe la souris dessus il reprenne 100% d'opacité. | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Salut,
c'est bon j'ai trouver !
merci beaucoup de ton aide
a classer svp
encore merci
cordialement jiben | | |
|
| |
Contenu sponsorisé
| |
| |
| Code qui enleve opacité sur une image | |
|