<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>
Dernière édition par Joy le Dim 8 Nov - 23:54, édité 1 fois
Neyney Invité
(#) 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 :)
Joy FondAdmin narcissique
Messages : 628 Date d'inscription : 06/06/2012 Âge : 25 Localisation : Derrière son écran, confortablement installée au pays des licornes pégases.
(#) 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.)
Neyney Invité
(#) Sujet: Re: Cadre pour Liens #5 Ven 7 Aoû - 22:16
Merci beaucoup :)
Lil' Invité
(#) Sujet: Re: Cadre pour Liens #5 Jeu 5 Nov - 13:27
Coucou !
Merci beaucoup pour ton travail et ton partage surtout 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
Joy FondAdmin narcissique
Messages : 628 Date d'inscription : 06/06/2012 Âge : 25 Localisation : Derrière son écran, confortablement installée au pays des licornes pégases.
(#) Sujet: Re: Cadre pour Liens #5 Dim 8 Nov - 23:53
<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>
Blacky-
Messages : 22 Date d'inscription : 27/04/2017 Localisation : Sur le dos d'une licorne qui galope sur un arc-en-ciel !
(#) Sujet: Re: Cadre pour Liens #5 Sam 13 Mai - 16:14
Coucou, Je te l'emprunte et te le crédite.
Little Rogers
Messages : 3 Date d'inscription : 19/11/2017
(#) 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