Utilisateur:Hlm Z./Palette de navigation/Archive

Code

Méta palette de navigation

CSS

Archive

/* fr-collapsible-toggle des boîtes déroulantes */
/* Crédit par Lgd, voir [[Utilisateur:Lgd/newCollapsible]] */
/* Une amélioration au niveau de la taille du CSS est enviseagable, Lua, simplification... */
.toggleboxnew {
border: 1px solid #AAA;
padding: 2px 2px 0 2px;
border-radius: 0; /* bidule coin arrondi inutile à retirer */
}
.toggleboxnew_title {
background:#EFEFEF;
margin: 0 0 2px 0;
text-align: center;
font-weight: bold;
padding: 0 5em;
}
.toggleboxnew .fr-collapsible-content {
font-size: 89%; /* harmonisition de la police à 89% */
}
 
/* fr-collapsible-toggle des boîtes, palettes et tableaux déroulants */
.toggleboxnew .fr-collapsible-toggle, .navboxnew .fr-collapsible-toggle, caption .fr-collapsible-toggle {
font-size: 89%; /* harmonisition de la police à 89% */
font-weight: normal;
min-width: 5em;
text-align: left;
}
 
/* fr-collapsible-toggle des tableaux */
table.fr-collapsible {
min-width: 80%;
}
table.fr-collapsible.fr-enhanced-rc {
min-width: 0;
}
table.fr-collapsible caption {
background: #EFEFEF;
border: 1px solid #AAAAAA;
border-radius: 0; /* bidule coin arrondi inutile à retirer */
margin-bottom: 3px;
}
 
/* Les palettes, tout un monde à elles toutes seules... */
.navboxnew {
border: 1px solid #AAA;
padding: 3px 3px 1px;  /* modification de du padding */
background: #fdfdfd; /* modification de la couleur pour plus de clarté */
border-radius: 0; /* bidule coin arrondi inutile à retirer */
}
.navboxnew_enfant {
background:#ddf !important;
padding:3px 1em;
}
.navboxnew ul {
margin: 0 !important;
list-style-type: none;
list-style-image: none;
}
.navboxnew ul.navboxnew_cell {
width: 100%;
}
.navboxnew .navboxnew_row > ul {
margin: -2px 0 0 0;
}
.navboxnew li {
margin: 0;
}
.navboxnew .navboxnew_title {
background:#CCCCFF;
font-weight: bold;
margin: 0 0 2px 0;
padding: 0 6em; /* corrige alignement titre */
text-align: center;
}
.navboxnew .navboxnew_titlesub {
font-size: 0.8em;
}
.navboxnew .fr-collapsible-content {
font-size: 89%; /* harmonisition de la police à 89% */
}
.navboxnew ul.navbox_new_nav {
display: table-cell;
vertical-align: middle;
}
.navboxnew li.navboxnew_table {
display: table;
width: 100%;
border-collapse: collapse;
margin: 0; /* margin: 0 0 2px 0; */
}
.navboxnew .navboxnew_row {
display: table-row;
}
.navboxnew .navboxnew_cell  {
display: table-cell;
vertical-align: middle;
text-align: left; /* modifie texte initialement au centre */
}
.navboxnew .navboxnew_th {
max-width: 200px; /* modifie taille colonne 1 titre (groupen) */
word-wrap: break-word;
background: #DDDDFF;
padding: 2px 12px;
border-right: 2px solid #F9F9F9;
font-weight: bold;
text-align: right; /* modifie texte initialement au centre (gauche puis droite avec _cell à corriger) */
}
.navboxnew ul.navboxnew_padding {
padding: 2px 0;
}
.navboxnew .navboxnew_inline.left {
text-align: left;
}
.navboxnew .navboxnew_inline li {
display: inline;
padding: 0 12px 0 2px;
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Bullet_%28typography%29.svg/4px-Bullet_%28typography%29.svg.png") no-repeat right center;
white-space: nowrap;
}
.navboxnew .navboxnew_inline li:last-child {
background: none !important; 
padding: 0 2px !important;
}
.navboxnew .navboxnew_last {
background: none !important; 
padding: 0 2px !important;
}
.navboxnew .pair {
background: #f7f7f7; /* modifie couleur pair couleur plus neutre */
}
.navboxnew .impair {
background: transparent; /* modifie couleur impaire couleur plus neutre : à retirer inutile */
}
.navboxnew .navboxnew_banner {
background: #DDDDFF;
text-align: center;
margin: 0 0 2px 0;
padding: 2px; /* ajoute padding pour mise en forme */
}
/* image */
.navboxnew .navboxnew_image {
padding: 5px 0 5px 5px;
}
/* séparateurs horizontaux sous-groupes */
.navboxnew .navboxnew_ie li {
border-top: 2px solid #f9f9f9;
}
.navboxnew .navboxnew_ie li.navboxnew_first, .navboxnew .navboxnew_inline li {
border-top: 0 !important;
}
/* Centrage listes horizontales et largeur en-têtes */
.navboxnew .navboxnew_ie .navboxnew_cell, .navboxnew .navboxnew_ie .navboxnew_ie {
width: 100%;
}
.navboxnew .navboxnew_ie div.navboxnew_th {
min-width: 100px !important;
width: 100px !important;
max-width: 100px;
word-wrap: break-word;
}
/* tnavbar */
.navboxnew_tnavbar {
float: left;
font-size: 89%; /* harmonisition de la police à 89% */
margin-left: -5.5em; /* corrige alignement titre */
font-weight: normal;
}
 
/* Couleurs Projets */
.chanson .navboxnew_banner, .chanson .navboxnew_th{
background: #eee;
}
.foot .navboxnew_title {
background: #99CC99;
}
.foot .navboxnew_th, .foot .navboxnew_banner {
background: #B3D9B3;
}
 
/* be kind to IE56 & IE7 */
/* should be CC styles */
.navboxnew_oldie {
border: 1px solid #AAA;
padding: 2px 2px 0 2px;
background: #F9F9F9;
padding: 4px 4px 2px 4px;
}
.navboxnew_oldie .fr-collapsible-toggle {
font-size: 0.9em;
}
.navboxnew_oldie .navboxnew_title {
background:#CCCCFF;
margin: 0 0 2px 0;
text-align: center;
font-weight: bold;
padding: 0 5em;
}
.navboxnew_oldie .navboxnew_titlesub {
font-size: 0.8em;
}
.navboxnew_oldie .fr-collapsible-content {
font-size: 90%;
}
.navboxnew_oldie .navboxnew_row {
background: #DDDDFF;
}
.navboxnew_oldie .navboxnew_th  {
font-weight: bold;
padding: 0 12px;
float: left;
width: 125px !important;
clear: both;
text-align: center;
border-top: 2px solid #F9F9F9;
}
.navboxnew_oldie .navboxnew_ie {
border-left: 2px solid #F9F9F9;
}
.navboxnew_oldie .navboxnew_inline {
background: #F9F9F9;
}
.navboxnew_oldie .impair .navboxnew_inline {
background: #EEEEFF;
}
.navboxnew_oldie ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
zoom: 1;
}
.navboxnew_oldie .navboxnew_inline {
padding: 3px 15px;
}
.navboxnew_oldie li {
display: inline;
}
.navboxnew_oldie .navboxnew_image {
display: none
}
.navboxnew_oldie .navboxnew_banner {
background: #CCCCFF;
text-align: center;
margin: 2px 0 0 0;
}
.navboxnew_oldie li {
display: inline;
}
.navboxnew_oldie .navboxnew_image {
display: none
}
.navboxnew_oldie .navboxnew_banner {
background: #CCCCFF;
text-align: center;
margin: 2px 0 0 0;
}
 
