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 #5

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 #5   Ven 12 Déc - 18:25




Nature du code


Cadre pour Liens
Fiche de liens assortie

Aperçu



Cliquez pour voir l'image en taille réelle.

Code

Code:
<center><link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>

<div style="background-image: url('http://i37.servimg.com/u/f37/16/77/05/67/pb10.jpg'); width: 170px; padding: 5px; border-radius: 50px; color: #FEDED0; display: inline-block;"><img src="http://i.imgur.com/NQboAVm.png" style="border-radius: 50px;"/><p style="text-align: justify; height: 200px; overflow:auto; padding: 2px;">prenom p. nom ▲ lien
Comment on s'est connus ? Tu m'as bousculée, une fois, dans le train. Et depuis, je me suis rendue compte que ma vie, sans toi, c'était pas possible. On s'est plus quittés. </p><span style="display: inline-block; font-family: 'Mr Dafoe', cursive; font-size: 30px; color: #FEDED0; text-shadow: 3px 3px 3px #766344; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -o-transform: rotate(-4deg);">Prénom nom </span>
</div> <div style="background-image: url('http://i37.servimg.com/u/f37/16/77/05/67/pb10.jpg'); width: 170px; padding: 5px; border-radius: 50px; color: #FEDED0; display: inline-block;"><img src="http://i.imgur.com/NQboAVm.png" style="border-radius: 50px;"/><p style="text-align: justify; height: 200px; overflow:auto; padding: 2px;">prenom p. nom ▲ lien
Comment on s'est connus ? Tu m'as bousculée, une fois, dans le train. Et depuis, je me suis rendue compte que ma vie, sans toi, c'était pas possible. On s'est plus quittés. </p><span style="display: inline-block; font-family: 'Mr Dafoe', cursive; font-size: 30px; color: #FEDED0; text-shadow: 3px 3px 3px #766344; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -o-transform: rotate(-4deg);">Prénom nom </span>
</div>

</center>
Pour rajouter un seul nouveau cadre en plus, rajoutez avant le dernier center :
Code:
<div style="background-image: url('http://i37.servimg.com/u/f37/16/77/05/67/pb10.jpg'); width: 170px; padding: 5px; border-radius: 50px; color: #FEDED0; display: inline-block;"><img src="http://i.imgur.com/NQboAVm.png" style="border-radius: 50px;"/><p style="text-align: justify; height: 200px; overflow:auto; padding: 2px;">prenom p. nom ▲ lien
Comment on s'est connus ? Tu m'as bousculée, une fois, dans le train. Et depuis, je me suis rendue compte que ma vie, sans toi, c'était pas possible. On s'est plus quittés. </p><span style="display: inline-block; font-family: 'Mr Dafoe', cursive; font-size: 30px; color: #FEDED0; text-shadow: 3px 3px 3px #766344; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -o-transform: rotate(-4deg);">Prénom nom </span>
</div>

______________________________________


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 Dim 8 Nov - 23:54, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dream.forumgratuit.eu
Neyney
Invité
avatar


Message(#) Sujet: Re: Cadre pour Liens #5   Lun 3 Aoû - 20:38

Coucou,

J'adore ce que tu fais et est-ce que je peux prendre ce que tu as mis sur ce post?

Merci d'avance pour ta réponse :)
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 #5   Lun 3 Aoû - 23:59

Tu peux absolument le prendre ! C'est fait pour ! ;) (Comme tous les codes dans cette zone en libre-service.)

______________________________________


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


Message(#) Sujet: Re: Cadre pour Liens #5   Ven 7 Aoû - 22:16

Merci beaucoup :)
Revenir en haut Aller en bas
Lil'
Invité
avatar


Message(#) Sujet: Re: Cadre pour Liens #5   Jeu 5 Nov - 13:27

Coucou !

Merci beaucoup pour ton travail et ton partage surtout oops heart mais j'ai un problème avec le code quand je veux en mettre plusieurs pour les liens les cadres se mettent l'un au dessus de l'autre, impossible de les avoir côte à côte thinks
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 #5   Dim 8 Nov - 23:53

Code:
<center><link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>

<div style="background-image: url('http://i37.servimg.com/u/f37/16/77/05/67/pb10.jpg'); width: 170px; padding: 5px; border-radius: 50px; color: #FEDED0; display: inline-block;"><img src="http://i.imgur.com/NQboAVm.png" style="border-radius: 50px;"/><p style="text-align: justify; height: 200px; overflow:auto; padding: 2px;">prenom p. nom ▲ lien
Comment on s'est connus ? Tu m'as bousculée, une fois, dans le train. Et depuis, je me suis rendue compte que ma vie, sans toi, c'était pas possible. On s'est plus quittés. </p><span style="display: inline-block; font-family: 'Mr Dafoe', cursive; font-size: 30px; color: #FEDED0; text-shadow: 3px 3px 3px #766344; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -o-transform: rotate(-4deg);">Prénom nom </span>
</div> <div style="background-image: url('http://i37.servimg.com/u/f37/16/77/05/67/pb10.jpg'); width: 170px; padding: 5px; border-radius: 50px; color: #FEDED0; display: inline-block;"><img src="http://i.imgur.com/NQboAVm.png" style="border-radius: 50px;"/><p style="text-align: justify; height: 200px; overflow:auto; padding: 2px;">prenom p. nom ▲ lien
Comment on s'est connus ? Tu m'as bousculée, une fois, dans le train. Et depuis, je me suis rendue compte que ma vie, sans toi, c'était pas possible. On s'est plus quittés. </p><span style="display: inline-block; font-family: 'Mr Dafoe', cursive; font-size: 30px; color: #FEDED0; text-shadow: 3px 3px 3px #766344; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -o-transform: rotate(-4deg);">Prénom nom </span>
</div>

</center>

Voici le code corrigé ! (Que je vais m'empresser de modifier dans le premier post, merci de me prévenir ! :D)
Ce code te donne deux cadres à la fois, mais il suffit de copier/coller le code ci-dessous avant le center à la fin pour rajouter un cadre :
Code:
<div style="background-image: url('http://i37.servimg.com/u/f37/16/77/05/67/pb10.jpg'); width: 170px; padding: 5px; border-radius: 50px; color: #FEDED0; display: inline-block;"><img src="http://i.imgur.com/NQboAVm.png" style="border-radius: 50px;"/><p style="text-align: justify; height: 200px; overflow:auto; padding: 2px;">prenom p. nom ▲ lien
Comment on s'est connus ? Tu m'as bousculée, une fois, dans le train. Et depuis, je me suis rendue compte que ma vie, sans toi, c'était pas possible. On s'est plus quittés. </p><span style="display: inline-block; font-family: 'Mr Dafoe', cursive; font-size: 30px; color: #FEDED0; text-shadow: 3px 3px 3px #766344; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -o-transform: rotate(-4deg);">Prénom nom </span>
</div>

______________________________________


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
Blacky-

avatar

Messages : 23
Date d'inscription : 27/04/2017
Localisation : Sur le dos d'une licorne qui galope sur un arc-en-ciel !

Message(#) Sujet: Re: Cadre pour Liens #5   Sam 13 Mai - 16:14

Coucou,
Je te l'emprunte et te le crédite.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Little Rogers

avatar

Messages : 3
Date d'inscription : 19/11/2017

Message(#) Sujet: Re: Cadre pour Liens #5   Dim 19 Nov - 20:09

Salut je te l'emprunte et je te le crédite bien entendu ! En tout cas merci ! tes codages sont vraiment cool ! :D
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




Message(#) Sujet: Re: Cadre pour Liens #5   

Revenir en haut Aller en bas
 

Cadre pour Liens #5

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