fond transparent derrière onglet

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

Résolu fond transparent derrière onglet

Message par celestia le Dim 24 Juil 2011 - 17:32

Bonjour,

J'ai installé ce tuto sur mon forum : http://forum.forumactif.com/t269891-affichage-des-forums-avec-onglets#2408876

Il marche très bien (une grand merci pour vos tutos). Mais j'aimerai que le fond autour des onglets soit transparent. Je sais pas si je me fais bien comprendre.


Et, tant que j'y suis, si vous avez un moyen d'enlever le fond vert derrière l'icone lune, je vous en serai très reconnaissante.

Je précise que le forum est un phpbb2 et les seules modifications faites sur le template et le css sont celles indiquées dans ce tuto.

bonne fin de journée,


Dernière édition par celestia le Sam 30 Juil 2011 - 10:25, édité 3 fois

celestia
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2011

http://levoiledessonges.forumgratuit.org/
celestia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par LouSheeta le Dim 24 Juil 2011 - 20:01

salut,

avec css :
balise{background-color: transparent;}


tu peux aussi essayer:
balise{background: none;}

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia le Dim 24 Juil 2011 - 20:05

Le problème est que la balise de cet endroit est .row1 ce qui correspond à pas mal d'autre fonds notamment les messages. Moi, je veux juste enlever le fond à cet endroit là

celestia
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2011

http://levoiledessonges.forumgratuit.org/
celestia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par LouSheeta le Dim 24 Juil 2011 - 20:11

Peux-tu me passer ton template index_box?

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia le Dim 24 Juil 2011 - 20:28

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="150"><div style="width:150px;">{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">
             
            </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">
             

            </span>
        </h{catrow.forumrow.LEVEL}>

<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->

        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- 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 -->

celestia
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2011

http://levoiledessonges.forumgratuit.org/
celestia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par LouSheeta le Lun 25 Juil 2011 - 17:57

Il me faudra aussi ton CSS

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia le Lun 25 Juil 2011 - 18:12

Voilà chef ! salut

Code:
a:hover {text-decoration: blink !important}
a { text-decoration: none; }


/*----onglets-----*/

ul, li{
  list-style: none;

 
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffd3e9;
  border: 1px solid #D26BA3;
  cursor: pointer;
  margin-bottom: -1px;
}
.mon_onglet:hover{
  background: #CEFBE7;
border: none;
}         
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #CEFBE7;
  border: none;
  cursor: pointer;
  margin-bottom: -1px;
}           
.clear{
  clear: both;
}
.mon_contenu{
height: 450px;
width: 600px;
  color: #000;
  background: #ffd3e9;
  border: 1px solid #D26BA3;
  padding: 10px;
        margin: -1px; 
    font-size: 14px;   
}
#mes_contenus, #mes_onglets{
  width: 600px;

}

/*----contours-----*/

td.catLeft {
  border-width:0 0 0 0px !important;
}

td.catBottom {
  border-width:0 0px 0px !important;
}

td.catHead {
  border-width:0px 0px 0 !important;
}

td.catRight {
border-width:0 0 0 0px !important;
}

td {
border-width:0 0 0 0px !important;
}

th, td, p {
border-width:0 0 0 0px !important;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #88fdc9;
      border-right: 3px solid #88fdc9;
      border-top: 3px solid #88fdc9;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
background-color: #CEFBE7;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #88fdc9;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
background-color: #CEFBE7;
}

/*--- Cette partie correspond à l'affichage des derniers messages ---*/
.row3 {

      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #88fdc9;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
background-color: #CEFBE7;
}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #88fdc9;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
background-color: #CEFBE7;
}

celestia
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2011

http://levoiledessonges.forumgratuit.org/
celestia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par LouSheeta le Lun 25 Juil 2011 - 19:21

Voici ton CSS avec les modifs. Pas de modifications à faire pour les templates Wink

Tu as juste à remplacer ton CSS par celui qui suit :
Code:
    a:hover {text-decoration: blink !important}
    a { text-decoration: none; }


    /*----onglets-----*/

    ul, li{
      list-style: none;

   
    }
    .mon_onglet{
      float: left;
      padding: 2px 10px;
      margin-right: 5px;
      color: #000;
      background: #ffd3e9;
      border: 1px solid #D26BA3;
      cursor: pointer;
      margin-bottom: -1px;
    }
    .mon_onglet:hover{
      background: #CEFBE7;
    border: none;
    }       
    .mon_onglet_selected{
      float: left;
      padding: 2px 10px;
      margin-right: 5px;
      color: #000;
      background: #CEFBE7;
      border: none;
      cursor: pointer;
      margin-bottom: -1px;
    }         
    .clear{
      clear: both;
    }
    .mon_contenu{
    height: 450px;
    width: 600px;
      color: #000;
      background: #ffd3e9;
      border: 1px solid #D26BA3;
      padding: 10px;
            margin: -1px;
        font-size: 14px; 
    }
    #mes_contenus, #mes_onglets{
      width: 600px;

    }

    /*----contours-----*/

    td.catLeft {
      border-width:0 0 0 0px !important;
    }

    td.catBottom {
      border-width:0 0px 0px !important;
    }

    td.catHead {
      border-width:0px 0px 0 !important;
    }

    td.catRight {
    border-width:0 0 0 0px !important;
    }

    td {
    border-width:0 0 0 0px !important;
    }

    th, td, p {
    border-width:0 0 0 0px !important;
    }

    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #88fdc9;
          border-right: 3px solid #88fdc9;
          border-top: 3px solid #88fdc9;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    background-color: transparent;
    }

    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #88fdc9;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          height: 14px;
          font-size: 11px;
    background-color: transparent;
    }

    /*--- Cette partie correspond à l'affichage des derniers messages ---*/
    .row3 {

          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #88fdc9;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    background-color: #CEFBE7;
    }

    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #88fdc9;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    background-color: ;
    }

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia le Lun 25 Juil 2011 - 20:24

merci mais ça marche pas

celestia
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2011

http://levoiledessonges.forumgratuit.org/
celestia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par LouSheeta le Lun 25 Juil 2011 - 21:45

Mince je te remets ça

Code:
    a:hover {text-decoration: blink !important}
    a { text-decoration: none; }


    /*----onglets-----*/

    ul, li{
      list-style: none;

 
    }
    .mon_onglet{
      float: left;
      padding: 2px 10px;
      margin-right: 5px;
      color: #000;
      background: #ffd3e9;
      border: 1px solid #D26BA3;
      cursor: pointer;
      margin-bottom: -1px;
    }
    .mon_onglet:hover{
      background: #CEFBE7;
    border: none;
    }     
    .mon_onglet_selected{
      float: left;
      padding: 2px 10px;
      margin-right: 5px;
      color: #000;
      background: #CEFBE7;
      border: none;
      cursor: pointer;
      margin-bottom: -1px;
    }       
    .clear{
      clear: both;
    }
    .mon_contenu{
    height: 450px;
    width: 600px;
      color: #000;
      background: #ffd3e9;
      border: 1px solid #D26BA3;
      padding: 10px;
            margin: -1px;
        font-size: 14px;
    }
    #mes_contenus, #mes_onglets{
      width: 600px;

    }

    /*----contours-----*/

    td.catLeft {
      border-width:0 0 0 0px !important;
    }

    td.catBottom {
      border-width:0 0px 0px !important;
    }

    td.catHead {
      border-width:0px 0px 0 !important;
    }

    td.catRight {
    border-width:0 0 0 0px !important;
    }

    td {
    border-width:0 0 0 0px !important;
    }

    th, td, p {
    border-width:0 0 0 0px !important;
    }

    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #88fdc9;
          border-right: 3px solid #88fdc9;
          border-top: 3px solid #88fdc9;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    background-color: transparent;
    }

    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #88fdc9;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          height: 14px;
          font-size: 11px;
    background-color: transparent;
    }

    /*--- Cette partie correspond à l'affichage des derniers messages ---*/
    .row3 {

          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #88fdc9;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    background-color: #CEFBE7;
    }

    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #88fdc9;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    background-color: tranparent;
    }

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia le Mar 26 Juil 2011 - 22:41

ça marche pas. Je pense qu'il faut aussi toucher les templates. Merci à toi. Je vais m'arranger autrement

celestia
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2011

http://levoiledessonges.forumgratuit.org/
celestia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par Lixyr le Mar 26 Juil 2011 - 23:07

Bonjour.

Pour ce faire, il faudra retirer le fond de couleur ici :

panneau d'administration >> affichage >> couleurs >> les contours >> couleurs du cadre des cellules : retirer la couleur.

Et ensuite, modifier les classes dans votre template, comme ceci :

Like a Star @ heaven pour la cellule avec la lune
<td class="categorietransparente" 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>

Like a Star @ heaven pour la cellule avec les catégories

<td class="categorietransparente" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
[... etc]


Like a Star @ heaven et ensuite, ajoutez ceci dans votre css :

Code:
.categorietransparente {background-color:transparent !important;}
bien que changer la classe après avoir retiré la couleur suffise.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia le Mer 27 Juil 2011 - 12:45

ça marche. Merci beaucoup à tous les 2 pour votre aide

Mon problème est résolu.

celestia
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2011

http://levoiledessonges.forumgratuit.org/
celestia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par Lixyr le Mer 27 Juil 2011 - 12:58

Très bien. ::fleur::


Dernière édition par Lixyr Yrna le Ven 29 Juil 2011 - 22:27, édité 1 fois

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par Yami-Slifer le Jeu 28 Juil 2011 - 20:35

Création d'un nouveau sujet finalement [...] Désolé


Dernière édition par Yami-Slifer le Jeu 28 Juil 2011 - 21:16, édité 1 fois (Raison : Exposition de mon problème sur mon propre sujet !)

Yami-Slifer
*****

Masculin
Messages : 596
Inscrit(e) le : 06/12/2004

http://a.pu
Yami-Slifer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par Lixyr le Ven 29 Juil 2011 - 22:27

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr 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