Code qui enleve opacité sur une image Bouton_activeCode qui enleve opacité sur une image Bouton_hoverCode qui enleve opacité sur une image Fb-hoverCode qui enleve opacité sur une image Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Code qui enleve opacité sur une image EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Code qui enleve opacité sur une image EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Code qui enleve opacité sur une image EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Code qui enleve opacité sur une image EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Code qui enleve opacité sur une image EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Code qui enleve opacité sur une image EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Code qui enleve opacité sur une image EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Code qui enleve opacité sur une image EmptySam 11 Fév 2023, 06:04 par Krager

-20%
Le deal à ne pas rater :
Sony PULSE Elite – Casque PS5 sans fil (blanc) à 119€
119 € 149 €
Voir le deal

Partagez
 

Code qui enleve opacité sur une image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
Bonjour,

je cherche un code,
qui permet d'enlever l'opacité sur une image seulement svp

merci d'avance

jiben
MessageSujet: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 16:56
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Code qui enleve opacité sur une image Empty
Bonjour,

Un petit tour dans la fonction recherchez vous aurait aidé à trouver la réponse à votre question:
https://css-actif.forumactif.org/images-f6/effet-d-opacite-sur-une-image-t431.htm

Pour simplement enlever de l'opacité, il faut retirer la deuxième partie du code CSS fourni dans le lien que je viens de donner.
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:15
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
Salut, on l'intégrée ou le code aussi ?
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:31
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Code qui enleve opacité sur une image Empty
Le CSS, dans le CSS de ton forum~
Et pour ton image:
Code:
<img class="opacity" src="LIENIMAGE">
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:35
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
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.
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:38
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Code qui enleve opacité sur une image Empty
*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é?
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:39
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
https://i.servimg.com/u/f61/14/21/68/18/offlin10.png

c'est celle si.
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:40
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Code qui enleve opacité sur une image Empty
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~
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:54
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
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}&nbsp;<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]
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 17:57
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Code qui enleve opacité sur une image Empty
J'aurais besoin de ton CSS aussi, pour vérifier un truc, et ensuite je te dis ce que j'essayerais~
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 18:11
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
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;}
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 18:12
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Code qui enleve opacité sur une image Empty
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
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 18:15
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
okok

par contre le bouton hors ligne est encore en opacité :s
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 18:18
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Code qui enleve opacité sur une image Empty
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é.
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 18:27
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Code qui enleve opacité sur une image Empty
Salut,

c'est bon j'ai trouver !

merci beaucoup de ton aide

a classer svp

encore merci

cordialement jiben
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image EmptyLun 05 Avr 2010, 18:40
Revenir en haut Aller en bas
Contenu sponsorisé




Code qui enleve opacité sur une image Empty
MessageSujet: Re: Code qui enleve opacité sur une image   Code qui enleve opacité sur une image Empty
Revenir en haut Aller en bas
 

Code qui enleve opacité sur une image

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Opacité image pa
» EFFET D'OPACITÉ SUR UNE IMAGE
» Code d'effet d'opacité
» Opacité sur image zone citation
» Problème code html agrandissement de l'image au passage de la souris

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit