PapyClic - Design

PapyClic - Design

Bannière 960 de largeur

https://static.blog4ever.com/2012/06/704535/artfichier_704535_3531679_201403145432867.gif

 

Les bannières proposées sont d'une largeur de 960px.

 CaptureDimensions prédéfinies 960px sur 200px

 

La hauteur acceptée est au minimum de 100px et au maximum 200px.

 

Dans l'assistant vous pouvez, si l'image à plus de 200px de hauteur, la positionner par glissement, pour rendre visible la partie qui vous plaît le plus. voir

Quand vous avez trouvé la bonne position, vous cliquez sur valider.

 

CaptureSélection du haut de l'image et réduction de la hauteur à 150px.

 

 CaptureSélection du bas de l'image et réduction de la hauteur à 150px.

 

La réduction est obtenue avec une modification du style, code CSS. Il faut insérer le code suivant dans votre CSS personnel.

header .image,
.diz-entete-image{
  height : 150px;
}

 

 

Si vous ne valider pas, vous aurez la posibilité d'augmenter la hauteur en insérant une règle dans votre CSS personnel.

 

CaptureDimensions adaptées à celles de l'image 960px sur 336px

 

Code à insérer :

header .image,
.diz-entete-image{
  height : 336px;
}

 

 Tous les codes indiqués ci-dessus sont à coller dans la zone de personnalisation du CSS de l'assistant du DizPerso.

 

Espace de gestion → VOTRE BLOG → Design du blog → AVANCE → CSS personnalisé.

 

Exemple de code collé dans la zone

 

 

Si votre espace de gestion est ouvert, cliquez sur : lien

 

N'oubliez pas, après visualisation dans l'assistant de cliquer sur "Appliquer" en bas de la colonne.

 

 

Cette dernière possibilité est à utiliser uniquement dans certains cas, que j'étudierai par la suite, car une bannière très haute remplit beaucoup trop l'écran.
Voir par exemple un de mes tests : lien 

 

Capture


Faites une petite visite sur ce blog , où l'on vous propose plus de 600 bannières aux dimensions de base du DizPerso2.

Cliquez sur la miniature ci-contre.

 

 


Si cet article vous a été utile, un petit J'aime me fera plaisir.

N'hésitez pas un mettre un commentaire, si vous avez apprécié cet article, mais également si vous n'êtes pas pleinement satisfait. Pour plus d'explications poster sur le forum

 

 

Haut Précédente



06/05/2013
2 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 152 autres membres