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.

Chez Papinou - Skins GuppY 5

 
 
 
 
 

guppy5.png

Vous êtes ici :   Accueil » Titre du site
 
 
 
    Imprimer la page...
    Imprimer la section...

Titre du site

Afficher le titre de votre site dans une boite libre.

titre_FB.jpg
Voici la méthode que j'ai utilisé pour l'afficher sur papinou.info.

Le titre de la boite libre : 

§titre

Le contenu de la boite libre : 

<p style="text-align: center;"><span style="color:#FFFFFF;">Chez Papinou - Skins GuppY</span></p>

L'habillage dans le fichier styleplus.css :

.tbl.FB8519 {
    margin: -10px 0;
    font:  30px euro_capsregular, sans-serif;
    color: #FFF;
    background: transparent;
    letter-spacing: .2em;
}

Le positionnement dans config boites:

sur la première ligne de Boites en haut, à gauche avec une largeur de 44%

Commentaires:

Simple à configurer, FB8519 est l'ID de ma boite libre, vous devrez mettre l'ID de votre boite.
Le titre de la boite n'est pas affiché, la largeur est à adapter à votre titre.
Le margin: -10px 0; sera à adapter en fonction du design de votre skin notamment pour le header.
Pour la fonte, j'ai utilisé @font-face, mais les fontes de la skin suffisent.
Le background doit être transparent pour conserver l'unité du header, et la couleur est à modifier suivant la couleur de fond.
j'ai ajouté letter-spacing: .2em pour augmenter l'espace entre les caractères.

C'est un exemple, cette boite libre peut se placer partout dans Boites en haut avec quelques ajustements !

Pour toutes les questions concernant cet article, merci de poster sur mon forum, rubrique Plugins, forks, astuces GuppY.


 


Date de création : 16/08/2015 @ 10:36
Catégorie : Astuces GuppY 5 - GuppY 5
Page lue 6246 fois