fond transparent derrière onglet
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
fond transparent derrière onglet
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,
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
Re: fond transparent derrière onglet
salut,
avec css :
balise{background-color: transparent;}
tu peux aussi essayer:
balise{background: none;}
avec css :
balise{background-color: transparent;}
tu peux aussi essayer:
balise{background: none;}
Re: fond transparent derrière onglet
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à
Re: fond transparent derrière onglet
Peux-tu me passer ton template index_box?
Re: fond transparent derrière onglet
- 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 -->
Re: fond transparent derrière onglet
Il me faudra aussi ton CSS
Re: fond transparent derrière onglet
Voilà chef !
- 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;
}
Re: fond transparent derrière onglet
Voici ton CSS avec les modifs. Pas de modifications à faire pour les templates
Tu as juste à remplacer ton CSS par celui qui suit :
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: ;
}
Re: fond transparent derrière onglet
merci mais ça marche pas
Re: fond transparent derrière onglet
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;
}
Re: fond transparent derrière onglet
ça marche pas. Je pense qu'il faut aussi toucher les templates. Merci à toi. Je vais m'arranger autrement
Re: fond transparent derrière onglet
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 :
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>
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]
et ensuite, ajoutez ceci dans votre css :
- Code:
.categorietransparente {background-color:transparent !important;}
Re: fond transparent derrière onglet
ça marche. Merci beaucoup à tous les 2 pour votre aide
Mon problème est résolu.
Mon problème est résolu.
Re: fond transparent derrière onglet
Très bien.
Dernière édition par Lixyr Yrna le Ven 29 Juil 2011 - 22:27, édité 1 fois
Re: fond transparent derrière onglet
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 !)
Re: fond transparent derrière onglet
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Sujets similaires
» Rendre le fond derrière la bannière transparent
» Cadre forum transparent derrière bannière
» Entête PNG à fond transparent, qui n'apparaît pas transparent
» Fond derrière champ de profil
» Fond transparent
» Cadre forum transparent derrière bannière
» Entête PNG à fond transparent, qui n'apparaît pas transparent
» Fond derrière champ de profil
» Fond transparent
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum