Transparence.

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

Résolu Transparence.

Message par porchinet le Dim 5 Fév 2012 - 13:59

Bonjour a tous.

Aux endroits indiqués par les flèches, je voudrais que ce soit transparent.

Merci pour la méthode.

[url=http://www.servimg.com/image_preview.php?i=1764&u=12806794][/u
rl]


Dernière édition par porchinet le Ven 10 Fév 2012 - 17:33, édité 1 fois

porchinet
****

Masculin
Messages : 432
Inscrit(e) le : 07/08/2008

http://adn911.forumsactifs.net/forum.htm
porchinet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence.

Message par Dr. Karlos le Dim 5 Fév 2012 - 18:12

Bonjour,

Pouvez-vous coller votre template index_box ici s'il vous plait? Si on applique directement la transparence, on va devoir rendre transparent d'autres cadres ^^. Avec votre template, nous allons pouvoir modifier la class du tableau.


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence.

Message par porchinet le Dim 5 Fév 2012 - 18:58

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>
  </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="1" valign="top" width="100%" height="50">                                                   
                    <div class="le_tout">                                                                                                  <!---- DÉBUT DES MODIFICATIONS ---->                         
                                    <table width="100%">
                                              <tr>
                                                      <td  width="75%"><h{catrow.forumrow.LEVEL} class="hierarchy">
                                                                  <div class="titre_forum">
                                                                      <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                                                      </span> </div>
                                                            </h{catrow.forumrow.LEVEL}>
                                                                  <span style="/position: relative;" class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
                                                                                  <div class="moderateur"><!-- BEGIN switch_moderators_links -->{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links --></div>
                                                    </td>
                                                    <td width="25%" valign="center" style="background-position: top; margin-top: 3px; margin-right: 23px; color:#d1c88d;">
                                                                                  <!-- BEGIN forum_link_no -->
                                                                  <div class="sujets_messages">
                                                                                  <span class="gensmall" style="color:#f1e0a6;">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
                                                                  </div>
                                                                  <div class="dernier_messages">
                                                                                  <span class="gensmall" style="color:#f1e0a6;">{catrow.forumrow.LAST_POST}</span>
                                                                  </div>
                </div>
                                                    </td>
                                                                                    <!-- END forum_link_no -->
                                        </tr>
                              </table>
</div>

      <table width="100%">
            <tr>
                    <td>
                              <div class="lien_du_bas">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                              </div>
                    </td>
            </tr>
      </table>                                                                <!---- FIN DES MODIFICATIONS  ---->
</td>
</tr>                                                                                   
                              <!-- BEGIN forum_link -->
                              <!-- END forum_link -->
</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 --><div id="bas"></div> 

porchinet
****

Masculin
Messages : 432
Inscrit(e) le : 07/08/2008

http://adn911.forumsactifs.net/forum.htm
porchinet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence.

Message par Dr. Karlos le Lun 6 Fév 2012 - 0:15

Remplacez votre ancien template index_box par celui-ci:
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="transparence" 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>
  </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="1" valign="top" width="100%" height="50">                                                 
                    <div class="le_tout">                                                                                                  <!---- DÉBUT DES MODIFICATIONS ---->                       
                                    <table width="100%">
                                              <tr>
                                                      <td  width="75%"><h{catrow.forumrow.LEVEL} class="hierarchy">
                                                                  <div class="titre_forum">
                                                                      <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                                                      </span> </div>
                                                            </h{catrow.forumrow.LEVEL}>
                                                                  <span style="/position: relative;" class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
                                                                                  <div class="moderateur"><!-- BEGIN switch_moderators_links -->{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links --></div>
                                                    </td>
                                                    <td width="25%" valign="center" style="background-position: top; margin-top: 3px; margin-right: 23px; color:#d1c88d;">
                                                                                  <!-- BEGIN forum_link_no -->
                                                                  <div class="sujets_messages">
                                                                                  <span class="gensmall" style="color:#f1e0a6;">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
                                                                  </div>
                                                                  <div class="dernier_messages">
                                                                                  <span class="gensmall" style="color:#f1e0a6;">{catrow.forumrow.LAST_POST}</span>
                                                                  </div>
                </div>
                                                    </td>
                                                                                    <!-- END forum_link_no -->
                                        </tr>
                              </table>
</div>
 
      <table width="100%">
            <tr>
                    <td>
                              <div class="lien_du_bas">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                              </div>
                    </td>
            </tr>
      </table>                                                                <!---- FIN DES MODIFICATIONS  ---->
</td>
</tr>                                                                                 
                              <!-- BEGIN forum_link -->
                              <!-- END forum_link -->
</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 --><div id="bas"></div>

Et ajoutez ce code dans votre CSS:
Code:
.transparence, td.row1, td.row1:hover, td.row1.over, td.row1.over:hover {
  background-color: transparent !important;
}


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence.

Message par porchinet le Lun 6 Fév 2012 - 0:23

Super Merci.
Après essai, résultat négatif, seul le contour ( jaune sur la photo ) avait disparu.

porchinet
****

Masculin
Messages : 432
Inscrit(e) le : 07/08/2008

http://adn911.forumsactifs.net/forum.htm
porchinet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence.

Message par Dr. Karlos le Mar 7 Fév 2012 - 3:35

Bonsoir,

Êtes-vous sur d'avoir bien entré mon code et d'avoir publié le tout avec ajout ? Ça fonctionne pourtant bien chez moi.

Sinon, essayez avec ce code:
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" style="background-color: transparent;">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="1" valign="top" width="100%" height="50">                                                 
                    <div class="le_tout">                                                                                                  <!---- DÉBUT DES MODIFICATIONS ---->                       
                                    <table width="100%">
                                              <tr>
                                                      <td  width="75%"><h{catrow.forumrow.LEVEL} class="hierarchy">
                                                                  <div class="titre_forum">
                                                                      <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                                                      </span> </div>
                                                            </h{catrow.forumrow.LEVEL}>
                                                                  <span style="/position: relative;" class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
                                                                                  <div class="moderateur"><!-- BEGIN switch_moderators_links -->{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links --></div>
                                                    </td>
                                                    <td width="25%" valign="center" style="background-position: top; margin-top: 3px; margin-right: 23px; color:#d1c88d;">
                                                                                  <!-- BEGIN forum_link_no -->
                                                                  <div class="sujets_messages">
                                                                                  <span class="gensmall" style="color:#f1e0a6;">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
                                                                  </div>
                                                                  <div class="dernier_messages">
                                                                                  <span class="gensmall" style="color:#f1e0a6;">{catrow.forumrow.LAST_POST}</span>
                                                                  </div>
                </div>
                                                    </td>
                                                                                    <!-- END forum_link_no -->
                                        </tr>
                              </table>
</div>
 
      <table width="100%">
            <tr>
                    <td>
                              <div class="lien_du_bas">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                              </div>
                    </td>
            </tr>
      </table>                                                                <!---- FIN DES MODIFICATIONS  ---->
</td>
</tr>                                                                                 
                              <!-- BEGIN forum_link -->
                              <!-- END forum_link -->
</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 --><div id="bas"></div>


Avec ce CSS:
Code:
td.row1, td.row1:hover, td.row1.over, td.row1.over:hover {
  background-color: transparent !important;
}
Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence.

Message par porchinet le Ven 10 Fév 2012 - 17:32

L'index box a déja été modifié, je ne peux le remplacer.
Merci Doc,j'abandonne ce projet, l'astuce servira a d'autres.

porchinet
****

Masculin
Messages : 432
Inscrit(e) le : 07/08/2008

http://adn911.forumsactifs.net/forum.htm
porchinet 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