Code pour les relations

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

Code pour les relations

Message par TARDIS le Sam 9 Jan - 20:16



Titre de la Section

Ϟ Prénom P. Nom ▬ Type de lien ▬ Autre chose

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis non velit ac elementum. Vivamus leo erat, porta nec feugiat quis, aliquet in libero. Integer aliquam, nisi maximus porttitor rhoncus, augue diam imperdiet erat, eu placerat dolor quam at elit. Donec efficitur quam at est venenatis, nec semper turpis mattis. Etiam elementum accumsan ex, eget aliquet sapien gravida quis. Mauris eu lacus ut neque porta faucibus vitae dictum augue. Sed facilisis tempus diam a laoreet. Duis sed nisl non felis dignissim hendrerit sed quis nisl. Cras ornare in arcu ac facilisis. Donec semper accumsan risus, a consequat purus cursus eu. Praesent venenatis sed quam sit amet pulvinar.

Nam non vestibulum odio, non rutrum tellus. Cras accumsan tortor vitae tortor rhoncus, sit amet aliquam nisl suscipit. Nam massa purus, ornare nec libero at, iaculis egestas ex. Nullam dapibus magna ut odio sagittis, vel aliquam ipsum pretium. Proin tincidunt ante venenatis tortor commodo, sed consectetur dui ultrices. Donec finibus porta leo non gravida. Etiam nec viverra dui. Nunc congue metus sed pharetra euismod. Aliquam tempus rutrum ipsum ac volutpat. Vestibulum imperdiet est consectetur, auctor dui eu, hendrerit quam. Integer risus erat, aliquam ut turpis eu, molestie tristique odio. Aenean varius vitae tortor sed tempor. Ut eu faucibus ex. Nulla maximus laoreet magna et faucibus.





Ϟ Prénom P. Nom ▬ Type de lien ▬ Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis non velit ac elementum. Vivamus leo erat, porta nec feugiat quis, aliquet in libero. Integer aliquam, nisi maximus porttitor rhoncus, augue diam imperdiet erat, eu placerat dolor quam at elit. Donec efficitur quam at est venenatis, nec semper turpis mattis. Etiam elementum accumsan ex, eget aliquet sapien gravida quis. Mauris eu lacus ut neque porta faucibus vitae dictum augue. Sed facilisis tempus diam a laoreet. Duis sed nisl non felis dignissim hendrerit sed quis nisl. Cras ornare in arcu ac facilisis. Donec semper accumsan risus, a consequat purus cursus eu. Praesent venenatis sed quam sit amet pulvinar.

Nam non vestibulum odio, non rutrum tellus. Cras accumsan tortor vitae tortor rhoncus, sit amet aliquam nisl suscipit. Nam massa purus, ornare nec libero at, iaculis egestas ex. Nullam dapibus magna ut odio sagittis, vel aliquam ipsum pretium. Proin tincidunt ante venenatis tortor commodo, sed consectetur dui ultrices. Donec finibus porta leo non gravida. Etiam nec viverra dui. Nunc congue metus sed pharetra euismod. Aliquam tempus rutrum ipsum ac volutpat. Vestibulum imperdiet est consectetur, auctor dui eu, hendrerit quam. Integer risus erat, aliquam ut turpis eu, molestie tristique odio. Aenean varius vitae tortor sed tempor. Ut eu faucibus ex. Nulla maximus laoreet magna et faucibus.





Ϟ Prénom P. Nom ▬ Type de lien ▬ Autre chose

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis non velit ac elementum. Vivamus leo erat, porta nec feugiat quis, aliquet in libero. Integer aliquam, nisi maximus porttitor rhoncus, augue diam imperdiet erat, eu placerat dolor quam at elit. Donec efficitur quam at est venenatis, nec semper turpis mattis. Etiam elementum accumsan ex, eget aliquet sapien gravida quis. Mauris eu lacus ut neque porta faucibus vitae dictum augue. Sed facilisis tempus diam a laoreet. Duis sed nisl non felis dignissim hendrerit sed quis nisl. Cras ornare in arcu ac facilisis. Donec semper accumsan risus, a consequat purus cursus eu. Praesent venenatis sed quam sit amet pulvinar.

