Exemple de filigrane pour les messages du forum.
Page 1 sur 1
Exemple de filigrane pour les messages du forum.
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.
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 2015 - 19:18, édité 1 fois
Godzyla- Major
- Croix de chevalier avec feuilles de chêne4eme récompense à la Participation à la vie de l'escadrilleService informatique 3Expert Informaticien
- Nombre de messages : 248
Age : 33
Localisation : Toulouse
Date d'inscription : 01/06/2011
Sujets similaires
» 1- Reflexvisier
» Un petit pas pour la BJ mais un grand pas pour moi !
» 4- Règles d’utilisation du forum
» Ajouter le forum BJ à la barre de recherche
» pour neyah
» Un petit pas pour la BJ mais un grand pas pour moi !
» 4- Règles d’utilisation du forum
» Ajouter le forum BJ à la barre de recherche
» pour neyah
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum