En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 
 

Centre d'aide GuppY, aide en ligne, documentation et tutoriels

 

telecharger.png

 
 
Vous êtes ici :   Accueil » Nouvelles des Amis -
 
    Imprimer la page...
 

Nouvelles des Amis -

Centre d aide GuppY


Lancer Config Look - par Papinou le 03/12/2019 @ 15:58 

Pour commencer, cliquez sur l'icône Config look.


config_look_fr_00.jpg


Vous avez cliqué sur Config look, et vous voyez ceci :


config_look_fr_01.jpg
 

Cette copie d'écran pour vous montrer le début des rubriques dans Config look, et nous commençons par : Paramètres généraux.

Toutes les copies d'écran sont faites à partir de la skn5_maskin02, disponible en téléchargement sur ce lien.

Lancer Config Look - par Papinou le 03/12/2019 @ 15:58 

Pour commencer, cliquez sur l'icône Config look.


config_look_fr_00.jpg


Vous avez cliqué sur Config look, et vous voyez ceci :


config_look_fr_01.jpg
 

Cette copie d'écran pour vous montrer le début des rubriques dans Config look, et nous commençons par : Paramètres généraux.

Toutes les copies d'écran sont faites à partir de la skn5_maskin02, disponible en téléchargement sur ce lien.

(03/12/2019 @ 15:58)

Présentation - par Papinou le 03/12/2019 @ 15:57 

Utilisation de Config-look - GuppY 5.03.XX


L'évolution de la version de Config Look incluse dans le pack GuppY 5.03.XX vous permet d'aller encore plus loin et de façon simple dans la personnalisation de votre skin, le but étant de gérer le maximum dans Config look pour simplifier le fichier styleplus.css.

Toutes les skins du pack sont adaptées pour Config Look mais nous vous conseillons de commencer par une copie de la no_skin ou par la skn5_maskin02.


Important !  Avant de modifier la skin de votre site, vous devez avoir fait la configuration des boites dans Config boites.
 

Le principe de fonctionnement est le même pour toutes les rubriques, vous sélectionnez les polices, la taille, vos images, vos couleurs, vos styles etc.

Tous les champs de Config look doivent être correctement remplis avec des valeurs correspondant à chaque champ.

Des nouveautés :

  • A Bandeaux : vous devez sélectionner une largeur pour chaque partie,
  • A Menu pour navigation latérale: vous devez configurer ce menu avant d'afficher la boîte,
  • Depuis la version 5.02.07, la génération de la feuille de style.css est automatique lorsque vous cliquez sur Enregistrer la config.

Quelques exceptions:

- Affichage du bandeau JavaScript désactivé, il est préférable de ne pas cocher pour que le visiteur soit prévenu de la désactivation de son javascript,

- Fixe, vous ne le cochez que si vous avez une image fixe (1920 x 1080px) en fond de site,

- Opacité peut prendre plusieurs valeurs :

  • valeur de transparence  : la valeur par défaut 1 sera utilisée si le champ Arrière plan est rempli avec : transparent
  • valeur de transparence : 0.1....0.5, 0.6, 0.7, 0.8, 0.9 au choix pour la transparence de la couleur indiquée au champ précédent, la couleur sera codée avec rgba(rr, gg, bb, opa)
  • pas de transparence : vous mettez 1 et la couleur sera affichée à 100%, la couleur sera codée avec rgba(rr, gg, bb, opa)


Pour changer de couleur il faut cliquer sur la zone de gauche (d'un item de couleur) pour faire apparaitre le script jquery Color Picker. Parfois un petit délai au clic est nécessaire pour se déplacer dans la fenêtre de saisie de la couleur.

Les deux zones attenantes permettent de visualiser l'ancienne et la nouvelle couleur, une fois la nouvelle couleur sélectionnée ne pas oublier de valider la couleur en cliquant sur le rond en bas à droite de la fenêtre de Color Picker.

Sans oublier d'enregistrer la config pour générer le style.

Une fois le style généré, vous affichez une page pour voir le résultat, il est nécessaire de rafraîchir la page pour l'afficher sans passer par le cache.

Lorsque vous avez configuré toutes les rubriques, enregistré et généré votre fichier style.css, votre skin est terminée et opérationnelle.
 

Attention !  vous ne pourrez pas faire de modifications manuelles dans le fichier style.css, vous devez obligatoirement utiliser config look.
 

Pour personnaliser encore votre skin, vous cliquez sur Config Style puis sur Modifier la feuille de style DE PERSONNALISATION (styleplus).

Dans ce fichier styleplus.css, vous allez ajouter toutes les personnalisations que vous souhaitez apporter à vos feuilles de style, style.css, peut-être personnalisé dans le fichier styleplus, sans le surcharger il ne doit contenir que le stricte nécessaire.
 

Attention ! Il faut une certaine connaissance des feuilles de style css pour avoir une personnalisation importante.
 

Pour vous aider vous pouvez utiliser la skn5_maskin02 qui montre quelques possibilités avec un minimum de personnalisation,  elle est en téléchargement sur ce lien.

Un conseil :  en parcourant le tutoriel, vous pouvez ouvrir Config look pour la skn5_maskin02 et voir toutes les options proposées par rubrique.
 

Pas de panique, nous allons y revenir rubrique par rubrique !!!





Tutoriel réalisé par Papinou et Saxbar pour la GuppY Team - mars 2015 - Licence Libre CeCILL - maj décembre 2019

Présentation - par Papinou le 03/12/2019 @ 15:57 

Utilisation de Config-look - GuppY 5.03.XX


L'évolution de la version de Config Look incluse dans le pack GuppY 5.03.XX vous permet d'aller encore plus loin et de façon simple dans la personnalisation de votre skin, le but étant de gérer le maximum dans Config look pour simplifier le fichier styleplus.css.

Toutes les skins du pack sont adaptées pour Config Look mais nous vous conseillons de commencer par une copie de la no_skin ou par la skn5_maskin02.


Important !  Avant de modifier la skin de votre site, vous devez avoir fait la configuration des boites dans Config boites.
 

Le principe de fonctionnement est le même pour toutes les rubriques, vous sélectionnez les polices, la taille, vos images, vos couleurs, vos styles etc.

Tous les champs de Config look doivent être correctement remplis avec des valeurs correspondant à chaque champ.

Des nouveautés :

  • A Bandeaux : vous devez sélectionner une largeur pour chaque partie,
  • A Menu pour navigation latérale: vous devez configurer ce menu avant d'afficher la boîte,
  • Depuis la version 5.02.07, la génération de la feuille de style.css est automatique lorsque vous cliquez sur Enregistrer la config.

Quelques exceptions:

- Affichage du bandeau JavaScript désactivé, il est préférable de ne pas cocher pour que le visiteur soit prévenu de la désactivation de son javascript,

- Fixe, vous ne le cochez que si vous avez une image fixe (1920 x 1080px) en fond de site,

- Opacité peut prendre plusieurs valeurs :

  • valeur de transparence  : la valeur par défaut 1 sera utilisée si le champ Arrière plan est rempli avec : transparent
  • valeur de transparence : 0.1....0.5, 0.6, 0.7, 0.8, 0.9 au choix pour la transparence de la couleur indiquée au champ précédent, la couleur sera codée avec rgba(rr, gg, bb, opa)
  • pas de transparence : vous mettez 1 et la couleur sera affichée à 100%, la couleur sera codée avec rgba(rr, gg, bb, opa)


Pour changer de couleur il faut cliquer sur la zone de gauche (d'un item de couleur) pour faire apparaitre le script jquery Color Picker. Parfois un petit délai au clic est nécessaire pour se déplacer dans la fenêtre de saisie de la couleur.

Les deux zones attenantes permettent de visualiser l'ancienne et la nouvelle couleur, une fois la nouvelle couleur sélectionnée ne pas oublier de valider la couleur en cliquant sur le rond en bas à droite de la fenêtre de Color Picker.

Sans oublier d'enregistrer la config pour générer le style.

Une fois le style généré, vous affichez une page pour voir le résultat, il est nécessaire de rafraîchir la page pour l'afficher sans passer par le cache.

Lorsque vous avez configuré toutes les rubriques, enregistré et généré votre fichier style.css, votre skin est terminée et opérationnelle.
 

Attention !  vous ne pourrez pas faire de modifications manuelles dans le fichier style.css, vous devez obligatoirement utiliser config look.
 

Pour personnaliser encore votre skin, vous cliquez sur Config Style puis sur Modifier la feuille de style DE PERSONNALISATION (styleplus).

Dans ce fichier styleplus.css, vous allez ajouter toutes les personnalisations que vous souhaitez apporter à vos feuilles de style, style.css, peut-être personnalisé dans le fichier styleplus, sans le surcharger il ne doit contenir que le stricte nécessaire.
 

Attention ! Il faut une certaine connaissance des feuilles de style css pour avoir une personnalisation importante.
 

Pour vous aider vous pouvez utiliser la skn5_maskin02 qui montre quelques possibilités avec un minimum de personnalisation,  elle est en téléchargement sur ce lien.

Un conseil :  en parcourant le tutoriel, vous pouvez ouvrir Config look pour la skn5_maskin02 et voir toutes les options proposées par rubrique.
 

Pas de panique, nous allons y revenir rubrique par rubrique !!!





Tutoriel réalisé par Papinou et Saxbar pour la GuppY Team - mars 2015 - Licence Libre CeCILL - maj décembre 2019

(03/12/2019 @ 15:57)

Mobstyle - par Papinou le 03/12/2019 @ 15:40 

Voici le fichier mobstyle.css de la skn5_maskin02 pour GuppY 5.03.XX,
il est volontairement réduit au strict nécessaire .

 

/*  ---------  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 - par Papinou le 03/12/2019 @ 15:40 

Voici le fichier mobstyle.css de la skn5_maskin02 pour GuppY 5.03.XX,
il est volontairement réduit au strict nécessaire .

 

/*  ---------  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 - par Papinou le 03/12/2019 @ 15:37 

Voici le fichier styleplus.css de la skn5_maskin02 pour GuppY 5.03.XX,
il est volontairement réduit au strict nécessaire .

 

/*  ---------  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 - par Papinou le 03/12/2019 @ 15:37 

Voici le fichier styleplus.css de la skn5_maskin02 pour GuppY 5.03.XX,
il est volontairement réduit au strict nécessaire .

 

/*  ---------  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:47