1-Codage pour liens (7) Fruity

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

Codage pour liens (7) Fruity

Message par Gaelle le Jeu 3 Sep - 17:11




Prénom I. Nom


Fiche de présentation - Journal des Rp



Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

Je recherche ...

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle



Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #b5bdc8; background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #28343b; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Prénom I. Nom</p>
<p style="color: #b5bdc8; font-size:16px; text-align: center; ">Fiche de présentation - Journal des Rp</p></div><div style="background-color: #28343b; color: #b5bdc8; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/892250kasJ8L6.png" style="opacity: 0.8; width:200px; height: 320px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

[b]Je recherche ...[/b]

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

</div><div style="height:50px; background: #28343b; background: -moz-linear-gradient(top,  #28343b 0%, #828c95 64%, #b5bdc8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(64%,#828c95), color-stop(100%,#b5bdc8)); background: -webkit-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); background: -o-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); background: -ms-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); background: linear-gradient(to bottom,  #28343b 0%,#828c95 64%,#b5bdc8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); ">
<p style="color: #28343b; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:45, édité 5 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Gaelle le Jeu 3 Sep - 17:11




Liste des filles/garçons



Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #b5bdc8; background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #28343b; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Liste des filles/garçons</p></div><div style="background-color: #28343b; color: #b5bdc8; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
</div><div style="height:50px; background: #28343b; background: -moz-linear-gradient(top,  #28343b 0%, #828c95 64%, #b5bdc8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(64%,#828c95), color-stop(100%,#b5bdc8)); background: -webkit-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); background: -o-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); background: -ms-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); background: linear-gradient(to bottom,  #28343b 0%,#828c95 64%,#b5bdc8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); ">
<p style="color: #28343b; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:28, édité 4 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Gaelle le Jeu 3 Sep - 21:14




Prénom I. Nom


Fiche de présentation - Journal des Rp



Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

Je recherche ...

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #febbbb; background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 36%, #ff5c5c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(36%,#fe9090), color-stop(100%,#ff5c5c)); background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #ff5c5c; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Prénom I. Nom</p>
<p style="color: #febbbb; font-size:16px; text-align: center; ">Fiche de présentation - Journal des Rp</p></div><div style="background-color: #ff5c5c; color: #febbbb; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/892250kasJ8L6.png" style="opacity: 0.8; width:200px; height: 320px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

[b]Je recherche ...[/b]

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

</div><div style="height:50px; background: #ff5c5c; background: -moz-linear-gradient(top,  #ff5c5c 0%, #fe9090 64%, #febbbb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5c5c), color-stop(64%,#fe9090), color-stop(100%,#febbbb)); background: -webkit-linear-gradient(top,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); background: -o-linear-gradient(top,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); background: -ms-linear-gradient(top,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); background: linear-gradient(to bottom,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5c5c', endColorstr='#febbbb',GradientType=0 ); ">
<p style="color: #ff5c5c; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:28, édité 3 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Gaelle le Jeu 3 Sep - 21:15




Liens des filles/garçons




Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle



Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #febbbb; background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 36%, #ff5c5c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(36%,#fe9090), color-stop(100%,#ff5c5c)); background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 36%,#ff5c5c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #ff5c5c; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Liens des filles/garçons</p>
</div><div style="background-color: #ff5c5c; color: #febbbb; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
</div><div style="height:50px; background: #ff5c5c; background: -moz-linear-gradient(top,  #ff5c5c 0%, #fe9090 64%, #febbbb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5c5c), color-stop(64%,#fe9090), color-stop(100%,#febbbb)); background: -webkit-linear-gradient(top,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); background: -o-linear-gradient(top,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); background: -ms-linear-gradient(top,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); background: linear-gradient(to bottom,  #ff5c5c 0%,#fe9090 64%,#febbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5c5c', endColorstr='#febbbb',GradientType=0 ); ">
<p style="color: #ff5c5c; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:29, édité 4 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Gaelle le Ven 4 Sep - 18:14




Prénom I. Nom


Fiche de présentation - Journal des Rp



Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

Je recherche ...

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #e4efc0; background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%); background: -o-linear-gradient(top, #e4efc0 0%,#abbd73 100%); background: -ms-linear-gradient(top, #e4efc0 0%,#abbd73 100%); background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #abbd73; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Prénom I. Nom</p>
<p style="color: #e4efc0; font-size:16px; text-align: center; ">Fiche de présentation - Journal des Rp</p></div><div style="background-color: #abbd73; color: #e4efc0; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/892250kasJ8L6.png" style="opacity: 0.8; width:200px; height: 320px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

[b]Je recherche ...[/b]

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

</div><div style="height:50px; background: #abbd73; background: -moz-linear-gradient(top,  #abbd73 0%, #e4efc0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abbd73), color-stop(100%,#e4efc0)); background: -webkit-linear-gradient(top,  #abbd73 0%,#e4efc0 100%); background: -o-linear-gradient(top,  #abbd73 0%,#e4efc0 100%); background: -ms-linear-gradient(top,  #abbd73 0%,#e4efc0 100%); background: linear-gradient(to bottom,  #abbd73 0%,#e4efc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abbd73', endColorstr='#e4efc0',GradientType=0 ); ">
<p style="color: #abbd73; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:29, édité 2 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Gaelle le Ven 4 Sep - 18:15




Liens des filles/garçons




Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #e4efc0; background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%); background: -o-linear-gradient(top, #e4efc0 0%,#abbd73 100%); background: -ms-linear-gradient(top, #e4efc0 0%,#abbd73 100%); background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #abbd73; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Liens des filles/garçons</p>
</div><div style="background-color: #abbd73; color: #e4efc0; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
</div><div style="height:50px; background: #abbd73; background: -moz-linear-gradient(top,  #abbd73 0%, #e4efc0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abbd73), color-stop(100%,#e4efc0)); background: -webkit-linear-gradient(top,  #abbd73 0%,#e4efc0 100%); background: -o-linear-gradient(top,  #abbd73 0%,#e4efc0 100%); background: -ms-linear-gradient(top,  #abbd73 0%,#e4efc0 100%); background: linear-gradient(to bottom,  #abbd73 0%,#e4efc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abbd73', endColorstr='#e4efc0',GradientType=0 ); ">
<p style="color: #abbd73; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:30, édité 5 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Gaelle le Ven 4 Sep - 18:15




Prénom I. Nom


Fiche de présentation - Journal des Rp



Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

Je recherche ...

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #f6e6b4; background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #ed9017; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Prénom I. Nom</p>
<p style="color: #e4efc0; font-size:16px; text-align: center; ">Fiche de présentation - Journal des Rp</p></div><div style="background-color: #ed9017; color: #e4efc0; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/892250kasJ8L6.png" style="opacity: 0.8; width:200px; height: 320px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
Résumé de l'histoire de mon personnage. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Information utile.
Information utile.
Information utile.
Information utile.
Information utile.

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère - Trait de caractère.

[b]Je recherche ...[/b]

Le type de lien recherché. Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.

</div><div style="height:50px; background: #ed9017; background: -moz-linear-gradient(top,  #ed9017 0%, #f6e6b4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed9017), color-stop(100%,#f6e6b4)); background: -webkit-linear-gradient(top,  #ed9017 0%,#f6e6b4 100%); background: -o-linear-gradient(top,  #ed9017 0%,#f6e6b4 100%); background: -ms-linear-gradient(top,  #ed9017 0%,#f6e6b4 100%); background: linear-gradient(to bottom,  #ed9017 0%,#f6e6b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#f6e6b4',GradientType=0 ); ">
<p style="color: #ed9017; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:30, édité 3 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Gaelle le Ven 4 Sep - 18:24




Liens des filles/garçons




Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


Nom Prénom (fonction/métier)

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.


CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<div style="height:150px; background: #f6e6b4; background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px/25px 25px 0px 0px; ">

<p style="color: #ed9017; font-family: 'Righteous', cursive; font-size:30px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;">Liens des filles/garçons</p>
</div><div style="background-color: #ed9017; color: #e4efc0; padding:20px; text-align: justify;">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:150px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">
[b]Nom Prénom (fonction/métier)[/b]

Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. Sed condimentum lacus sit amet dui auctor feugiat id et felis.
<div style="clear:both;"></div>
</div><div style="height:50px; background: #ed9017; background: -moz-linear-gradient(top,  #ed9017 0%, #f6e6b4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed9017), color-stop(100%,#f6e6b4)); background: -webkit-linear-gradient(top,  #ed9017 0%,#f6e6b4 100%); background: -o-linear-gradient(top,  #ed9017 0%,#f6e6b4 100%); background: -ms-linear-gradient(top,  #ed9017 0%,#f6e6b4 100%); background: linear-gradient(to bottom,  #ed9017 0%,#f6e6b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#f6e6b4',GradientType=0 ); ">
<p style="color: #ed9017; font-family: Verdana; font-size:8px; text-align:center;text-transform: uppercase; letter-spacing:2px;">[b]CSS par Gaelle[/b]</p></div>


Dernière édition par Gaelle le Ven 4 Sep - 18:31, édité 1 fois
Gaelle
avatar
Admin

Messages : 201
Date d'inscription : 11/08/2015

Voir le profil de l'utilisateur http://gaelle.bbgraph.com

Revenir en haut Aller en bas

Re: Codage pour liens (7) Fruity

Message par Contenu sponsorisé

Contenu sponsorisé


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