Galerie de créations pour RPG par Joy
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Répondre au sujetPartagez
 

 Fiche de Liens #6

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Joy
FondAdmin narcissique
Joy

Messages : 624
Date d'inscription : 06/06/2012
Âge : 21
Localisation : Derrière son écran, confortablement installée au pays des licornes pégases.

Fiche de Liens #6 Empty
Message(#) Sujet: Fiche de Liens #6   Fiche de Liens #6 EmptyDim 5 Juil - 14:34




Nature du code


Fiche de liens.
Cadre de liens assortis.
Gif → ici.
Le gif utilisé doit être d'au moins 500px de largeur si vous voulez qu'il prenne toute la place.
La première capture est le cadre que l'on voit tout le temps. Et si on passe la souris dessus, magie ! Le cadre de la deuxième capture apparaît !

Aperçu


Fiche de Liens #6 Qt2R1GI
Fiche de Liens #6 BqC7BRw
Cliquez pour voir l'image en taille réelle.

Code

Code:
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><center><div style="border: 1px dotted #66ccff; background: #ffffff; display: inline-block; overflow: hidden; height: 300px; width: 500px; padding: 5px; color: #660066; font-family: Arial;" class="fili" ><div><p style="background: url('http://31.media.tumblr.com/5ea2e3360f76451c9b16787cdc51fac4/tumblr_nnfm0rsuxv1u597kno8_500.gif') no-repeat center;" class="fili" ><span style="font-size: 4em; font-family: 'Kaushan Script', cursive; text-shadow: 1px 1px 2px #ffffff;">Prénom P² Nom </span></p>
<p class="filicadre" ><span style="font-size: 20px; font-family: 'Kaushan Script', cursive; text-shadow: 1px 1px 1px #660066;">Qui suis-je ? </span>

Bric à brac d'informations, âge, orientation sexuelle, lieu de résidence, points importants de votre histoire... Bref, ce que vous êtes.

</p><p class="filicadre" ><span style="font-size: 20px; font-family: 'Kaushan Script', cursive; text-shadow: 1px 1px 1px #660066;">Wanted </span>

+ BFF stands for Best Friends Forever (♂/♀)
+ Coloc ? (♂/♀)
+ Familia (♂/♀)
+ Nemesis (♂/♀)
+ Sois pas jaloux mon chou (♂/♀)
+ Hé, c'est l'heure de sortir ! (♂/♀)
+ Protecteur (♂/♀)
+ Ta tête me revient pas (♂/♀)

</p>
[right][size=10]© Fiche : Joy, Gif : Joy [/size][/right]
</div></div></center>

<style>p.fili { display: table-cell; vertical-align: middle; width: 500px; height: 300px; } div.fili > div { transition: all 1.5s ease; } div.fili:hover > div { margin-top: -315px; } p.filicadre { border: 1px dotted #66ccff; height: 280px; width: 240px; display: inline-block; margin: 0px 2px; padding: 2px; text-align: justify; overflow: auto; }
</style>
Fiche de Liens #6 13042811165513517811129738

______________________________________


Le pessimiste se plaint du vent, l'optimiste espère qu'il va changer, le réaliste ajuste ses voiles.

Crédit - Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dream.forumsactifs.net
Goldfish
Invité
Anonymous


Fiche de Liens #6 Empty
Message(#) Sujet: Re: Fiche de Liens #6   Fiche de Liens #6 EmptyMar 6 Oct - 1:51

Coucou! Tout d'abord je tiens à dire que j'adore tout ce que tu fais, tu as beaucoup de talent et c'est fun qui tu permettes aux autres d'en profiter heart Ensuite, je voulais savoir si je pouvais me permettre de te piquer cette petite merveille de fiche pour un forum LGDC, évidemment je laisserai ton copyright je suis pas du genre à m’approprier l'art des autres!

- xxx Goldfish
Revenir en haut Aller en bas
Joy
FondAdmin narcissique
Joy

Messages : 624
Date d'inscription : 06/06/2012
Âge : 21
Localisation : Derrière son écran, confortablement installée au pays des licornes pégases.

Fiche de Liens #6 Empty
Message(#) Sujet: Re: Fiche de Liens #6   Fiche de Liens #6 EmptyDim 11 Oct - 19:49

Y a pas de soucis, tu peux la prendre sans problème ! ;)

______________________________________


Le pessimiste se plaint du vent, l'optimiste espère qu'il va changer, le réaliste ajuste ses voiles.

Crédit - Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dream.forumsactifs.net
Contenu sponsorisé




Fiche de Liens #6 Empty
Message(#) Sujet: Re: Fiche de Liens #6   Fiche de Liens #6 Empty

Revenir en haut Aller en bas
 

Fiche de Liens #6

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
Dream :: HTML/CSS :: Libre Service de Codes :: Fiches de Liens-
Répondre au sujet