Transparence

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

  • 0

Résolu Transparence

Message par kiba-wolfe le 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:



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

merci

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 le Mar 16 Aoû 2011 - 0:58

Bonsoir,

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

Cordialement.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

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

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



Voila Smile

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par kiba-wolfe le 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
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 le Mar 16 Aoû 2011 - 15:00

a quel endrois faut' le mettre (le code)

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

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

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

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 le Mar 16 Aoû 2011 - 16:18

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

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par horodir le 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
*

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 le 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
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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

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

dsl j'avais pas vu

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 le 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
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 le Mar 16 Aoû 2011 - 16:48

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

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par kiba-wolfe le 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
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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par kiba-wolfe le 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
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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

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

d'accord ^^

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

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

Avec ce code pour la transformation?

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

Message par kiba-wolfe le 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
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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence

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

Bonjour,

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

Alex Fowl
+ Hyperactif +

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

http://www.aidactif.fr
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