Fusionner des catégories et onglets apparents. Bouton_activeFusionner des catégories et onglets apparents. Bouton_hoverFusionner des catégories et onglets apparents. Fb-hoverFusionner des catégories et onglets apparents. Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Fusionner des catégories et onglets apparents. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Fusionner des catégories et onglets apparents. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Fusionner des catégories et onglets apparents. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Fusionner des catégories et onglets apparents. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Fusionner des catégories et onglets apparents. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Fusionner des catégories et onglets apparents. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Fusionner des catégories et onglets apparents. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Fusionner des catégories et onglets apparents. EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

CSSActif :: Corbeille :: Archives de CSSActif :: Demandes d'aidePartagez
 

Fusionner des catégories et onglets apparents.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://world-of-deedee.blogspot.com
D33d33
{ Membre }
{ Membre }

Féminin Messages : 17



Fusionner des catégories et onglets apparents. Empty
Bonjour !

En fait j'ai un problème. Voici mon forum : http://gals-academy.monally.com/

1. J'aimerais fusionner la partie du tableau avec celle du forum.
2. J'aimerais faire en sorte que les onglets soient "au début" du forum, et non dans une case comme vous le voyez sur le forum.

Ce que j'aimerais avoir : https://2img.net/r/ihimizer/img834/439/trollin.png

Pourriez-vous m'aider à réaliser cela ? Fusionner des catégories et onglets apparents. 577704309

Merci d'avance !
MessageSujet: Fusionner des catégories et onglets apparents.   Fusionner des catégories et onglets apparents. EmptyDim 06 Mai 2012, 14:29
Revenir en haut Aller en bas
http://untold-legends.keuf.net/
Ravener
Ravener
{ Membre }
{ Membre }

Féminin Messages : 70



Fusionner des catégories et onglets apparents. Empty
En fait c'est une question de margin ou de padding il me semble. Si tu nous montrerais ton code ( CSS et HTML ), ça irait beaucoup mieux =)
MessageSujet: Re: Fusionner des catégories et onglets apparents.   Fusionner des catégories et onglets apparents. EmptyDim 06 Mai 2012, 18:52
Revenir en haut Aller en bas
http://world-of-deedee.blogspot.com
D33d33
{ Membre }
{ Membre }

Féminin Messages : 17



Fusionner des catégories et onglets apparents. Empty
Voici le CSS

Code:


/* Bases */
body   {
   background-image:url(http://img23.imageshack.us/img23/7663/resizegalsacademybann.png);
   background-color:#E2E2E2;
   background-repeat:no-repeat;
   background-position:left top;
   background-attachment:scroll;
   cursor:crosshair;
   }

b   {
   text-decoration:none;
   font-weight:bold;
   color:#645B53;
   }
   
i   {
   text-decoration:none;
   font-style:italic;
   color:#645B53;
   }
   
u   {
   border-bottom:1px solid #645B53;
   text-decoration:none;
   -webkit-border-radius:0px;
   -moz-border-radius:0px;
   border-radius:0px;
   }
   
u:hover   {border-bottom:1px solid #43691c;}

a, a:link, a:active, a:visited   {
   text-decoration:none;
   -webkit-transition:all 1s ease-in-out;
   -moz-transition:all 1s ease-in-out;
   -ms-transition:all 1s ease-in-out;
   -o-transition:all 1s ease-in-out;
   transition:all 1s ease-in-out;
   }

a:hover, a:link:hover, a:active:hover, a:visited:hover   {text-decoration:none;}

.bodyline    {
   border-left:none;
   border-right:none;
   -webkit-border-radius:0px;
   -moz-border-radius:0px;
   border-radius:0px;
   }
   
.forumline   {
     background-color:#deedc0;
   border:none;
   -webkit-border-radius:0px 0px 30px 30px;
   -moz-border-radius:0px 0px 30px 30px;
   border-radius:0px 0px 30px 30px;
   }


td    {
   border-color:#000000;
   -webkit-border-radius:0px;
   -moz-border-radius:0px;
   border-radius:0px;
   }

.quote   {
   background-color:#8ba556;
   border:1px dashed #8ba556;
   padding:10px;
   font-family:Tahoma;
   font-size:12px;
   line-height:125%;
   color:#5f703a;
   -webkit-border-radius:0px;
   -moz-border-radius:0px;
   border-radius:0px;
   }

.code   {
   background-color:#8ba556;
   border:1px dashed #8ba556;
   padding:10px;
   font-family:Courier, Courier New, sans-serif;
   font-size:11px;
   color:#645b53;
   -webkit-border-radius:20px;
   -moz-border-radius:20px;
   border-radius:20px;
   }

input, textarea   {
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   }

tr.post span.gensmall   {display:none;}
/* Fin Bases */

/* Barre Navigation */
a.mainmenu img {display:none;}

a.mainmenu:link, a.mainmenu:visited   {
   font-variant:Small-caps;
   font-family:Georgia;
   font-size:13px;
   color:#605851;
   text-align:left;
   }

a.mainmenu   {
   opacity:0.3;
   -webkit-transition:all 1s ease-in-out;
   -moz-transition:all 1s ease-in-out;
   -ms-transition:all 1s ease-in-out;
   -o-transition:all 1s ease-in-out;
   transition:all 1s ease-in-out;
   } 

a.mainmenu:hover   {
   opacity:1;
   -webkit-transform:scale(1) rotate(0deg) translate(10px);
   -moz-transform:scale(1) rotate(0deg) translate(10px);
   -ms-transform:scale(1) rotate(0deg) translate(10px);
   -o-transform:scale(1) rotate(0deg) translate(10px);
   transform:scale(1) rotate(0deg) translate(10px);
   z-index:999;
   }

div.navig   {
   background-color:#d7d0c8;
   border-top:3px #b3aba1 double;
   border-bottom:3px #b3aba1 double;
   width:100%;
   margin-left:-8px;
   margin-right:-8px;
   margin-top:-8px;
   position:fixed;
   z-index:999;
   }

a.mainmenu:hover, a.mainmenu:hover:visited   {color:#605851;}

#i_logo   {
   margin-left:-10px;
   margin-right:-10px;
   margin-top:-10px;
   }
      
.bodylinewidth   {
   margin-left:-10px auto;
   margin-right:-10px auto;
   margin-top:-10px auto;
   margin-bottom:-10px auto;
   }
 /* Fin Bare Navigation */

/* PA */
div.linkspa   {
   width:200px;
   overflow:auto;
   text-align:center;
   cursor:crosshair;
   }

.linkpa a, .linkpa a:link, .linkpa a:active, .linkpa a:visited   {
   background-color:#e2eabd;
   border-bottom:3px solid #eaf2c4;
   padding-top:1px;
   padding-bottom:1px;
   display:block;
   font-size:10px;
   text-align:center;
   cursor:crosshair;
   }

.linkpa a:hover, .linkpa a:link:hover, .linkpa a:active:hover, .linkpa a:visited:hover   {background-color:#8ba556;}
/* Fin PA */

/* Titres Forums */
.forumlink   {
   font-family:Times New Roman;
   font-size:14px;
   color:#3c353a;
   font-variant:small-caps;
   }

.forumlink:hover   {
   color:#ffffff;
   cursor:ne-resize;
   }

.forumlink a, .forumlink a:link, .forumlink a:visited, .forumlink a:active   {
   font-family:Times New Roman;
   font-size:14px;
   color:#3c353a;
   font-variant:small-caps;
   }

.forumlink a:hover, .forumlink a:link:hover, .forumlink a:visited:hover, .forumlink a:active:hover   {
   color:#ffffff;
   cursor:crosshair;
   }
/* Fin Titres Forums */

/* Liens Forums */
.forumliens a, .forumliens a:link, .forumliens a:active, .forumliens a:visited   {
   background-color:#8ba556;
   padding-left:5px;
   padding-right:5px;
   font-family:Georgia;
   font-size:11px;
   color:#a10000;
   cursor:crosshair;
   }
/* Fin Liens Forums */

/* Affichage Profil */
.postdetails.poster-profile a img   {
   border:5px solid #8ba556;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   }
.pseudo   {
   border:5px solid #8ba556;
   background-color:#8ba556;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
      }
/* Fin Affichage Profil */

/* Fiches de Présentations */
.caté1   {
   font-variant:small-caps;
   font-style:italic;
   font-family:Georgia;
   font-size:18px;
   color:#050542;
   text-shadow:2px 2px 2px #646464;
   }
   
.nompre1   {
   font-style:italic;
   font-family:Georgia;
   font-size:24px;
   color:#a10000;
   }
/* Fin Fiches de Présentations */

/* Prédéfinis */
.nompred1   {
   font-style:italic;
   font-family:Georgia;
   font-size:18px;
   color:#a10000;
   }
/* FinPrédéfinis */

/* Contenu des Sujets */
.titre1   {
   font-style:italic;
   font-family:Georgia;
   font-size:24px;
   color:#050542;
   }

.titre1:hover   {
   color:#a1562f;
   }

.titre2   {
   font-size:18px;
   color:#A8162E;
   }

.titre3   {
   font-weight:bold;
   font-family:Courier New, Courier,sans-serif;
   font-size:32px;
   color:#A8162E;
   }
/* Fin Contenu des Sujets */

/* Qui est en ligne */
.groupes   {
   padding-right:10px;
   padding-left:10px;
   text-decoration:none !important;
   }
/* Fin Qui est en ligne */

/* Autres */
#i_logo   {
   margin-top:-10px;
   margin-left:-10px;
   margin-right:-10px;
   }
      
.bodylinewidth   {margin:-10px auto}
/* Fin Autres */
/* Autres */
#i_logo   {
   margin-top:-10px;
   margin-left:-10px;
   margin-right:-10px;
   }
      
.bodylinewidth   {margin:-10px auto}
/* Fin Autres */


#onglets   {
   width:800px;
              margin-top:10px;
   text-align:left;
   }

.onglet_selected   {
   background:#BAD977;
              display:inline;
   padding:5px;
   margin-right:10px;
   color:#6A8B27;
   -moz-border-radius:10px 10px 0px 0px;
   -webkit-border-radius:10px 10px 0px 0px;
   }

.onglet   {
   background:#BEBEBE;
              display:inline;
   padding:5px;
   margin-right:10px;
   color:#6A8B27;
   -moz-border-radius:10px 10px 0px 0px;
   -webkit-border-radius:10px 10px 0px 0px;}

.contenu   {
   background: no-background;
   padding:10px;
   height:200px;
   font-size:11px;
   }

.clear   {
   clear:both;
   }

/* Scroller Box */
#scroller_container   {
   width:100%;
   height:250px;
   overflow:hidden;
   }