Nam non vestibulum odio, non rutrum tellus. Cras accumsan tortor vitae tortor rhoncus, sit amet aliquam nisl suscipit. Nam massa purus, ornare nec libero at, iaculis egestas ex. Nullam dapibus magna ut odio sagittis, vel aliquam ipsum pretium. Proin tincidunt ante venenatis tortor commodo, sed consectetur dui ultrices. Donec finibus porta leo non gravida. Etiam nec viverra dui. Nunc congue metus sed pharetra euismod. Aliquam tempus rutrum ipsum ac volutpat. Vestibulum imperdiet est consectetur, auctor dui eu, hendrerit quam. Integer risus erat, aliquam ut turpis eu, molestie tristique odio. Aenean varius vitae tortor sed tempor. Ut eu faucibus ex. Nulla maximus laoreet magna et faucibus.





(c) NyoTheNeko sur NeverUtopia


Code:
<link href='http://fonts.googleapis.com/css?family=Warnes' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_nyo{width: 500px; margin: auto; padding-top: 5px; padding-bottom: 5px; border-radius: 10px;background-image: url(http://oi61.tinypic.com/r06n4h.jpg); background-repeat: repeat; box-shadow: #B2B2B2 2px 2px 3px} .titre_global_fiche {width: 100%; margin-top: -10px; text-align: center; font-family: 'Warnes'; font-size: 30px; color: #9B7003; text-shadow: 2px 2px 0px #FAD160;} .trait_nyo{width: 90%; margin: auto; margin-top: 10px; height: 10px; border-radius: 0px 0px 20px 20px; background-color: #FAD160;} .un_lien_nyo{position: relative; width: 90%; min-height: 170px; margin: auto; margin-top: 15px; text-align: center;} .entete_lien{position: absolute; top:0; left: 0; z-index: 3; color: #D1BE90; font-size: 15px; font-family: 'Warnes'; text-shadow: 1px 1px 0px black;} .interne_lien{position: absolute; bottom: 0px; right: 0px; width: 430px; height: 150px; overflow: hidden; background-color: white; border-radius: 15px; box-shadow: #B2B2B2 2px 2px 10px inset;} .interne_lien p{width: 100%; height: 120px; padding: 10px; text-align: justify; overflow: auto;} .image_perso_lien{position: absolute; bottom: -40px; left: -40px; width: 100px; height: 100px; border-radius: 50%; box-shadow: -2px 2px 3px black;} a.credits_nu_nyo{display: block; width: 100%; text-align: center; color: #999999; font-size: 8px; text-decoration: none !important;}</style>

<div class="contour_fiche_nyo"><div class="titre_global_fiche">[color=#999999]Titre de la Section[/color]</div><div class="trait_nyo"></div>
<div class="un_lien_nyo"><span class="entete_lien">Ϟ Prénom P. Nom ▬ Type de lien ▬ Autre chose</span>
<div class="interne_lien"><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis non velit ac elementum. Vivamus leo erat, porta nec feugiat quis, aliquet in libero. Integer aliquam, nisi maximus porttitor rhoncus, augue diam imperdiet erat, eu placerat dolor quam at elit. Donec efficitur quam at est venenatis, nec semper turpis mattis. Etiam elementum accumsan ex, eget aliquet sapien gravida quis. Mauris eu lacus ut neque porta faucibus vitae dictum augue. Sed facilisis tempus diam a laoreet. Duis sed nisl non felis dignissim hendrerit sed quis nisl. Cras ornare in arcu ac facilisis. Donec semper accumsan risus, a consequat purus cursus eu. Praesent venenatis sed quam sit amet pulvinar.

Nam non vestibulum odio, non rutrum tellus. Cras accumsan tortor vitae tortor rhoncus, sit amet aliquam nisl suscipit. Nam massa purus, ornare nec libero at, iaculis egestas ex. Nullam dapibus magna ut odio sagittis, vel aliquam ipsum pretium. Proin tincidunt ante venenatis tortor commodo, sed consectetur dui ultrices. Donec finibus porta leo non gravida. Etiam nec viverra dui. Nunc congue metus sed pharetra euismod. Aliquam tempus rutrum ipsum ac volutpat. Vestibulum imperdiet est consectetur, auctor dui eu, hendrerit quam. Integer risus erat, aliquam ut turpis eu, molestie tristique odio. Aenean varius vitae tortor sed tempor. Ut eu faucibus ex. Nulla maximus laoreet magna et faucibus. </p></div>
<div class="image_perso_lien" style="background-image: url('URL_IMAGE_ICI'); background-position: center; background-size: auto 100px;"></div>
</div>

<div class="un_lien_nyo"><span class="entete_lien">Ϟ Prénom P. Nom ▬ Type de lien ▬ Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<div class="interne_lien"><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis non velit ac elementum. Vivamus leo erat, porta nec feugiat quis, aliquet in libero. Integer aliquam, nisi maximus porttitor rhoncus, augue diam imperdiet erat, eu placerat dolor quam at elit. Donec efficitur quam at est venenatis, nec semper turpis mattis. Etiam elementum accumsan ex, eget aliquet sapien gravida quis. Mauris eu lacus ut neque porta faucibus vitae dictum augue. Sed facilisis tempus diam a laoreet. Duis sed nisl non felis dignissim hendrerit sed quis nisl. Cras ornare in arcu ac facilisis. Donec semper accumsan risus, a consequat purus cursus eu. Praesent venenatis sed quam sit amet pulvinar.

Nam non vestibulum odio, non rutrum tellus. Cras accumsan tortor vitae tortor rhoncus, sit amet aliquam nisl suscipit. Nam massa purus, ornare nec libero at, iaculis egestas ex. Nullam dapibus magna ut odio sagittis, vel aliquam ipsum pretium. Proin tincidunt ante venenatis tortor commodo, sed consectetur dui ultrices. Donec finibus porta leo non gravida. Etiam nec viverra dui. Nunc congue metus sed pharetra euismod. Aliquam tempus rutrum ipsum ac volutpat. Vestibulum imperdiet est consectetur, auctor dui eu, hendrerit quam. Integer risus erat, aliquam ut turpis eu, molestie tristique odio. Aenean varius vitae tortor sed tempor. Ut eu faucibus ex. Nulla maximus laoreet magna et faucibus. </p></div>
<div class="image_perso_lien" style="background-image: url('URL_IMAGE_ICI'); background-position: center; background-size: auto 100px;"></div>
</div>

<div class="un_lien_nyo"><span class="entete_lien">Ϟ Prénom P. Nom ▬ Type de lien ▬ Autre chose</span>
<div class="interne_lien"><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis non velit ac elementum. Vivamus leo erat, porta nec feugiat quis, aliquet in libero. Integer aliquam, nisi maximus porttitor rhoncus, augue diam imperdiet erat, eu placerat dolor quam at elit. Donec efficitur quam at est venenatis, nec semper turpis mattis. Etiam elementum accumsan ex, eget aliquet sapien gravida quis. Mauris eu lacus ut neque porta faucibus vitae dictum augue. Sed facilisis tempus diam a laoreet. Duis sed nisl non felis dignissim hendrerit sed quis nisl. Cras ornare in arcu ac facilisis. Donec semper accumsan risus, a consequat purus cursus eu. Praesent venenatis sed quam sit amet pulvinar.

Nam non vestibulum odio, non rutrum tellus. Cras accumsan tortor vitae tortor rhoncus, sit amet aliquam nisl suscipit. Nam massa purus, ornare nec libero at, iaculis egestas ex. Nullam dapibus magna ut odio sagittis, vel aliquam ipsum pretium. Proin tincidunt ante venenatis tortor commodo, sed consectetur dui ultrices. Donec finibus porta leo non gravida. Etiam nec viverra dui. Nunc congue metus sed pharetra euismod. Aliquam tempus rutrum ipsum ac volutpat. Vestibulum imperdiet est consectetur, auctor dui eu, hendrerit quam. Integer risus erat, aliquam ut turpis eu, molestie tristique odio. Aenean varius vitae tortor sed tempor. Ut eu faucibus ex. Nulla maximus laoreet magna et faucibus. </p></div>
<div class="image_perso_lien" style="background-image: url('URL_IMAGE_ICI'); background-position: center; background-size: auto 100px;"></div>
</div>

<a class="credits_nu_nyo" href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a>
</div>
avatar
TARDIS
Admin

Messages : 28
Date d'inscription : 20/12/2015
Localisation : Partout à la fois.

Voir le profil de l'utilisateur http://the-stc-avdenture.forums-rpg.com

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