/* Temporaire, pour démo */
.toggleboxnew.demo .toggleboxnew_title {
background: lightblue;
}
 
/* Groupe de palettes */
div.navbox-container {
border-radius: 0; /* bidule coin arrondi inutile à retirer */
}
.navbox-container .navboxnew {
border: 0;
}

Ligne

Sous-groupe

Sous-liste

{{{titre}}}

{{{contenu}}}

Bacasable

{{Utilisateur:Hlm Z./Palette de navigation
| modèle = Palette Booba
| titre  = [[Booba]]
| projet = chanson
| class  = listes-horizontales

| dessus =
* [[Discographie de Booba|Discographie]]
* [[Vidéographie de Booba|Vidéographie]]

| groupe1 = Albums studio
| liste1  = 
* ''[[Temps mort (album)|Temps mort]]'' (2002)
* ''[[Panthéon (album)|Panthéon]]'' (2004)
* ''[[Ouest Side]]'' (2006)
* ''[[0.9]]'' (2008)
* ''[[Lunatic (album)|Lunatic]]'' (2010)
* ''[[Futur (album)|Futur]]'' (2012)

| groupe2 = Mixtapes
| liste2  =
* ''[[Autopsie Vol. 1]]''
* ''[[Autopsie Vol. 2]]''
* ''[[Autopsie Vol. 3]]''
* ''[[Autopsie Vol. 4]]

| groupe3 = Compilations
| liste3  =
* ''Autopsie'' (2009)
* ''Autopsie, les inédits'' (2009)

| groupe4 = Singles
| liste4  = {{Utilisateur:Hlm Z./Sous-groupe de navigation
 | groupe1 = ''Temps mort''
 | liste1  =
* ''[[Repose en paix]]''
* ''[[Temps mort (album)|Strass et paillettes]]''
* ''[[Temps mort (album)|Destinée]]''

 | groupe2 = ''Panthéon''
 | liste2  =
* ''[[Panthéon (album)|N°10]]''
* ''[[Panthéon (album)|Mon son]]''
* ''[[Panthéon (album)|Baby]]''
* ''[[Avant de partir (chanson de Booba)|Avant de partir]]''

 | groupe3 = ''Ouest Side''
 | liste3  =
* ''[[Garde la pêche]]''
* ''[[Boulbi (chanson)|Boulbi]]''
* ''[[Pitbull (chanson)|Pitbull]]''
* ''[[Au bout des rêves]]''

 | groupe4 = ''0.9''
 | liste4  =
* ''[[0.9|B2Oba]]''
* ''[[0.9|Illégal]]''
* ''[[0.9|Game Over]]''
* ''[[0.9|Salade tomates oignons]]''
* ''[[0.9|Pourvu qu'elles m'aiment]]''

 | groupe5 = ''Lunatic''
 | liste5  =
* ''[[Lunatic (album)|Caesar Palace]]''
* ''[[Lunatic (album)|Ma couleur]]''
* ''[[Lunatic (album)|Jour de paye]]''
* ''[[Lunatic (album)|Paradis]]''
* ''[[Lunatic (album)|Abracadabra]]''
* ''[[Lunatic (album)|Saddam Hauts-de-Seine]]''
* ''[[Lunatic (album)|Killer]]''

 | groupe6 = ''Futur''
 | liste6  =
* ''[[Caramel (chanson)|Caramel]]''
 }}

| groupe5 = Label
| liste5  =
* [[Tallac Records]]
* [[Because Music]]
* [[45 Scientific]]

| groupe6 = Articles liés
| liste6  =
* [[92I]]
* [[Beat De Boul]]
* [[Lunatic]]
* ''[[Ünkut]]''

| dessous =
* [[Discographie de Booba|Discographie]]
* [[Vidéographie de Booba|Vidéographie]]
}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mollis accumsan libero in commodo. Donec viverra, orci sit amet fermentum dictum, dolor felis malesuada dolor, nec rhoncus nulla tortor tincidunt sapien. Donec ac bibendum neque. Mauris eu mauris sapien. Integer vitae feugiat sem. Aliquam faucibus lacus vitae dui consectetur at malesuada nisl eleifend. Donec quis nulla erat. Aenean lectus ante, euismod eu dictum a, tempus at nisl. Sed consequat auctor luctus. In tempor bibendum magna vel vehicula. Praesent vitae lectus sapien. Donec nisi odio, pretium id elementum in, molestie id sapien. Ut dictum, nisl imperdiet placerat porta, sapien ante egestas tortor, non suscipit quam lorem vitae dui. Fusce nulla elit, suscipit sollicitudin sollicitudin id, mollis at nisi. Integer semper tempus turpis, nec venenatis sem aliquam malesuada. Donec ut nisl gravida neque venenatis gravida non ac libero.

Donec feugiat neque in ipsum suscipit in congue diam dapibus. Suspendisse non aliquam massa. Vestibulum imperdiet consequat nisl, in posuere velit laoreet eu. Suspendisse semper justo non turpis tempus eleifend. Vestibulum gravida suscipit vulputate. Aenean sed tellus dolor, a auctor ligula. Donec in nisi nibh, id tincidunt elit.

In neque mi, hendrerit sit amet pretium vitae, tincidunt sit amet urna. Donec gravida ante a felis auctor sit amet convallis ligula volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin in nunc non lectus lacinia lobortis. Mauris quis felis magna, sed molestie lacus. Maecenas felis orci, pretium ut aliquam ac, consequat vitae tortor. Duis molestie tincidunt aliquam. Suspendisse scelerisque, magna eget vestibulum cursus, nibh enim tincidunt orci, sit amet euismod est neque id dui.

Donec porta lacus in mi fringilla volutpat. Ut ac enim massa, eu pretium augue. Nunc congue, libero in convallis eleifend, ligula est blandit odio, nec cursus velit enim a neque. Donec quis urna id quam porta dictum ut eget metus. Etiam aliquet erat sed ante vestibulum id pharetra est rhoncus. Duis posuere congue lectus, quis fermentum arcu molestie eget. Curabitur tempus turpis dapibus quam malesuada faucibus. Nulla et velit vel turpis vestibulum bibendum a vel augue. Phasellus vitae ligula et tortor porttitor feugiat sit amet vitae magna.

Etiam urna felis, molestie vel iaculis quis, varius eget mauris. Sed non leo sit amet orci tristique tempor at in purus. Nam bibendum tincidunt augue eget laoreet. In interdum mi et dui lobortis id malesuada urna commodo. Aliquam elementum pretium dui, a pellentesque enim vehicula at. Curabitur vitae accumsan nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer porta viverra dolor, eu convallis lacus pharetra a. Curabitur id imperdiet diam.

Implémentation sous-groupe récursif

{{Utilisateur:Hlm Z./Palette de navigation
| titre  = Test
| modèle = Test

| groupe1 = Test
| liste1  = {{Utilisateur:Hlm Z./Palette de navigation
 | sgroupe = 1
 | groupe1 = Test2
 | liste1  = test2
 }}
}}

Palettes

{{Utilisateur:Hlm Z./Palette de navigation
| titre = Test

| contenu = 
{{Utilisateur:Hlm Z./Palette de navigation|titre=Test|modèle=Test|groupe1=Test|liste1=test}}
{{Utilisateur:Hlm Z./Palette de navigation|titre=Test|modèle=Test|groupe1=Test|liste1=test}}
}}

Palette de navigation sous-liste

{{Utilisateur:Hlm Z./Palette de navigation/Archive
| titre = Test

| contenu = 
{{Utilisateur:Hlm Z./Palette de navigation sous-liste}}
{{Utilisateur:Hlm Z./Palette de navigation sous-liste}}
}}