Retirer l'effet slide d'un tableau à onglet
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Retirer l'effet slide d'un tableau à onglet
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : néant
Description du problème
Bonsoir (encore moi)Comme l'indique mon titre,je voudrais savoir comment retirer l'effet slide dans un tableau à onglet. J'aimerai que le changement des onglets se fasse sans aucun effet "qui les déplacerait". Je n'ai pas ajouté l'effet slide à mon html ni à mon CSS donc je pense que ça ne peut venir que du script (j'ai utilisé le tuto du forum concernant les tableaux à onglets). Cependant, je ne m'y connais pas trop en script donc je n'y ai pas touché.
- Code:
<div class="staff">
<div class="systab s_hover s_float s_fade">
<div class="selected">
<span><img src="http://i.imgbox.com/pPJSAIk1.png" /></span>
<table>
<tbody>
<tr>
<td style="width: 115px">
<div class="nomstaff" style="width:100px; line-height: 11px;">
Theo E. Worthington
</div>
<div class="detailname">
fondatrice
</div>
<br />
<div align="center">
<em><span style="color: #9fa0a3;">QUIET RIOT</span></em>
</div>
<div align="center">
DC: aucun<br /><a href="http://luckyones.forums-actifs.com/u4">profil</a> - <a href="http://luckyones.forums-actifs.com/privmsg?mode=post&u=4">contacter</a>
</div>
</td>
<td>
<span id="truc"><img src="http://i.imgbox.com/oCmgTjqL.png" style="margin-left: 6px; border: 1px solid rgb(234, 224, 209); padding: 2px;" align="left" /></span>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<span><img src="http://i.imgbox.com/wEttgMdU.png" /></span>
<table>
<tbody>
<tr>
<td style="width: 115px">
<div class="nomstaff" style="width:100px; line-height: 11px;">
Voltaire "Volt" A. Wentz
</div>
<div class="detailname">
admin
</div>
<br />
<div align="center">
<em><span style="color: #9fa0a3;">≠ novocaine</span></em>
</div>
<div align="center">
DC: aucun<br /><a href="http://luckyones.forums-actifs.com/u4">profil</a> - <a href="http://luckyones.forums-actifs.com/privmsg?mode=post&u=4">contacter</a>
</div>
</td>
<td>
<span id="truc"><img src="http://i.imgbox.com/ez4fN2jI.png" style="margin-left: 6px; border: 1px solid rgb(234, 224, 209); padding: 2px;" align="left" /></span>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<span><img src="http://i.imgbox.com/12XaNRaA.png" /></span> contenu
</div>
</div>
</div>
- Code:
.contexte{
width: 330px;
height: 120px;
overflow: auto;
background-color: #fffcf6;
padding: 5px;
text-align: justify;
border-bottom: 1px solid #ddbc4b;
border-top: 1px solid #ddbc4b;
}
.news{
width: 300px;
height: 120px;
overflow: auto;
background-color: #fffcf6;
padding: 5px;
text-align: justify;
border-bottom: 1px solid #ddbc4b;
border-top: 1px solid #ddbc4b;
}
.staff{
width: 280px;
height: 121px;
background-color: #fffcf6;
padding: 5px;
text-align: justify;
border-bottom: 1px solid #ddbc4b;
border-top: 1px solid #ddbc4b;
}
.nomstaff{
text-align: center;
font-family: 'Vollkorn', serif;
font-size: 15px;
margin-bottom: 1px;
color: #c9037c;
text-transform: lowercase;
font-weight: lighter;
}
.bloc {
background-color: #9c4f83;
font-family: 'Oswald', sans-serif;
font-weight: lighter;
padding: 3px;
margin : 3px;
font-size:10px;
text-align: center;
width: 85px;
text-transform: uppercase;}
.patitre {
font-family: 'Yanone Kaffeesatz', sans-serif;
text-transform: uppercase;
font-size: 17px;
font-weight:lighter;
text-decoration: none;
text-shadow: 0 0 1px;
color: #eec743;
}
bl {
font-family: 'Oswald', sans-serif;
font-size: 10px;
letter-spacing: 1px;
color: #9BBBB0;
text-transform: uppercase; }
v {
font-family: 'Oswald', sans-serif;
font-size: 10px;
letter-spacing: 1px;
color: #9c4f83;
text-transform: uppercase; }
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
display: block;
margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
float: left;
}
#truc img {
opacity: 0.8;
}
#truc img:hover {
opacity: 1;
}
Dernière édition par Maxwellx3 le Sam 28 Mar 2015 - 14:52, édité 1 fois
Re: Retirer l'effet slide d'un tableau à onglet
Bonjour,
Cela vient forcément du script, lequel n'apparaît pas dans vos informations.
Cordialement.
Cela vient forcément du script, lequel n'apparaît pas dans vos informations.
Cordialement.
Invité- Invité
Re: Retirer l'effet slide d'un tableau à onglet
Bonjour,
J'ai indiqué qu'il s'agissait du tutoriel de FA donc forcément le script est le même : https://forum.forumactif.com/t310879-tableaux-a-onglets
J'ai indiqué qu'il s'agissait du tutoriel de FA donc forcément le script est le même : https://forum.forumactif.com/t310879-tableaux-a-onglets
Re: Retirer l'effet slide d'un tableau à onglet
Bonjour
Essayez en changeant la valeur 500 par 0 (2 fois) dans le code javascript .
Essayez en changeant la valeur 500 par 0 (2 fois) dans le code javascript .
Re: Retirer l'effet slide d'un tableau à onglet
Boujour Oxymore,
J'ai essayé et ça a parfaitement fonctionné. Merci beaucoup
J'ai essayé et ça a parfaitement fonctionné. Merci beaucoup
Sujets similaires
» Tableau à onglet
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» Tableau en onglet, what the..Bug?
» Retirer dans l'onglet "créer un forum :"
» Retirer l'onglet "rechercher" sous le menu
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» Tableau en onglet, what the..Bug?
» Retirer dans l'onglet "créer un forum :"
» Retirer l'onglet "rechercher" sous le menu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum