1-Codage Rp (7) Fruity

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

Codage Rp (7) Fruity

Message par Gaelle le Jeu 3 Sep - 15:24




In hac habitasse platea dictumst


Prénom Nom * Prénom Nom


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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.

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;">In hac habitasse platea dictumst</p>
<p style="color: #b5bdc8; font-size: 14px; text-align: center;">Prénom Nom * Prénom Nom</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:180px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.
</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 - 19:50, édité 7 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 Rp (7) Fruity

Message par Gaelle le Jeu 3 Sep - 16:42




In hac habitasse platea dictumst


Prénom Nom * Prénom Nom


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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.

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; ">

<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;">In hac habitasse platea dictumst</p>
<p style="color: #febbbb; font-size: 14px; text-align: center;">Prénom Nom * Prénom Nom</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:180px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.
</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 - 19:55, é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 Rp (7) Fruity

Message par Gaelle le Jeu 3 Sep - 16:49




In hac habitasse platea dictumst


Prénom Nom * Prénom Nom


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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.

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; ">

<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;">In hac habitasse platea dictumst</p>
<p style="color: #e4efc0; font-size: 14px; text-align: center;">Prénom Nom * Prénom Nom</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:180px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.
</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 - 19:55, édité 6 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 Rp (7) Fruity

Message par Gaelle le Jeu 3 Sep - 16:55




In hac habitasse platea dictumst


Prénom Nom * Prénom Nom


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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.

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; ">

<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;">In hac habitasse platea dictumst</p>
<p style="color: #e4efc0; font-size: 14px; text-align: center;">Prénom Nom * Prénom Nom</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:180px; margin: 10px; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; ">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. Praesent a diam elit. Quisque commodo egestas vestibulum. Suspendisse in elit vel est cursus tincidunt eget ut urna. Praesent vitae sapien vitae magna tincidunt ornare. In lobortis arcu urna, sed finibus eros mattis vitae. Nunc vitae sollicitudin tellus, sed lacinia nulla. Aliquam eleifend condimentum dignissim. In tempor tincidunt est, sed congue velit tincidunt sed. Vivamus fermentum odio non ipsum sollicitudin eleifend.

Integer sed euismod dui. Pellentesque molestie sagittis urna facilisis fermentum. Mauris ultrices mi non lacus aliquet auctor. Donec cursus at mauris feugiat tempor. Integer ante dui, laoreet nec ligula ut, malesuada placerat orci. Praesent sit amet aliquam lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper sollicitudin lacus ac lacinia. In hac habitasse platea dictumst. Praesent viverra non dui a lacinia. Quisque mollis maximus orci ut vulputate. Donec sem urna, auctor at hendrerit eget, ornare quis velit. Duis vitae pharetra libero.

Sed sed lobortis odio, eget porta felis. Integer tristique sapien sed massa venenatis, nec imperdiet turpis lacinia. Suspendisse cursus eu nibh eu ornare. Morbi viverra elit sed luctus ultrices. Vestibulum dictum, eros sit amet fringilla ultrices, ante quam tempor tellus, cursus placerat turpis felis eget justo. Quisque eget risus tincidunt, interdum nunc in, vestibulum justo. Sed sit amet sapien ut sem fermentum facilisis. Nullam et interdum diam, id facilisis risus. Etiam pulvinar leo arcu, sed tempor lorem ornare eu. Aenean laoreet iaculis condimentum. Donec malesuada, risus ultricies gravida laoreet, nulla tellus gravida dolor, sed interdum nunc diam sit amet dui. Cras id augue non metus finibus porta at nec eros.
</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:44, é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 Rp (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