PapyClic - Design

PapyClic - Design

Insérer un message à la fin des articles.

blocFin-5.jpg 

Si vous voulez faire passer une information, un remerciement, dans un texte en bas de chaque article, ancien comme nouveau, je vous propose un petit script. Il suffit de mettre votre texte dans la zone prévue, de cliquer sur "Générer", le script sera créé et puis de le copierer pour le mettre dans la bordure de page.  Il faut donc que votre blog soit en offre Plus, Pro ou Business, pour avoir accès à la fonction avancée "Bordures de page".
Pour ceux qui utilisent MasterDesign, ce script sera à insérer en bas de la structure HTML avant la balise </body>.

 

GENERATEUR du script

 

Zone pour mettre le texte du message soit en texte brut, soit en HTML.

 

 

En HTML, si vous avez des guillemets "" , il faut mettre un antislash avant, de cette façon \" comme dans mon texte exemple.

Comment taper l'antislash :

  • sur PC presser sumultatément les touches Alt Gr + 8 (du clavier alpha)
  • sur Mac presser simultanément les touches Alt + Maj + / à voir

 

 Cliquez ici quelques captures à voir pour vous aider.

Les 5 captures suivantes démontrent la possibilité d'utiliser le composeur d'article comme éditeur de code HTML. Sans connaissance du langage HTML, une solution simple pour écrire un texte formaté pour l'utiliser dans cet article.

Cliquez sur la première capture pour visualiser les captures commentées.


editeur_1.jpg


editeur_2.jpg


editeur_3.jpg


editeur_4.jpg


editeur_5.jpg


 

 

Texte exemple en HTML que vous pouvez copier et coller dans la zone ci-dessus.

 

 

 

 

Ce code est à copier et à mettre :

 

  • pour RapidDesign : en gestion dans VOTRE BLOG >>> Fonctions avancées >>> Bordures de page >>> Zone du bas.
    Si votre espace de gestion est ouvert, cliquez sur :  lien

    blocFin-4.jpg


  • pour MasterDesign : en gestion dans VOTRE BLOG >>> Design du blog >>> Editeur HTML

    blocFin-3.jpg

 

 

Vous pouvez personnaliser la présentation de ce bloc, en créant une règle CSS avec le sélecteur .bloc_fin, voir ci-dessous celle de mon exemple. 

 

.bloc_fin{
width: 90%;
margin: 20px auto;
background-color: #efefef;
padding: 5px;
font-style: normal;
border: 1px solid #000;
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
/* bordures ombres */
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}

 

 Le code ci-dessus est à coller dans la zone de personnalisation du CSS de l'assistant du RapidDesign ou dans l'éditeur CSS de MasterDesign .

 

Espace de gestion → VOTRE BLOG → Design du blog → CSS/HTML → CSS personnalisé >>> Modifier.

 blocFin-2.jpg

 

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.

 

Résultat de la création de ce bloc, qui s'affichera automatiquement sur tous vos articles.

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

 

 HautPrécédente 



21/09/2015
9 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 150 autres membres