Transparence

[kiba-wolfe]

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é

merci

[SoraNoHime]

Bonsoir,

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

Cordialement.

[kiba-wolfe]

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



Voila

[SoraNoHime]

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.

[kiba-wolfe]

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

[Fun-mangas]

a quel endrois faut' le mettre (le code)

[SoraNoHime]

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é

[kiba-wolfe]

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

[SoraNoHime]

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

[horodir]

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.

[kiba-wolfe]

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

[SoraNoHime]

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 ^^

[horodir]

dsl j'avais pas vu

[kiba-wolfe]

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?

[SoraNoHime]

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

[kiba-wolfe]

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

[SoraNoHime]

^^ 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

[kiba-wolfe]

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

[SoraNoHime]

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

[kiba-wolfe]

d'accord ^^

[SoraNoHime]

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.

[kiba-wolfe]

Avec ce code pour la transformation?

[SoraNoHime]

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é ^^

[kiba-wolfe]

Ok merci

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

[SoraNoHime]

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);
                        }

[Alex Fowl]

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