By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
 
 
 

GuppY Help Center, help online, documentation and tutorials

 

telecharger.png

 
 
You are here :   Welcome » Friends News -
 
    Print this page...
 

Friends News -

Centre d aide GuppY


Start Config Look - by Papinou 03/12/2019 @ 15:58 

To start, click the Config look icon.


config_look_en_00.jpg


You clicked on Config look, and you see this:


config_look_en_01.jpg
 

This screenshot to show you the start of the headings in Config look, and we start with: General Settings.

All screenshots are made from skn5_maskin02, available for download at this link.

Start Config Look - by Papinou 03/12/2019 @ 15:58 

To start, click the Config look icon.


config_look_en_00.jpg


You clicked on Config look, and you see this:


config_look_en_01.jpg
 

This screenshot to show you the start of the headings in Config look, and we start with: General Settings.

All screenshots are made from skn5_maskin02, available for download at this link.

(03/12/2019 @ 15:58)

Introduction - by Papinou 03/12/2019 @ 15:57 


Using Config-look - GuppY 5.03.XX
 

The evolution of the version of Config Look included in the GuppY 5.03.XX package allows you to go even further and more easily in customizing your skin, the goal being to manage the maximum in Config look to simplify the styleplus. css file.

All skins in the pack have been adapted for Config Look but we recommend that you start with a copy of the no_skin or the skn5_maskin02.

Important!  Before modifying the skin of your site, you must have done the configuration of the boxes in Config box.
 

The working principle is the same for all fields, you select fonts, size, your images, colors, styles etc.

All Config look fields must be filled in correctly with values corresponding to each field.

New things:

  •     A Header Bands: You must select a width for each part
  •     A Menu for lateral navigation: you must configure this menu before displaying the box,
  •     Since version 5.02.07, the generation of the.css style sheet is automatic when you click on Save configuration.

Some exceptions:

- JavaScript banner disabled, it is preferable not to check so that the visitor is warned of the deactivation of his javascript,

- Fixed, you check it only if you have a still image (1920 x 1080px) in the background of the site,

- Opacity can take several values:

  • Transparency value: default value 1 will be used if the Background field is filled with: Transparency
  • Transparency value: 0.1..... 0.5,0.6,0.7,0.0.8,0.0.9 for the transparency of the color indicated in the previous field, the color will be coded with rgba (rr, gg, bb, opa)
  • no transparency: you put 1 and the color will be displayed at 100%, the color will be encoded with rgba (rr, gg, bb, opa)


To change the color, click on the left area (of a color item) to bring up the jquery Color Picker  Sometimes a little delay per click is necessary to move around in the color input window.

The two adjacent areas allow you to visualize the old and new color, once the new color has been selected, do not forget to validate the color by clicking on the circle at the bottom right of the Color Picker window.

Not to mention saving the configuration to generate the style.

Once the style is generated, you display a page to see the result, it is necessary to refresh the page to display it without going through the cache.

Once you have configured all the topics, saved and generated your style. css file, your skin is finished and operational.
 

Watch out! Watch out!  you will not be able to make manual modifications in the files style. css, jqstyle. css, you must use config look.
 

To further personalize your skin, click Config Style and then Edit the CUSTOMIZE Style Sheet (styleplus).

In this styleplus. css file, you will add all the customizations you want to bring to your style sheets, style. css can be customized in the styleplus file, without overloading it it should contain only the strictly necessary.
 

Watch out! Watch out! It takes some knowledge of the css style sheets to have a significant personalization.
 

To help you you can use the skn5_maskin02 which shows some possibilities with a minimum of customization, it is downloadable on this link.

Tip: While browsing the tutorial, you can open Config look for the skn5_maskin02 and see all the options proposed by topic.
 

Don't panic, we'll come back to it rubric by rubric!!!

Tutorial by Papinou and Saxbar for the GuppY Team - March 2015 - CeCILL Free License - update december 2019

Introduction - by Papinou 03/12/2019 @ 15:57 


Using Config-look - GuppY 5.03.XX
 

The evolution of the version of Config Look included in the GuppY 5.03.XX package allows you to go even further and more easily in customizing your skin, the goal being to manage the maximum in Config look to simplify the styleplus. css file.

All skins in the pack have been adapted for Config Look but we recommend that you start with a copy of the no_skin or the skn5_maskin02.

Important!  Before modifying the skin of your site, you must have done the configuration of the boxes in Config box.
 

The working principle is the same for all fields, you select fonts, size, your images, colors, styles etc.

All Config look fields must be filled in correctly with values corresponding to each field.

New things:

  •     A Header Bands: You must select a width for each part
  •     A Menu for lateral navigation: you must configure this menu before displaying the box,
  •     Since version 5.02.07, the generation of the.css style sheet is automatic when you click on Save configuration.

Some exceptions:

- JavaScript banner disabled, it is preferable not to check so that the visitor is warned of the deactivation of his javascript,

- Fixed, you check it only if you have a still image (1920 x 1080px) in the background of the site,

- Opacity can take several values:

  • Transparency value: default value 1 will be used if the Background field is filled with: Transparency
  • Transparency value: 0.1..... 0.5,0.6,0.7,0.0.8,0.0.9 for the transparency of the color indicated in the previous field, the color will be coded with rgba (rr, gg, bb, opa)
  • no transparency: you put 1 and the color will be displayed at 100%, the color will be encoded with rgba (rr, gg, bb, opa)


To change the color, click on the left area (of a color item) to bring up the jquery Color Picker  Sometimes a little delay per click is necessary to move around in the color input window.

The two adjacent areas allow you to visualize the old and new color, once the new color has been selected, do not forget to validate the color by clicking on the circle at the bottom right of the Color Picker window.

Not to mention saving the configuration to generate the style.

Once the style is generated, you display a page to see the result, it is necessary to refresh the page to display it without going through the cache.

Once you have configured all the topics, saved and generated your style. css file, your skin is finished and operational.
 

Watch out! Watch out!  you will not be able to make manual modifications in the files style. css, jqstyle. css, you must use config look.
 

To further personalize your skin, click Config Style and then Edit the CUSTOMIZE Style Sheet (styleplus).

In this styleplus. css file, you will add all the customizations you want to bring to your style sheets, style. css can be customized in the styleplus file, without overloading it it should contain only the strictly necessary.
 

Watch out! Watch out! It takes some knowledge of the css style sheets to have a significant personalization.
 

To help you you can use the skn5_maskin02 which shows some possibilities with a minimum of customization, it is downloadable on this link.

Tip: While browsing the tutorial, you can open Config look for the skn5_maskin02 and see all the options proposed by topic.
 

Don't panic, we'll come back to it rubric by rubric!!!

Tutorial by Papinou and Saxbar for the GuppY Team - March 2015 - CeCILL Free License - update december 2019

(03/12/2019 @ 15:57)

Mobstyle - by Papinou 03/12/2019 @ 15:40 

Here is the styleplus. css file from skn5_maskin02 for GuppY 5.03.XX,
it is deliberately reduced to the bare necessities.

 

/*  ---------  CSS skn5_maskin02 generated update Décembre 2019 ----------- */
	  
@media screen and (max-width: 760px), screen and (max-device-width: 760px) {

#paranav { display:none;}
#returnOnTop { display:none;}
#page {
 width:100%;
 max-width:100%;
 padding:0;
 border:0;
 border-radius:0;
}
#header {
 height:0;
}
#TopBoxes, #MainContent, #CenterBoxes, #EditoBoxes,#LeftBoxes, #RightBoxes, #BlogLeftBoxes, #BlogRightBoxes { height: 100%;}
#MainContent {
 margin:0;
 background-color:#FFF;
 padding:0;
 border:0;
 border-radius:0;
 -webkit-flex-direction: column;
 flex-direction: column; 
}
#LeftBoxes, #RightBoxes, #BlogLeftBoxes, #BlogRightBoxes {
 width:100%;
 max-width:100%;
 margin: 0 auto;
 background-color:#FFF; 
}
div.logo {
 margin: 3em auto;
 padding: 0 4em;
 border-radius:0;
}
div.menuIcons ul {
 margin: 1em auto;
 width:100%;
 background:none;
 border:none;
 box-shadow:none;
 height:auto;
 padding:0;
 text-align:center;
}
div.menuIcons ul li {
 float:none;
 display:inline-block;
 margin:0 auto;
}
div.menuIcons ul li.menu_admin, div.menuIcons ul li.menu_stats {
 display: none;
}
div.menuIcons .menuIcons_flag a img {
 margin: -50px 10px 0 10px;
}
div.menuIcons ul li.menu_connect {
 position:inherit;
 float:none;
}
div.menuIcons ul li.menu_connect a span {
 background-color:#244459;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 font-size:1em;
 font-weight:bold;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li.menu_connect a span.current {
 background-color:#60C4EA;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li.menu_connect a:hover span {
 background-color:#B4EBFA;
 color:#000;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a span {
 background-color:#244459;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 font-size:1em;
 font-weight:bold;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a span.current {
 background-color:#60C4EA;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a:hover span {
 background-color:#B4EBFA;
 color:#000;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
.titrebox  {
 width:100%;
 max-width:100%;
 white-space: normal;
 word-wrap:break-word;
 margin:1em auto;
 padding:1em .5em;
 letter-spacing: 0;
 border-radius:0;
}
.tblbox,.tblboxover, .box, .box a {
 width:100%;
 max-width:100%;
 font-size: 1em;
 margin: 0 auto;
 padding:.5em .5em 1em;
 }	  
.titre, .titre a {
 width:100%;
 max-width:100%;
 white-space: normal;
 word-wrap:break-word;
 margin:1em auto;
 padding:1em .5em;
 letter-spacing: 0;
 border-radius:0;
}
.tbl, .tblover {
 width:100%;
 max-width:100%;
 font-size: 1em;
 margin:0 auto;
 padding:0 .2em;
}
.TrCALBG0, .CALBG0 {
 display: none;
}
.forum, .forum a, .forum2, .forum2 td, tr.forum2  {
 font-size: 1em;
}
.quest {
 font-size: 1em;
 background-color:#B4EBFA;
}
.rep {
 font-size: 1em;
 background-color: #FFF;
}
.bord { border:0;}
ul.item li.item, .curr_item, ul.item li.curr_item a, .item, .item a  {
 font-size: 1em;
 padding:.5em 0;
}
.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
 margin:1em 0;
 font-size: 1em;
}
#gytabs li {
 width: 95%;
 line-height: 1.5em;
 margin: .5em 0;
}
.ariane {
 background-color:#FFF;
 padding:.5em 0;
}
#BottomBoxes {
 padding:0;	
 box-shadow:none;
}
#BottomBoxes .titrebox, #BottomBoxes .titre {
 margin:1em 0;
 padding:1em .5em;
 border:none;
}
#BottomBoxes .tblbox, #BottomBoxes .tbl {
 margin:.5em 0;
 padding:.5em;
 border:none;
 border-radius:0;	
}
#footer, .copyright, a.copyright, .timer {
 width:100%;
 color:#FFF;
 background-color:#244459;
 padding-bottom: 1em;
}
.top {
 color:#FFF;	
 padding-right: 1em;
 float: right;
}
.timer {
 display: none;
}
.copyright {
 font-size:.8em;
}
}
			  

Mobstyle - by Papinou 03/12/2019 @ 15:40 

Here is the styleplus. css file from skn5_maskin02 for GuppY 5.03.XX,
it is deliberately reduced to the bare necessities.

 

/*  ---------  CSS skn5_maskin02 generated update Décembre 2019 ----------- */
	  
