Transparence

5 participants

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

  • 0

Résolu Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 0:11

Bonjour,

Bon ma question va paraître bizarre mais bon^^
J'aimerais savoir comment effectuer ce genre de transparence:

Transparence Sans_t12

Merci donc de me dire ou cela se situe car il n'y a aucun code css ni template modifié Smile

merci
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 0:58

Bonsoir,

quel est votre niveau de hiérarchie ? PA > Affichage > Structures & Hiérarchies.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 12:19

Je vous mets l'image c'est plus simple lol:

Transparence Sans_t10

Voila Smile
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 12:45

Mettez ceci dans votre css :

Code:
.secondarytitle{
    opacity:0.5
      -moz-opacity:0.5;
      -ms-filter:"alpha(opacity=50)";
      filter:alpha(opacity=50);
    }

Régler si besoin en sachant que 1 et 100 sont les valeur normales.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 14:48

J'ai placé le code, j'ai essayé avec divers nombre, mais rien ne fais, il n'y a aucune transparence
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par Fun-mangas Mar 16 Aoû 2011 - 15:00

a quel endrois faut' le mettre (le code)
Fun-mangas

Fun-mangas
*

Masculin
Messages : 33
Inscrit(e) le : 08/08/2011

Http://fun-mangas.pro-forums.fr/
Fun-mangas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 15:07

et ainsi :
Code:


    .secondarytitle, .secondarytitle h2{
        opacity:0.5
          -moz-opacity:0.5;
          -ms-filter:"alpha(opacity=50)";
          filter:alpha(opacity=50);
        }

est-ce mieux ?

@fun-mangas, relisez bien je l'ai noté
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 16:16

ben, non :/ cela ne fonctionne pas, les images de fond se titre ne sont aps transparente :/
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 16:18

Ce sont des images que vous avez ? pas simplement un fond couleur ?
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par horodir Mar 16 Aoû 2011 - 16:24

Si c'est des couleur, tu fais comme ça
PA, ensuite affichage et puis couleur
essaies de trouver le fond qui correspond à la partie que tu désires modifier.
Pour ensuite rendre transparent cette partie, tu peux inscrire " #transp " dans la zone de code, puis tu fais enregistrer.
horodir

horodir
*

Masculin
Messages : 39
Inscrit(e) le : 07/07/2010

http://kosmokomptakazes.forumactif.com/
horodir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 16:34

Mon fond n'est pas un fond de couleur (du moins quand j'essaye)
Et pour répondre a horodir, je suis désolé mais j'ai rien compris mdr
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 16:37

Code:
        .secondarytitle, .secondarytitle h2, .secondarytitle img{
            opacity:0.5
              -moz-opacity:0.5;
              -ms-filter:"alpha(opacity=50)";
              filter:alpha(opacity=50);
            }

est-ce que ceci prend en compte vos images

@horodir, cela ne marchera pas vu que kiba-wolfe ne veut pas une transparence complète, et que de plus ce sont des images qu'il a en fond ^^
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par horodir Mar 16 Aoû 2011 - 16:44

dsl j'avais pas vu
horodir

horodir
*

Masculin
Messages : 39
Inscrit(e) le : 07/07/2010

http://kosmokomptakazes.forumactif.com/
horodir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 16:45

Fonctionne pas lol, bon je vais essayer de mieux m'exprimer, car je sais que ce n'est pas du CSS vu que c'est mon forum, >> http://wisdom-of-life.forumactif.com/ sur celui la vous verrez que les images de fond de titre sont transparente vu que l'on voit l'image d'arrière plan. (bizarrement la cb non, fin bon) Je n'ai installé aucun css hormis ceci:

Code:
a { text-decoration: none; }

Qui est pour enlever le soulignement des pseudos (donc rien a voir)

Et j'aimerai donc réinstaller ceci sur un autre forum, mais je ne sais pas pourquoi sur le miens y a eu cette transparence quand j'ai mis ce thème d'histkins et que j'ai commencé a changé les images (car l'image du fond des titres est a moi ^^)

Heu c'est un peu plus... clair?
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 16:48

La transparence vient de l'image elle-même ^^ elle possède sa propre opacité... Voila pourquoi
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 16:51

Pas possible l'image que j'ai faite n'est pas transparente > la preuve sur celui ci: http://shield-of-wisdom.actifforum.com/
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 16:53

^^ http://hitskin.com/themes/12/65/52/i_back_title.png

en l'occurence elle l'est aussi, mais moins bien placée d'où la différence. Par contre elle est bien transparente et opaque je vous le garantie
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 16:56

c'est quand même bizarre la différence entre les deux forum lol, enfin merci ^^"" même si y avait pas de solution ^^" lol
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mar 16 Aoû 2011 - 16:58

Ne verrouillez pas de suite. Il existe un code pour l'opacité ^^ laissez moi le temps de le trouver
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Mar 16 Aoû 2011 - 17:01

d'accord ^^
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mer 17 Aoû 2011 - 3:28

ce code fonctionne

Code:
          th.secondarytitle {
                opacity:0.3;
                  -moz-opacity:0.3;
                  -ms-filter:"alpha(opacity=30)";
                  filter:alpha(opacity=30);
                }

par contre, pour rendre la meme chose sur les cellules derniers sujets, sujets et messages, il faudrait transformer votre template index_box.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Mer 17 Aoû 2011 - 18:23

Avec ce code pour la transformation?
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Mer 17 Aoû 2011 - 19:10

Le code que je vous ai donné est à mettre dans la css PA > Affichage > Couleurs > onglets à droite : feuille de style css. et enregistrez.

Pour les autres parties, j'ai besoin de modifié votre template index_box. C'est pour cela que e vous l'ai réclamé ^^
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par kiba-wolfe Ven 19 Aoû 2011 - 18:26

Ok merci Smile

Le voici:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}

         {CURRENT_TIME}

         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
kiba-wolfe

kiba-wolfe
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 04/07/2011

http://shield-of-wisdom.actifforum.com
kiba-wolfe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par SoraNoHime Ven 19 Aoû 2011 - 18:49

Repérez :
Code:
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width;">{L_LASTPOST}</div></th>
  </tr>

et changez le ainsi :
Code:
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50" class="trans">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50" class="trans">{L_POSTS}</th>
      <th nowrap="nowrap" width="150" class="trans"><div style="width;">{L_LASTPOST}</div></th>
  </tr>

et dans la css mettez :
Code:
                  th.trans {
                        opacity:0.3;
                          -moz-opacity:0.3;
                          -ms-filter:"alpha(opacity=30)";
                          filter:alpha(opacity=30);
                        }
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Transparence

Message par Alex Fowl Mar 23 Aoû 2011 - 0:24

Transparence Ktip10Bonjour,

Où en-est votre problème ?

Deux solutions :
  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile
avatar

Alex Fowl
Membre actif

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

Alex Fowl 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