Galerie de créations pour RPG par Joy
 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-15%
Le deal à ne pas rater :
(Adhérents) LEGO® Icons 10318 Le Concorde
169.99 € 199.99 €
Voir le deal

Partagez
 

 Cadre pour Liens #5

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

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

Cadre pour Liens #5 Empty
Message(#) Sujet: Cadre pour Liens #5   Cadre pour Liens #5 EmptyVen 12 Déc - 18:25




Nature du code


Cadre pour Liens
Fiche de liens assortie

Aperçu

Cadre pour Liens #5 AWfFjig

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>
Cadre pour Liens #5 13042811165513517811129738


Dernière édition par Joy le Dim 8 Nov - 23:54, édité 1 fois
Revenir en haut Aller en bas
https://dream.forumsactifs.net
Neyney
Invité
Anonymous


Cadre pour Liens #5 Empty
Message(#) Sujet: Re: Cadre pour Liens #5   Cadre pour Liens #5 EmptyLun 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
Joy

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

Cadre pour Liens #5 Empty
Message(#) Sujet: Re: Cadre pour Liens #5   Cadre pour Liens #5 EmptyLun 3 Aoû - 23:59

Tu peux absolument le prendre ! C'est fait pour ! ;) (Comme tous les codes dans cette zone en libre-service.)
Revenir en haut Aller en bas
https://dream.forumsactifs.net
Neyney
Invité
Anonymous


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

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


Cadre pour Liens #5 Empty
Message(#) Sujet: Re: Cadre pour Liens #5   Cadre pour Liens #5 EmptyJeu 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
Joy

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

Cadre pour Liens #5 Empty
Message(#) Sujet: Re: Cadre pour Liens #5   Cadre pour Liens #5 EmptyDim 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>
Revenir en haut Aller en bas
https://dream.forumsactifs.net
Blacky-

Blacky-

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

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

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

Little Rogers

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

Cadre pour Liens #5 Empty
Message(#) Sujet: Re: Cadre pour Liens #5   Cadre pour Liens #5 EmptyDim 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
Contenu sponsorisé




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

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

-
» Cadre pour Liens #7
» Cadre pour Liens #1
» Cadre pour Liens #6
» Cadre pour Liens #2
» Cadre pour Liens #3

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