1-Codage pour signature (7) Fruity
Codage pour signature (7) Fruity

In hac habitasse platea dictumst
Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra.
Présentation - Fiche de liens - Journal
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; ">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:120px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; "><p style="color: #28343b; font-family: 'Righteous', cursive; font-size:20px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; ">In hac habitasse platea dictumst</p><p style="color: #28343b; font-size:12px; text-align: left; margin: 0px 10px 0px 10px; ">Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. </p>
<p style="color: #b5bdc8; font-family: 'Righteous', cursive; font-size:14px; text-align: center; margin: 0px 20px 0px 20px; ">Présentation - Fiche de liens - Journal</p>
<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 - 19:51, édité 3 fois
- Gaelle
- Admin
Re: Codage pour signature (7) Fruity

In hac habitasse platea dictumst
Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra.
Présentation - Fiche de liens - Journal
CSS par Gaelle
Version "fraise" :
- 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; ">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:120px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; "><p style="color: #ff5c5c; font-family: 'Righteous', cursive; font-size:20px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; ">In hac habitasse platea dictumst</p><p style="color: #ff5c5c; font-size:12px; text-align: left; margin: 0px 10px 0px 10px; ">Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. </p>
<p style="color: #febbbb; font-family: 'Righteous', cursive; font-size:14px; text-align: center; margin: 0px 20px 0px 20px; ">Présentation - Fiche de liens - Journal</p>
<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 - 19:51, édité 5 fois
- Gaelle
- Admin
Re: Codage pour signature (7) Fruity

In hac habitasse platea dictumst
Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra.
Présentation - Fiche de liens - Journal
CSS par Gaelle
Version "lemon" :
- 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; ">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:120px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; "><p style="color: #abbd73; font-family: 'Righteous', cursive; font-size:20px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; ">In hac habitasse platea dictumst</p><p style="color: #abbd73; font-size:12px; text-align: left; margin: 0px 10px 0px 10px; ">Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. </p>
<p style="color: #e4efc0; font-family: 'Righteous', cursive; font-size:14px; text-align: center; margin: 0px 20px 0px 20px; ">Présentation - Fiche de liens - Journal</p>
<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 - 19:52, édité 4 fois
- Gaelle
- Admin
Re: Codage pour signature (7) Fruity

In hac habitasse platea dictumst
Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra.
Présentation - Fiche de liens - Journal
CSS par Gaelle
Version "pêche" :
- 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; ">
<img src="http://img11.hostingpics.net/pics/137336tumblrinlinems46aaTBqD1qz4rgp.gif" style="opacity: 0.8; width:120px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; "><p style="color: #ed9017; font-family: 'Righteous', cursive; font-size:20px; text-align: center; margin: 0px 20px 0px 20px; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; ">In hac habitasse platea dictumst</p><p style="color: #ed9017; font-size:12px; text-align: left; margin: 0px 10px 0px 10px; ">Pellentesque nec turpis et nunc tincidunt sodales ut non ex. Vestibulum vehicula felis eu quam blandit, ut tincidunt nulla pharetra. </p>
<p style="color: #e4efc0; font-family: 'Righteous', cursive; font-size:14px; text-align: center; margin: 0px 20px 0px 20px; ">Présentation - Fiche de liens - Journal</p>
<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>
- Gaelle
- Admin