@media screen and (max-width: 760px), screen and (max-device-width: 760px) {

#paranav { display:none;}
#returnOnTop { display:none;}
#page {
 width:100%;
 max-width:100%;
 padding:0;
 border:0;
 border-radius:0;
}
#header {
 height:0;
}
#TopBoxes, #MainContent, #CenterBoxes, #EditoBoxes,#LeftBoxes, #RightBoxes, #BlogLeftBoxes, #BlogRightBoxes { height: 100%;}
#MainContent {
 margin:0;
 background-color:#FFF;
 padding:0;
 border:0;
 border-radius:0;
 -webkit-flex-direction: column;
 flex-direction: column; 
}
#LeftBoxes, #RightBoxes, #BlogLeftBoxes, #BlogRightBoxes {
 width:100%;
 max-width:100%;
 margin: 0 auto;
 background-color:#FFF; 
}
div.logo {
 margin: 3em auto;
 padding: 0 4em;
 border-radius:0;
}
div.menuIcons ul {
 margin: 1em auto;
 width:100%;
 background:none;
 border:none;
 box-shadow:none;
 height:auto;
 padding:0;
 text-align:center;
}
div.menuIcons ul li {
 float:none;
 display:inline-block;
 margin:0 auto;
}
div.menuIcons ul li.menu_admin, div.menuIcons ul li.menu_stats {
 display: none;
}
div.menuIcons .menuIcons_flag a img {
 margin: -50px 10px 0 10px;
}
div.menuIcons ul li.menu_connect {
 position:inherit;
 float:none;
}
div.menuIcons ul li.menu_connect a span {
 background-color:#244459;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 font-size:1em;
 font-weight:bold;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li.menu_connect a span.current {
 background-color:#60C4EA;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li.menu_connect a:hover span {
 background-color:#B4EBFA;
 color:#000;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a span {
 background-color:#244459;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 font-size:1em;
 font-weight:bold;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a span.current {
 background-color:#60C4EA;
 color:#FFF;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a:hover span {
 background-color:#B4EBFA;
 color:#000;
 margin:.5em;
 padding:.5em;
 width:8.5em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
.titrebox  {
 width:100%;
 max-width:100%;
 white-space: normal;
 word-wrap:break-word;
 margin:1em auto;
 padding:1em .5em;
 letter-spacing: 0;
 border-radius:0;
}
.tblbox,.tblboxover, .box, .box a {
 width:100%;
 max-width:100%;
 font-size: 1em;
 margin: 0 auto;
 padding:.5em .5em 1em;
 }	  
.titre, .titre a {
 width:100%;
 max-width:100%;
 white-space: normal;
 word-wrap:break-word;
 margin:1em auto;
 padding:1em .5em;
 letter-spacing: 0;
 border-radius:0;
}
.tbl, .tblover {
 width:100%;
 max-width:100%;
 font-size: 1em;
 margin:0 auto;
 padding:0 .2em;
}
.TrCALBG0, .CALBG0 {
 display: none;
}
.forum, .forum a, .forum2, .forum2 td, tr.forum2  {
 font-size: 1em;
}
.quest {
 font-size: 1em;
 background-color:#B4EBFA;
}
.rep {
 font-size: 1em;
 background-color: #FFF;
}
.bord { border:0;}
ul.item li.item, .curr_item, ul.item li.curr_item a, .item, .item a  {
 font-size: 1em;
 padding:.5em 0;
}
.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
 margin:1em 0;
 font-size: 1em;
}
#gytabs li {
 width: 95%;
 line-height: 1.5em;
 margin: .5em 0;
}
.ariane {
 background-color:#FFF;
 padding:.5em 0;
}
#BottomBoxes {
 padding:0;	
 box-shadow:none;
}
#BottomBoxes .titrebox, #BottomBoxes .titre {
 margin:1em 0;
 padding:1em .5em;
 border:none;
}
#BottomBoxes .tblbox, #BottomBoxes .tbl {
 margin:.5em 0;
 padding:.5em;
 border:none;
 border-radius:0;	
}
#footer, .copyright, a.copyright, .timer {
 width:100%;
 color:#FFF;
 background-color:#244459;
 padding-bottom: 1em;
}
.top {
 color:#FFF;	
 padding-right: 1em;
 float: right;
}
.timer {
 display: none;
}
.copyright {
 font-size:.8em;
}
}
			  

(03/12/2019 @ 15:40)

Styleplus - by Papinou 03/12/2019 @ 15:37 

Here is the styleplus. css file from skn5_maskin02 for GuppY 5.03.XX,
it is deliberately reduced to the bare necessities.

 

/*  ---------  CSS generated for skn5_maskin_02  ----------- */

#paranav li a {
    width: 20px;
    height: 20px;
}
.txtspeC { /* Espace entre top et copyright */
    margin: 20px 0 10px;	
}
.top {
    color: #244459; /* modification de la couleur */
    font-size: 1.5em; /* modification de la taille de l"affichage */
}
.boxnet {
    margin: 170px 35% 0; /* centrage entre le logo et la bannière */
}    
div.menuIcons { /* block menu */
    margin: 0 auto; /* centrage du menu */
    max-width: 1280px !important; /* menu en 1280px */
}
div.menuIcons ul {
    margin: 10px 0 20px;
}
div.menuIcons ul li.menu_connect { /* positionnement de l"onglet en haut à droite */
    float : right;
    padding-right: 3px;
}
div.menuIcons ul li.menu_admin { /* positionnement de l"onglet en haut à droite */
    float: right;
    padding-right: 3px;
}
div.menuIcons .menuIcons_flag a img {
	margin: 13px 0 0 10px;
}
div.menuIcons ul li a span { /* lien */
	letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
}
.titrebox, .titre { /* Titre boite latérale et centrale */
	letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
}
.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
    margin: 1em auto;  /* Ajout marges au dessus et au dessous pour rubriques */
	font-weight: bold;
}
fieldset.dwnld {
    background-color: #FFF; /* modification de la couleur du fond de la popup de téléchargement */
}
a:hover.calagd {
    color: #FFF;	/* modification de la couleur du texte du lien */
}			  
select.cal { /* select month and year */
    color: #000; /* modification pour les champs mois et année du calendrier */
    background-color: #FFF;
    border: 1px solid #C0FFFF;
}
.selMonthCal { /* largeur champ mois */
	width: 118px;
}
.forum, .forum a, .forum2, tr.forum2, tr.forum2 a, tr.forum2 a:hover  {
    font-weight: bold; /* modification pour texte en gras */
	font-size: 16px; /* modification pour taille */ 
    color: #FFF; /* modification couleur du texte */
}
.thtbldiv {
    padding: 4px; /* ajout padding */
}
.thheadbodyW a:hover{
    color: #FFF; /* modification couleur du texte lien permanent sujet */
}
.frtdtbldiv a:hover {
    color: #000; /* modification couleur du texte lien permanent forum direct */	
}
.FB394 { /* habillage boîte slider */
    margin: 6px 7px 20px;
    padding-bottom: 50px;
    background-color: transparent;
}
.DDV421 { /* ajustement menu vertical */
    margin: 2px 0 7px 1px;
    width: 100%;	
}
ul.dropdown li, ul.dropdown ul li {
	letter-spacing: 0.1em;  /* modification espacement lettres */
	margin:0 auto 1px;  /* modification marges extérieures */		
}
.tbl.DDH460, .tblover.DDH460 { /* fond menu déroulant horizontal */
    background: transparent;
}	
.tbl.DDL461, .tblover.DDL461 { /* fond menu déroulant linéaire */
    background: transparent;
}
.DDL461 ul.dropdown-linear li { /* personnalisation onglets DDL */
    width: 12em;
	letter-spacing: 0.1em;	
    text-align: center;
	border-radius: 4px;
}
.DDL461 ul.dropdown-linear li ul li { /* personnalisation menu DDL */
    font-weight: normal;
    width: 840px;
    border: 4px solid #60C4EA;
	border-radius: 0 0 10px 10px !important;
}
 

Styleplus - by Papinou 03/12/2019 @ 15:37 

Here is the styleplus. css file from skn5_maskin02 for GuppY 5.03.XX,
it is deliberately reduced to the bare necessities.

 

/*  ---------  CSS generated for skn5_maskin_02  ----------- */

#paranav li a {
    width: 20px;
    height: 20px;
}
.txtspeC { /* Espace entre top et copyright */
    margin: 20px 0 10px;	
}
.top {
    color: #244459; /* modification de la couleur */
    font-size: 1.5em; /* modification de la taille de l"affichage */
}
.boxnet {
    margin: 170px 35% 0; /* centrage entre le logo et la bannière */
}    
div.menuIcons { /* block menu */
    margin: 0 auto; /* centrage du menu */
    max-width: 1280px !important; /* menu en 1280px */
}
div.menuIcons ul {
    margin: 10px 0 20px;
}
div.menuIcons ul li.menu_connect { /* positionnement de l"onglet en haut à droite */
    float : right;
    padding-right: 3px;
}
div.menuIcons ul li.menu_admin { /* positionnement de l"onglet en haut à droite */
    float: right;
    padding-right: 3px;
}
div.menuIcons .menuIcons_flag a img {
	margin: 13px 0 0 10px;
}
div.menuIcons ul li a span { /* lien */
	letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
}
.titrebox, .titre { /* Titre boite latérale et centrale */
	letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
}
.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
    margin: 1em auto;  /* Ajout marges au dessus et au dessous pour rubriques */
	font-weight: bold;
}
fieldset.dwnld {
    background-color: #FFF; /* modification de la couleur du fond de la popup de téléchargement */
}
a:hover.calagd {
    color: #FFF;	/* modification de la couleur du texte du lien */
}			  
select.cal { /* select month and year */
    color: #000; /* modification pour les champs mois et année du calendrier */
    background-color: #FFF;
    border: 1px solid #C0FFFF;
}
.selMonthCal { /* largeur champ mois */
	width: 118px;
}
.forum, .forum a, .forum2, tr.forum2, tr.forum2 a, tr.forum2 a:hover  {
    font-weight: bold; /* modification pour texte en gras */
	font-size: 16px; /* modification pour taille */ 
    color: #FFF; /* modification couleur du texte */
}
.thtbldiv {
    padding: 4px; /* ajout padding */
}
.thheadbodyW a:hover{
    color: #FFF; /* modification couleur du texte lien permanent sujet */
}
.frtdtbldiv a:hover {
    color: #000; /* modification couleur du texte lien permanent forum direct */	
}
.FB394 { /* habillage boîte slider */
    margin: 6px 7px 20px;
    padding-bottom: 50px;
    background-color: transparent;
}
.DDV421 { /* ajustement menu vertical */
    margin: 2px 0 7px 1px;
    width: 100%;	
}
ul.dropdown li, ul.dropdown ul li {
	letter-spacing: 0.1em;  /* modification espacement lettres */
	margin:0 auto 1px;  /* modification marges extérieures */		
}
.tbl.DDH460, .tblover.DDH460 { /* fond menu déroulant horizontal */
    background: transparent;
}	
.tbl.DDL461, .tblover.DDL461 { /* fond menu déroulant linéaire */
    background: transparent;
}
.DDL461 ul.dropdown-linear li { /* personnalisation onglets DDL */
    width: 12em;
	letter-spacing: 0.1em;	
    text-align: center;
	border-radius: 4px;
}
.DDL461 ul.dropdown-linear li ul li { /* personnalisation menu DDL */
    font-weight: normal;
    width: 840px;
    border: 4px solid #60C4EA;
	border-radius: 0 0 10px 10px !important;
}
 

(03/12/2019 @ 15:37)

25/01/2020 @ 09:55