1-Codage pour liens (8) Ethéré

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

Codage pour liens (8) Ethéré

Message par Gaelle le Sam 5 Sep - 13:35



Liens pour Prénom I. Nom



Suspendisse interdum velit dignissim leo aliquet ultricies.



Information
Information
Information
Information
Information
Information
Information
Information


Résumé de l'histoire du personnage

Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.

Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.

Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère

Liens recherchés

Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.





CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
[center]<div style="opacity: 0.6; margin: auto;"><div style="background-color: #000; width: 500px; text-align: center;"><br /><p style="font-family: 'Josefin Slab', serif; font-size: 30px; color: #999; text-align: center;">Liens pour Prénom I. Nom</p><img src="http://img15.hostingpics.net/pics/605547420203fiche.gif" style="width: 550px; margin-left: -25px;border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);;" ></div><div style=" width: 500px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );  ">
<div style="padding: 10px; color: #fff; text-align:justify;">
<p style="font-family: 'Josefin Slab', serif; font-size: 20px; color: #999; text-align: center;">[i]Suspendisse interdum velit dignissim leo aliquet ultricies.[/i]</p>
<img src="http://img15.hostingpics.net/pics/405002tumblrmn3zp4Z7ST1qgn8oeo1250.gif" style="width: 140px; margin-right: -25px; margin-left: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float: right;" ><img src="http://img15.hostingpics.net/pics/440612tumblrmn3zyeu6Rh1qgn8oeo3250.gif" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ><div style="text-align: center;">
Information
Information
Information
Information
Information
Information
Information
Information</div>
<div style="clear:both";></div>
<p style="font-family: 'Josefin Slab', serif; font-size: 20px; color: #999; text-align: center;">[b]Résumé de l'histoire du personnage[/b]</p>Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.

Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.

Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère - Caractère

<p style="font-family: 'Josefin Slab', serif; font-size: 20px; color: #999; text-align: center;">[b]Liens recherchés[/b]</p>Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.

<div style="clear:both";></div>
<br /><br/>
<div style="font-family: Verdana; font-size:7px; text-align:center; color:#fff; text-transform: uppercase; letter-spacing:2px; margin-bottom: -70px;">CSS par Gaelle</div>
</div>
</div></div>[/center]


Dernière édition par Gaelle le Dim 6 Sep - 14:02, édité 8 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 (8) Ethéré

Message par Gaelle le Sam 5 Sep - 19:48



Liens Dames / Messieurs



Suspendisse interdum velit dignissim leo aliquet ultricies.


Prénom Nom (fonction)

Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.

Prénom Nom (fonction)

Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.

Prénom Nom (fonction)

Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.




CSS par Gaelle




Code:
<link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
[center]<div style="opacity: 0.6; margin: auto;"><div style="background-color: #000; width: 500px; text-align: center;"><br /><p style="font-family: 'Josefin Slab', serif; font-size: 30px; color: #999; text-align: center;">Liens Dames / Messieurs</p><img src="http://img15.hostingpics.net/pics/605547420203fiche.gif" style="width: 550px; margin-left: -25px;border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);;" ></div><div style=" width: 500px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );  ">
<div style="padding: 10px; color: #fff; text-align:justify;">
<p style="font-family: 'Josefin Slab', serif; font-size: 20px; color: #999; text-align: center;">[i]Suspendisse interdum velit dignissim leo aliquet ultricies.[/i]</p>
<img src="http://img11.hostingpics.net/pics/645896tumblrmledf6mzob1snv8l3o3250.jpg" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ><p style="font-family: 'Josefin Slab', serif; font-size: 16px; color: #999; text-align: left;">[b]Prénom Nom[/b] (fonction)</p>Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.
<div style="clear:both";></div>
<img src="http://img11.hostingpics.net/pics/735037tumblrmledf6mzob1snv8l3o4250.jpg" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ><p style="font-family: 'Josefin Slab', serif; font-size: 16px; color: #999; text-align: left;">[b]Prénom Nom[/b] (fonction)</p>Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.
<div style="clear:both";></div>
<img src="http://img11.hostingpics.net/pics/505582tumblrmledf6mzob1snv8l3o9250.jpg" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ><p style="font-family: 'Josefin Slab', serif; font-size: 16px; color: #999; text-align: left;">[b]Prénom Nom[/b] (fonction)</p>Praesent scelerisque dolor eu felis mollis, in feugiat leo consequat. Maecenas in elementum urna. Nam volutpat molestie est, bibendum euismod magna bibendum non. Praesent blandit tincidunt fringilla. Aenean mollis venenatis massa eleifend aliquam.
<div style="clear:both";></div>
<br /><br/>
<div style="font-family: Verdana; font-size:7px; text-align:center; color:#fff; text-transform: uppercase; letter-spacing:2px; margin-bottom: -70px;">CSS par Gaelle</div>
</div>
</div></div>[/center]


Dernière édition par Gaelle le Dim 6 Sep - 14:03, é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 (8) Ethéré

Message par Gaelle le Sam 5 Sep - 20:05

Notes :

* Un filtre CSS noir et blanc est appliqué sur les images, elles peuvent être initialement en couleur donc.

* Largeur fixe.
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 (8) Ethéré

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