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


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

Message(#) Sujet: Fiche de Liens #6   Dim 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




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>

______________________________________


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.forumgratuit.eu
Goldfish
Invité



Message(#) Sujet: Re: Fiche de Liens #6   Mar 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


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

Message(#) Sujet: Re: Fiche de Liens #6   Dim 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.forumgratuit.eu
Contenu sponsorisé




Message(#) Sujet: Re: Fiche de Liens #6   Aujourd'hui à 10:49

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

 Sujets similaires

-
» Ecarts sur une fiche de liens
» Problème sur fiche de liens
» Fiche demandes de liens, bug dans le code
» Fiche de liens & rp #1 ♦ Kamiyu
» Fiche de liens simple pour forum RP

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