/* CSS Hack Safari */
#dummy   {;#}

#scroller_container   {overflow:auto;}

/* Infobulle1 */

.predefbulle   {
   position:relative;
   z-index:0;
   }

.predefbulle:hover   {
   background-color:transparent;
   z-index:50;
   }

.predefbulle span   {
   background-color:#1c223d;
   border:3px #10152c solid;
   padding:5px;
   width:90px;
   left:25px;
   top:15px;
   display:inline;
   visibility:visible;
   position:absolute;
   z-index:-100;
   opacity:0;
   -moz-transition:all 1s ease;
   -webkit-transition:all 1s ease;
   -o-transition:all 1s ease;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   }

.predefbulle:hover span   {
   visibility:visible;
   display:inline;
   z-index: 999;
   opacity:1;
   }

.predefbulle img   {
   border:1px #3c4883 solid;
   -moz-transition:all 1.5s ease;
   -webkit-transition:all 1.5s ease;
   -o-transition:all 1.5s ease;
   }

.predefbulle img:hover   {border:1px #10152c solid;}
/* Fin Infobulle1 */

/* Tableau index */
.systab   {margin-top:20px;}
   /* .systab .tab => les onglet */
.systab .tab   {
   background-image:url(http://img72.imageshack.us/img72/3258/ongletnormal.png);
   border-radius:30px 30px 0px 0px;
   -moz-border-radius:30px 30px 0px 0px;
   -webkit-border-radius:30px 30px 0px 0px;
   border:0px;
   padding:10px;
   margin-top:20px;
   cursor:crosshair;
     border:1px solid #BCBCBC;
   color:#282828;
   }
   /* .systab .tab:hover => les onglets survolés */
.systab .tab:hover   {
   background-image:url(http://img72.imageshack.us/img72/3258/ongletnormal.png);
   border:1px solid #BCBCBC;
     color:#7C7C7C;
   }
   /* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected   {
   background-image:url(http://img706.imageshack.us/img706/2690/onglethover.png);
   border:1px solid #BCBCBC;
     color:#3E3E3E;
   }
   /* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents   {
   background-image:url(http://img72.imageshack.us/img72/3258/ongletnormal.png);
   border:1px solid #BCBCBC;
   padding:10px;
   margin-top:10px;
   margin-bottom:20px;
   color:#282828;
   }
   /* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab   {
   margin:5px;
   display:block;
   }
   /* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents   {float:left;}
/* fin tableau index */



Et voici le html

Code:


<div class="systab"><div>
    <span> .:: News ::. </span>

/* début tableau */

<table style="width: 100%; border-collapse:collapse; border:1px none #B6B6B6;">
   <tr>
      <td>Titre 1</td>
      <td>Titre 2</td>
   </tr>
   <tr>
<td><div align="justify">
I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it. I'm sexy and I know it.
</div>
</td>

<td><div align="justify">
LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL. LOL.
</div>
</td>
   </tr>
</table>

/* fin tableau */

</div><div class="selected">
    <span> .:: Staff ::. </span>
            Liste des membres du staff.
</div><div>
      <span> .:: Concours ::. </span>
            Liste des concours
</div>
</div>


Voici l'exemple que j'aimerais suivre (ça peut aider à se rendre compte de l'idée) : http://crazy-tale.forumactif.org/
MessageSujet: Re: Fusionner des catégories et onglets apparents.   Fusionner des catégories et onglets apparents. EmptyDim 06 Mai 2012, 22:08
Revenir en haut Aller en bas
http://www.css-actif.com/
Luffy ♣
Luffy ♣
King of Pirates

Masculin Messages : 4694



Fusionner des catégories et onglets apparents. Empty
Coucou,
Ton problème est-il toujours d'actualité ?
Si oui, il faudrait le préciser afin que les codeurs puissent voir ton problème et tenter de t'aider à le résoudre =D
D'avance, merci Fusionner des catégories et onglets apparents. 1440637669
MessageSujet: Re: Fusionner des catégories et onglets apparents.   Fusionner des catégories et onglets apparents. EmptyVen 11 Mai 2012, 01:54
Revenir en haut Aller en bas
http://world-of-deedee.blogspot.com
D33d33
{ Membre }
{ Membre }

Féminin Messages : 17



Fusionner des catégories et onglets apparents. Empty
Oui il est toujours d'actualité ! Smile
MessageSujet: Re: Fusionner des catégories et onglets apparents.   Fusionner des catégories et onglets apparents. EmptyVen 11 Mai 2012, 18:29
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Fusionner des catégories et onglets apparents. Empty
Bonjour,

Ceci relève davantage de la commande que d'un problème. Tu aimerais refaire ce qu'un autre forum fait, et ce n'est pas le but de CSSActif. En conséquence, j'archive ce sujet.

Merci de ta compréhension.
MessageSujet: Re: Fusionner des catégories et onglets apparents.   Fusionner des catégories et onglets apparents. EmptyJeu 17 Mai 2012, 05:24
Revenir en haut Aller en bas
Contenu sponsorisé




Fusionner des catégories et onglets apparents. Empty
MessageSujet: Re: Fusionner des catégories et onglets apparents.   Fusionner des catégories et onglets apparents. Empty
Revenir en haut Aller en bas
 

Fusionner des catégories et onglets apparents.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Image sur colonne de tableau + fusionner nom catégories et Forums
» Catégories en onglets
» Catégories en Onglets
» Problèmes de catégories en onglets
» Problème onglets de catégories

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Demandes d'aide-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit