Le Deal du moment : -50%
[Adhérents Fnac] -50% Casque Pro Gaming HyperX ...
Voir le deal
49.99 €

KoalaVolant
KoalaVolant
Dim 2 Juin 2024 - 17:18
Titre
Maquette : KoalaVolant
Code : KoalaVolant & Void_invaders
Polices : Inter
Couleurs modifiables : Oui
Créditrs images : Avatars de Gale Dekarios (Baldur's Gate 3) par KoalaVolant

Merci de laisser les crédits et de ne pas toucher au code en dehors des couleurs, des polices et des images
void_invaders



Entête de fiche de lien
Pour modifier les couleurs, il faut changer les couleurs de "modifier couleurs"
void_invaders


Code:
<link href="https://coderps.xyz/codesrps3/fchlien.css" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet"><!-- MODIFIER COULEURS --><style>:root {  --glvwhite: #fff; --glvblue: #03A9F4;  --glvdark-blue: #0b0a44;  --glvlight-blue: #5190ee; --glvpurple: #9267dd;  --glvpurple-opacity: rgba(63, 18, 168, 0.63);}</style>
<div class="purplelinks purpleent">
<!-- IMAGE ET PRENOM --><div class="purpleimgname">
<img src="https://i.imgur.com/l2brmav.jpg">
<span>Gale of Waterdeep Dekarios</span>
<!-- FIN IMAGE ET PRENOM --></div>
<!-- DROITE --><div class="purpleright">
<!-- TAGS --><div class="purpletags">
<span>Tag 1</span>
<span>Tag 2 un petit peu long a voir</span>
<span>Tag 3</span>
<span>Tag 1</span>
<span>Tag 2 un petit peu long a voir</span>
<span>Tag 3</span>
<!-- FIN TAGS --></div>
<!-- DESCRIPTION DU PERSONNAGE --><div class="purpleblabla">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis gravida augue, ac ultricies nibh pulvinar eu. Mauris non sapien vitae ligula convallis gravida. Vivamus id augue non lacus scelerisque bibendum. Maecenas vitae aliquet diam. Suspendisse vehicula, ex gravida molestie vehicula, arcu massa ullamcorper mauris, ac elementum quam lectus euismod augue. Phasellus imperdiet erat quam, sed tempus purus pulvinar nec. In varius leo vitae neque efficitur, sit amet congue nulla auctor. Etiam molestie nisi id neque gravida maximus. Maecenas lorem tortor, luctus lacinia dignissim vitae, vulputate sed nulla. Morbi malesuada, leo vitae imperdiet condimentum, lectus nibh varius mauris, in eleifend lectus lorem non erat. Curabitur tincidunt faucibus rhoncus.

Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<!-- FIN DESCRIPTION --></div>
<!-- LIENS RECHERCHES --><div class="purplessearchlinks">
<span class="purplelsearchtitle">Liens recherchés</span>
<div class="purplelsearchtxt"><strong>Nom du rôle -</strong> blablabla
<strong>Nom du rôle -</strong> blablabla
<strong>Nom du rôle -</strong> blablabla
<strong>Nom du rôle -</strong> blablabla
<strong>Nom du rôle -</strong> blablabla
<strong>Nom du rôle -</strong> blablabla
<strong>Nom du rôle -</strong> blablabla
<strong>Nom du rôle -</strong> blablabla
<!-- FIN DROITE --></div></div></div>
<!-- FIN DES FICHES DE LIENS --></div><a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant & Void_invaders</a>


Liens
Pour modifier les couleurs, il faut changer les couleurs de "modifier couleurs"
void_invaders


Code:
<link href="https://coderps.xyz/codesrps3/fchlien.css" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet"><!-- MODIFIER COULEURS --><style>:root {  --glvwhite: #fff; --glvblue: #03A9F4;  --glvdark-blue: #0b0a44;  --glvlight-blue: #5190ee; --glvpurple: #9267dd;  --glvpurple-opacity: rgba(63, 18, 168, 0.63);}</style>
<div class="purplelinks purplelinkcontenu">
<!-- LIEN --><div class="purplelink">
<img src="https://i.imgur.com/aLUrzXJ.jpg">
<!-- DESCRIPTION --><div class="purplelinkcont">
<span class="purplelinkctitle">Prénom Nom</span>
<div class="purplelinktxt">Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<!-- FIN DU LIEN --></div></div>
<!-- LIEN --><div class="purplelink">
<img src="https://i.imgur.com/ppUSlMS.jpg">
<!-- DESCRIPTION --><div class="purplelinkcont">
<span class="purplelinkctitle">Prénom Nom</span>
<div class="purplelinktxt">Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<!-- FIN DU LIEN --></div></div>
<!-- LIEN --><div class="purplelink">
<img src="https://i.imgur.com/aLUrzXJ.jpg">
<!-- DESCRIPTION --><div class="purplelinkcont">
<span class="purplelinkctitle">Prénom Nom</span>
<div class="purplelinktxt">Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<!-- FIN DU LIEN --></div></div>
<!-- LIEN --><div class="purplelink">
<img src="https://i.imgur.com/ppUSlMS.jpg">
<!-- DESCRIPTION --><div class="purplelinkcont">
<span class="purplelinkctitle">Prénom Nom</span>
<div class="purplelinktxt">Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<!-- FIN DU LIEN --></div></div>
<!-- LIEN --><div class="purplelink">
<img src="https://i.imgur.com/aLUrzXJ.jpg">
<!-- DESCRIPTION --><div class="purplelinkcont">
<span class="purplelinkctitle">Prénom Nom</span>
<div class="purplelinktxt">Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<!-- FIN DU LIEN --></div></div>
<!-- LIEN --><div class="purplelink">
<img src="https://i.imgur.com/ppUSlMS.jpg">
<!-- DESCRIPTION --><div class="purplelinkcont">
<span class="purplelinkctitle">Prénom Nom</span>
<div class="purplelinktxt">Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<!-- FIN DU LIEN --></div></div>
<!-- FIN DESCRIPTION DES LIENS --></div><a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant & Void_invaders</a>

Mettre un seul lien
Le code pour un seul lien
void_invaders


Code:
<!-- LIEN --><div class="purplelink">
<img src="https://i.imgur.com/ppUSlMS.jpg">
<!-- DESCRIPTION --><div class="purplelinkcont">
<span class="purplelinkctitle">Prénom Nom</span>
<div class="purplelinktxt">Duis sit amet enim magna. Nullam luctus felis ex, in varius nulla sollicitudin a. Nam gravida sapien vel efficitur ultricies. Nullam luctus massa quis malesuada volutpat. Proin nec libero pulvinar, efficitur tellus id, vulputate eros. Donec laoreet euismod ligula ut pharetra. Sed feugiat augue vitae metus lobortis interdum. Cras congue lectus ut erat auctor, a facilisis urna pharetra. Proin elementum mi orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<!-- FIN DU LIEN --></div></div>
Revenir en haut

Nos amis proches

Fiche de lien #30 Parto512 Life Is Strange L'AnnuaireImage Fiche de lien #30 B-squareAinsi tomba ThédasDuralasCoeur de la force