Exemple de filigrane pour les messages du forum.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Exemple de filigrane pour les messages du forum.

Message  Godzyla le Lun 8 Juin - 17:45

Comme vous le voyez, il y a un filigrane "Annulé" qui barre le haut du message en son centre.
Ce filigrane est une simple image de fond.

J'ai réalisé cette image de fond avec Paint.Net et la police "1942 report".
J'ai effectué une rotation sur ce texte pour donner un effet de "tampon" sur le rapport.
Puis j'ai enregistré l'image et hébergé sur servimg.

Il s'agit de montrer ce qu'on peut faire avec un peu de connaissances en codage web sur ce forum.
Pour simplifier le procédé, je vous ai laissé le code en dessous avec les informations utiles.


Code:
<div style="background-image: url('url de votre image'); background-position: horizontale verticale; background-repeat: no-repeat; min-height: XXpx">Message à insérer</div>

url de votre image : adresse de l'image sur le web;
background-position: horizontale verticale;
horizontale peut prendre une des trois valeurs : top (haut), center (milieu) et bottom (bas).
verticale peut prendre une des trois valeurs : left (gauche), center (milieu) et right (droite)
background-repeat: no-repeat est là pour éviter de dupliquer l'image sous forme de damier (pratique pour un filigrane).
min-height: taille minimale du bloc. Si l'image est plus haute que le bloc, elle sera tronquée et le bas n'apparaitra pas, il s'agit d'une "sécurité" d'affichage, il faut la valeur, suivie de "px" pour préciser que la taille est en pixels.
Message à insérer : Le message que vous mettez d'habitude, les balises de mise en gras et autres fonctionnalités fonctionnent.[/b]


Dernière édition par BJ=Godzyla le Lun 8 Juin - 18:18, édité 1 fois
avatar
Godzyla
Oberstleutnant
Oberstleutnant

Nombre de messages : 210
Age : 26
Localisation : Toulouse
Date d'inscription : 01/06/2011

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum