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

Répondre au sujetPartagez | 
 

 Cadre pour Liens #6

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

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

Message(#) Sujet: Cadre pour Liens #6   Dim 5 Juil - 14:42




Nature du code


Cadre pour liens.
Le texte de la capture est le suivant :
Je suis moi et tu es toi.
Je poursuis ma voie et tu poursuis la tienne.
Je ne suis pas en ce monde pour répondre à tes attentes et tu n'es pas en ce monde pour répondre aux miennes.
Tu es toi et je suis moi.
Et si par chance nous nous rencontrons alors c'est merveilleux.
Sinon...
Nous n'y pouvons rien. - Prière de Gestalt
Fiche de liens assortie
Il peut y avoir jusqu'à 8 liens pour un cadre. (Et pas plus, sinon ça déborde.)
La première capture est le cadre que l'on voit tout le temps. Et si on passe la souris sur une des images, 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><table><tr><td class="fdl"><center><p><img src="LIEN IMAGE 1" /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 1
</span></p><p><img src="LIEN IMAGE 2" /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 2
</span></p><p><img src="LIEN IMAGE 3" /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 3
</span></p><p><img src="LIEN IMAGE 4"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 4
</span></p><p><img src="LIEN IMAGE 5"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 5
</span></p><p><img src="LIEN IMAGE 6"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 6
</span></p><p><img src="LIEN IMAGE 7"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 7
</span></p><p><img src="LIEN IMAGE 8"  /><span>Prénom Nom [i]♦ Lien[/i]
</span></p></center></td></tr><tr>
<td style="border: 1px dotted #66ccff; background: #ffffff; display: inline-block; overflow: hidden; height: 110px; width: 500px; padding: 5px; color: #660066; font-family: Arial;" ><p style="display: table-cell; vertical-align: middle; background: url('http://31.media.tumblr.com/5ea2e3360f76451c9b16787cdc51fac4/tumblr_nnfm0rsuxv1u597kno8_500.gif') no-repeat center; text-align: center; width: 500px; height: 80px;" ><span style="font-size: 4em; font-family: 'Kaushan Script', cursive; text-shadow: 1px 1px 2px #ffffff;">Mes petits liens à moi </span></p>
[right][size=10]© Fiche : Joy, Gif : Joy [/size][/right]
</td></tr></table></center>

<style>td.fdl img { height: 60px; border-radius: 30px; color: #660066; } td.fdl p { display: inline; text-decoration: none; text-align: justify; } td.fdl span { display: none; margin-bottom: -100px; color: #660066; } td.fdl p:hover { background: none; } td.fdl p:hover span { z-index: 100; display: block; position: absolute; background: #ffffff; overflow: auto; height: 110px; width: 500px; border: 1px dotted #66ccff; padding: 5px; margin: 3px 0 0 -1px; } </style>

______________________________________


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

Crédit - Joy


Dernière édition par Joy le Ven 28 Aoû - 10:46, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dream.forumgratuit.eu
Nozomie
Invité
avatar


Message(#) Sujet: Re: Cadre pour Liens #6   Lun 6 Juil - 1:38

Coucou !

Alors déjà, je voulais te dire un GROS MERCI pour ce que tu proposes en libre-service, franchement c'est juste génial, d'abord parce que c'est super joli et bien fait, et ensuite parce que le mettre en libre service c'est hyper gentil Pluie de cœurs Donc voilà je te fais des tas et des tas de hug et t'offre plein d'amour et de cookies pour ça heart heart hug hug Pluie de cœurs

J'aurais aussi une question par rapport à ce code (j'espère que je suis au bon endroit pour poster ?
J'ai modifié un peu le code pour des questions du fait que ça m'arrangeais (ça ne te dérange pas ? Je garde le copyright itoo évidemment ! J'ai juste bougé les dimensions en fait xD) mais je sais pas ce que j'ai fichu et l'image n'est plus centré mais à gauche... T'aurais une petite solution pour la boulet que je suis en codage ? oops

Code:

<div class="stitre"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><center><table><tr><td class="fdl"><center><p><img src="http://zupimages.net/up/15/28/p520.gif" /><span>Lachlan Ó Dónaill[i] ♦️ La grosse erreur[/i]
Lachlan est le père de son enfant, néanmoins, celui-ci ne le sait absolument pas. Meredith lui voue une rancune, voir une haine sans limites. Pour elle, il est la cause de tout ses malheurs, de toutes ses peines. A cause du jeune homme, elle est de un tombée enceinte, enchaînant ainsi sa mise à la porte par ses parents. Malgré les deux ans passés, elle n'a jamais cessé d'élaborer des plans pour se venger de celui-ci. Bien décidée à lui mettre des bâtons dans les roues, d'exploser son petit monde en de nombreuses parcelles, elle va lui apprendre l'existence de leur fils et ainsi mettre la réputation des Ò Dònaill en péril. Malheureusement pour elle, Lachlan est loin d'être un ange et de se laisser faire. La guerre va vite se déclarer entre les deux jeunes gens. Pourtant, la Meredith si douce et si naïve d'autrefois a bien changé et ça, Lachlan ne s'y attend pas spécialement!</span></p><p><img src="http://zupimages.net/up/15/28/zv1k.jpg" /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 2
</span></p><p><img src="http://zupimages.net/up/15/28/zv1k.jpg" /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 3
</span></p><p><img src="http://zupimages.net/up/15/28/zv1k.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 4
</span></p><p><img src="http://zupimages.net/up/15/28/zv1k.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 5
</span></p><p><img src="http://zupimages.net/up/15/28/zv1k.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 6
</center></td></tr><tr>

<td style="border: 1px dotted #66ccff; background: #ffffff; display: inline-block; overflow: hidden; height: 250px; width: 500px; padding: 5px; color: #3399FF; font-family: Arial;" ><p style="display: table-cell; vertical-align: middle; background: url('http://zupimages.net/up/15/27/492k.gif') no-repeat center; text-align: center; width: 500px; height: 230px;" ><span style="font-size: 4em; font-family: 'Kaushan Script', cursive; text-shadow: 1px 1px 2px #ffffff;">Mes liens ♥️ </span></p>
[right][size=10]©️ Fiche : Joy[/size][/right]
</td></tr></table></center>

<style>td.fdl img { height: 60px; border-radius: 30px; color: #660066; } td.fdl p { display: inline; text-decoration: none; text-align: justify; } td.fdl span { display: none; margin-bottom: -100px; color: #660066; } td.fdl p:hover { background: none; } td.fdl p:hover span { z-index: 100; display: block; position: absolute; background: #ffffff; overflow: auto; height: 250px; width: 500px; border: 1px dotted #66ccff; padding: 5px; margin: 3px 0 0 -1px; } </style>



Merci de prendre ton temps pour moi si jamais, et merci encore de proposer tout ça c'est génial ! heart
Revenir en haut Aller en bas
Joy
FondAdmin narcissique
avatar

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

Message(#) Sujet: Re: Cadre pour Liens #6   Lun 6 Juil - 18:17

Oh de rien. Ça me fait plaisir que ce forum serve à quelque chose (je m'étonne toujours quand je vois l'image "nouveau message". oops)
Et tu peux changer les dimensions sans problème. ;) Tant que ça ne déforme pas le forum sur lequel tu postes la fiche (vu que parfois, les admins aiment pas trop ça Ange).

En fait c'est normal que ce soit à gauche. Comme c'est un tableau avec deux lignes, les images prennent toute la place qu'elles peuvent, et on dirait pas, mais elles sont centrées. xD Sauf que là, il y a trop d'images, ça prend trop de place donc ça dépasse. En gros, la seule chose que je peux te conseiller, c'est de mettre moins de liens par cadre. Ange J'ai regardé et avec la taille des gifs fleurs tu peux en mettre 5 max.
Et fais attention, tu as enlevé une balise p pour fermer à la fin du lien 6. ♥️

Voilà voilà, j'espère que cette réponse t'auras été utile ! ;)

______________________________________


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
Nozomie
Invité
avatar


Message(#) Sujet: Re: Cadre pour Liens #6   Lun 6 Juil - 18:59

Oh super d'accord ça marche merci beaucoup encore !
Je repasserais sûrement par-ci par-là si je prends d'autre truc paske je craque trop sur ce que tu fais heart
Revenir en haut Aller en bas
Joy
FondAdmin narcissique
avatar

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

Message(#) Sujet: Re: Cadre pour Liens #6   Mar 7 Juil - 14:53

Contente que ça plaise. oops **

______________________________________


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
Tamashia
Invité
avatar


Message(#) Sujet: Re: Cadre pour Liens #6   Jeu 27 Aoû - 1:09

Bonjour ! oops
Déjà, jolie fiche lama
Ensuite, merci, merci, merci, pour la fiche runs
C'est trop sympa hug
Et enfin, j'ai un petit problème, les images pour afficher les liens ne marchent pas

Regarde sad:
 

Code:
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><center><table><tr><td class="fdl"><center><p><img src="http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg" /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 1
</span></p><p><img src=""http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg" /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 2
</span></p><p><img src=""http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg" /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 3
</span></p><p><img src=""http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 4
</span></p><p><img src=""http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 5
</span></p><p><img src=""http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 6
</span></p><p><img src=""http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
LIEN 7
</span></p><p><img src=""http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg"  /><span>Prénom Nom [i]♦️ Lien[/i]
</span></p></center></td></tr><tr>
<td style="border: 1px dotted #66ccff; background: #ffffff; display: inline-block; overflow: hidden; height: 110px; width: 500px; padding: 5px; color: #660066; font-family: Arial;" ><p style="display: table-cell; vertical-align: middle; background: url('http://s4.favim.com/orig/140801/gif-wolf-Favim.com-1962014.gif') no-repeat center; text-align: center; width: 500px; height: 80px;" ><span style="font-size: 4em; font-family: 'Kaushan Script', cursive; text-shadow: 1px 1px 2px #ffffff;">Mes petits liens à moi </span></p>
[right][size=10]©️ Fiche : Joy, Gif : Joy [/size][/right]
</td></tr></table></center>

<style>td.fdl img { height: 60px; border-radius: 30px; color: #660066; } td.fdl p { display: inline; text-decoration: none; text-align: justify; } td.fdl span { display: none; margin-bottom: -100px; color: #660066; } td.fdl p:hover { background: none; } td.fdl p:hover span { z-index: 100; display: block; position: absolute; background: #ffffff; overflow: auto; height: 110px; width: 500px; border: 1px dotted #66ccff; padding: 5px; margin: 3px 0 0 -1px; } </style>

Pourrais-tu m'aider s'il-te-plait ? sad oops
Revenir en haut Aller en bas
Joy
FondAdmin narcissique
avatar

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

Message(#) Sujet: Re: Cadre pour Liens #6   Ven 28 Aoû - 10:49

AH OUI Y A UN PROBLÈME. Je suis un boulet, merci de me faire remarquer ce problème (que j'aurais dû avoir corrigé).
Au niveau des liens de l'image il y a deux guillemets, il ne devrait y en avoir qu'une. ^^

Code:
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><center><table><tr><td class="fdl"><center><p><img src="http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg" /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 1
</span></p><p><img src="http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg" /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 2
</span></p><p><img src="http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg" /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 3
</span></p><p><img src="http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 4
</span></p><p><img src="http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 5
</span></p><p><img src="http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 6
</span></p><p><img src=""http://www.nechercheplus.com/images/2012/04/avatar-loup.jpg"  /><span>Prénom Nom [i]♦ Lien[/i]
LIEN 7
</span></p><p><img src=""http://i74.servimg.com/u/f74/16/33/07/87/white-10.jpg"  /><span>Prénom Nom [i]♦ Lien[/i]
</span></p></center></td></tr><tr>
<td style="border: 1px dotted #66ccff; background: #ffffff; display: inline-block; overflow: hidden; height: 110px; width: 500px; padding: 5px; color: #660066; font-family: Arial;" ><p style="display: table-cell; vertical-align: middle; background: url('http://s4.favim.com/orig/140801/gif-wolf-Favim.com-1962014.gif') no-repeat center; text-align: center; width: 500px; height: 80px;" ><span style="font-size: 4em; font-family: 'Kaushan Script', cursive; text-shadow: 1px 1px 2px #ffffff;">Mes petits liens à moi </span></p>
[right][size=10]© Fiche : Joy, Gif : Joy [/size][/right]
</td></tr></table></center>

<style>td.fdl img { height: 60px; border-radius: 30px; color: #660066; } td.fdl p { display: inline; text-decoration: none; text-align: justify; } td.fdl span { display: none; margin-bottom: -100px; color: #660066; } td.fdl p:hover { background: none; } td.fdl p:hover span { z-index: 100; display: block; position: absolute; background: #ffffff; overflow: auto; height: 110px; width: 500px; border: 1px dotted #66ccff; padding: 5px; margin: 3px 0 0 -1px; } </style>

Ce code devrait marcher sans problème, désolée d'être un boulet. ^^'

+ Code arrangé dans le premier post.

______________________________________


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
Tamashia
Invité
avatar


Message(#) Sujet: Re: Cadre pour Liens #6   Dim 30 Aoû - 19:51

Oh merci, c'est trop gentil Pluie de cœurs
ça marche mieux maintenant hug  
Et ne t'inquiètes pas, tu n'es pas un boulet, tu arrives à faire de super fiches oops
Comparé à moi qui ne sait pas en faire, c'est vraiment très bien ce que tu fait heart
Revenir en haut Aller en bas
Aby
Invité
avatar


Message(#) Sujet: Re: Cadre pour Liens #6   Lun 19 Déc - 18:33

J'adore cheer Par contre, je peux l'utiliser pour autre chose qu'une fiche de liens ? What a Face Je laisse le crédit, promis Ange
Revenir en haut Aller en bas
Joy
FondAdmin narcissique
avatar

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

Message(#) Sujet: Re: Cadre pour Liens #6   Lun 19 Déc - 21:32

Coucou !
Bien sûr que tu peux ! :D

______________________________________


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: Cadre pour Liens #6   

Revenir en haut Aller en bas
 

Cadre pour Liens #6

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

 Sujets similaires

-
» Photofiltre- Cadre en brush- Facile
» Création d'un cadre pour photo numérique
» [Nocturne] Demande d'aide pour code css complet s'il vous plait.
» [Résolu] Pb pour la désinstallation d'Antivir version Anglaise
» *Cadre Le Lacet*

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