PapyClic - Design

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.

Texte provisoire, ce message doit être sans retour à la ligne. Même en HTML, vous mettez les balises paragraphe sans aller à la ligne, vous pouvez le voir dans mon exemple.

 

 

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.

 

 

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

<p>Si cet article vous a été utile, un petit <strong>J'aime</strong> me fera plaisir.</p><p>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 <a title=\\"Cliquez pour accéder au forum\\" href=\\"/forum\\" target=\\"_blank\\">forum</a>.</p>

 

 

 

 

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
  
  
  
  
  
• pour MasterDesign : en gestion dans VOTRE BLOG >>> Design du blog >>> Editeur HTML
  
  
  

 

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 .

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

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

 HautPrécédente