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

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

______________________________________


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.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 : 624
Date d'inscription : 06/06/2012
Âge : 21
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.)

______________________________________


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
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 : 624
Date d'inscription : 06/06/2012
Âge : 21
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>

______________________________________


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
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
Voir le profil de l'utilisateur
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
Voir le profil de l'utilisateur
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

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