Le Deal du moment : -25%
-25% Nike Air Max Genome – Chaussure pour Homme
Voir le deal
127.47 €

KoalaVolant
KoalaVolant

Fiche générale n°8 Empty Fiche générale n°8

Lun 6 Juin 2022 - 12:57
Fiche qui peut aussi servir de réponse rp (https://pisrale.forumactif.com/t325-un-gif-titre-feat-citation#5514) mais qui peut servir de fiche générale, d'où sa présence ici.

Titre très long wouhou oh qu'il est long c'magnifique merveilleux biotiful tout doux
Et un mini titre si jamais pour le fun mais on le fait quand même grand pour la citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at malesuada dolor, sed aliquet erat. Nam feugiat nibh eget erat fringilla, in molestie sem facilisis. Cras tortor urna, fringilla ac consectetur vel, elementum at magna. Curabitur tincidunt velit dictum, consequat libero vel, aliquam risus. Donec finibus iaculis luctus. Nulla feugiat erat vel urna porttitor luctus. Etiam sed dolor suscipit turpis condimentum ornare.

Nunc non urna sapien. Maecenas tincidunt aliquet pretium. Nam nunc ligula, venenatis a erat ut, tempus faucibus felis. Etiam cursus tristique tortor eu blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non dapibus massa, ut viverra risus. Donec at arcu eu nisl pellentesque pulvinar. Integer tellus ante, facilisis eu laoreet a, interdum eu sapien. Maecenas nulla risus, ultrices a justo vel, ullamcorper fermentum leo. Nulla a metus pulvinar lacus congue mollis sed non arcu. Praesent ornare faucibus pharetra. Etiam quis arcu quis tortor malesuada suscipit eu non mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras fermentum tristique arcu, a tempus libero sagittis sit amet. Etiam dictum lorem quis nisi convallis, porta imperdiet lorem interdum.

Mauris ornare ipsum fermentum, ullamcorper magna ut, porttitor elit. Fusce sed ex vel lorem condimentum suscipit. Aenean in felis ut tortor finibus fermentum. Donec ac iaculis justo, eget commodo purus. Nunc tempus dui cursus, pretium lacus vel, pharetra nulla. Pellentesque lobortis eros diam, in facilisis risus iaculis eu. Proin purus massa, interdum at ante eget, porttitor egestas libero. Phasellus diam magna, aliquam at sagittis at, dictum et odio. Nunc pretium hendrerit semper. Etiam convallis velit malesuada urna commodo, ut sollicitudin magna finibus. Nullam sit amet orci vitae nisl facilisis tincidunt. Donec iaculis neque diam, non elementum ex congue efficitur. Curabitur aliquet in mi eu viverra.
KoalaVolant

HTML



Code:
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@800&display=swap" rel="stylesheet"><style>.koala{display:flex; justify-content:center; font-size:8px; letter-spacing:5px; }</style><div class="pisrals2 pisrals-global"><div class="pisrals2-conteneur"><img src="https://images2.imgbox.com/ef/c1/QxQt6ZOI_o.gif" class="pisrals2-img"/><div><div class="pisrals2-h1">Titre très long wouhou oh qu'il est long c'magnifique merveilleux biotiful tout doux</div><div class="pisrals2-h2">Et un mini titre si jamais pour le fun mais on le fait quand même grand pour la citation</div></div></div>
<div class="pisrals2-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at malesuada dolor, sed aliquet erat. Nam feugiat nibh eget erat fringilla, in molestie sem facilisis. Cras tortor urna, fringilla ac consectetur vel, elementum at magna. Curabitur tincidunt velit dictum, consequat libero vel, aliquam risus. Donec finibus iaculis luctus. Nulla feugiat erat vel urna porttitor luctus. Etiam sed dolor suscipit turpis condimentum ornare.

Nunc non urna sapien. Maecenas tincidunt aliquet pretium. Nam nunc ligula, venenatis a erat ut, tempus faucibus felis. Etiam cursus tristique tortor eu blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non dapibus massa, ut viverra risus. Donec at arcu eu nisl pellentesque pulvinar. Integer tellus ante, facilisis eu laoreet a, interdum eu sapien. Maecenas nulla risus, ultrices a justo vel, ullamcorper fermentum leo. Nulla a metus pulvinar lacus congue mollis sed non arcu. Praesent ornare faucibus pharetra. Etiam quis arcu quis tortor malesuada suscipit eu non mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras fermentum tristique arcu, a tempus libero sagittis sit amet. Etiam dictum lorem quis nisi convallis, porta imperdiet lorem interdum.

Mauris ornare ipsum fermentum, ullamcorper magna ut, porttitor elit. Fusce sed ex vel lorem condimentum suscipit. Aenean in felis ut tortor finibus fermentum. Donec ac iaculis justo, eget commodo purus. Nunc tempus dui cursus, pretium lacus vel, pharetra nulla. Pellentesque lobortis eros diam, in facilisis risus iaculis eu. Proin purus massa, interdum at ante eget, porttitor egestas libero. Phasellus diam magna, aliquam at sagittis at, dictum et odio. Nunc pretium hendrerit semper. Etiam convallis velit malesuada urna commodo, ut sollicitudin magna finibus. Nullam sit amet orci vitae nisl facilisis tincidunt. Donec iaculis neque diam, non elementum ex congue efficitur. Curabitur aliquet in mi eu viverra.
</div></div><a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant</a>

CSS



Code:
.pisrals-global, .pisrals-global *{ box-sizing:border-box; margin:0; }
    .koalapis{ display:block; text-align:center; font-size:8px; letter-spacing:5px; }

.pisrals2{ width:600px; margin:0 auto !important; }
.pisrals2-conteneur{ position:relative; width:100%; padding-bottom:10px; border-bottom:10px solid #dedede; }
.pisrals2-conteneur img{ width:50%; min-height:150px; filter: opacity(36%);}  
.pisrals2-conteneur > div{ position:absolute; text-align:right; right:0px; width:70%; top:50%; transform: translate(0px, -50%);}
.pisrals2 .pisrals2-h1{font-family: 'Playfair Display', serif; font-size:30px; line-height:21px; font-weight:bolder; color:#B9373B; }
.pisrals2 .pisrals2-h2{ margin-top:5px; font-size:11px; line-height:12px; }
.pisrals2 .pisrals2-content{ text-align:justify; padding:15px; font-size:14px; line-height:1.6em; }
Revenir en haut

Partenaires footer

RPG-Chevalier Logo WyvArtem Image hébergée gratuitement chez Image hébergée gratuitement chez