fond transparent derrière onglet

4 participants

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

Résolu fond transparent derrière onglet

Message par celestia Dim 24 Juil 2011 - 17:32

Bonjour,

J'ai installé ce tuto sur mon forum : https://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
avatar

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 Dim 24 Juil 2011 - 20:01

salut,

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


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

LouSheeta
****

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

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia 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à
avatar

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 Dim 24 Juil 2011 - 20:11

Peux-tu me passer ton template index_box?
LouSheeta

LouSheeta
****

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

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia 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 -->
avatar

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 Lun 25 Juil 2011 - 17:57

Il me faudra aussi ton CSS
LouSheeta

LouSheeta
****

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

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia 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;
}
avatar

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

LouSheeta
****

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

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia Lun 25 Juil 2011 - 20:24

merci mais ça marche pas
avatar

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

LouSheeta
****

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

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia 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
avatar

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

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par celestia Mer 27 Juil 2011 - 12:45

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

Mon problème est résolu.
avatar

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

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond transparent derrière onglet

Message par Yami-Slifer 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

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 Ven 29 Juil 2011 - 22:27

fond transparent derrière onglet Check10Bonjour,

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 fond transparent derrière onglet Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton fond transparent derrière onglet 50378

A bientôt sur ForumActif Smile


Pour faciliter les recherches, mettez un titre explicite.
Remerciez fond transparent derrière onglet 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu fond transparent derrière onglet 3592387030 pour prévenir la modération.

fond transparent derrière onglet Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum