Améliorations YJSG

YJSG est livré avec plus de 400 icônes de polices fournies par FontAwesome que vous pouvez placer avant ou après le titre du module.

Faites-moi glisser ce contenu !

Tous les modèles basés sur YJSG sont fournis avec 3 panneaux coulissants que vous pouvez utiliser pour publier votre contenu. Les panneaux coulissants sont complètement responsives et sont visibles sur tous les appareils. Leurs emplacements sont:

• En-tête supérieur de la page - contient une grille de 5 modules avec comme noms de positions de modules tpan1 - tpan5

• Bas de page en -dessous du footer - ccontient une grille de 5 modules avec comme noms de positions de modules bpan1 - bpan5

• Page côté gauche-contient 1 position de module avec comme nom sidepanel

 

Pour affiner le balisage et rendre les coins arrondis plus rapides et plus faciles à comprendre, nous avons utilisé de simples classes CSS .addround
avec par défaut 5px border radius.

exemple:

.addround 
{
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #999;
margin:5px;
}

Pour activer les coins arrondis pour votre module allez dans le gestionnaire de template, onglet Mise en page et survolez la position du module, cliquez sur l'icône en haut à gauche, sélectionnez Arrondi (Round) et appuyez sur Sauver.

 

Avec une petite modification CSS, vous pouvez transformer vos angles arrondis par défaut ainsi:

exemple:

.addround
{
background: #40b1e2;
border:none;
box-shadow:inset 0px -100px 100px #329dcc;
color:#fff;
}
.addround .module_title,.addround a
{
color:#fff;
}
.addround a:hover,.addround a:focus
{
color:#121212;
}