Tutoriel trois cadres simple en un

Voir le sujet précédent Voir le sujet suivant Aller en bas

Tutoriel trois cadres simple en un

Message par Admin le Ven 17 Aoû - 21:33

Bonjour ou bonsoir,

Voici un code HTML qui vous permet de faire 3 cadres d'un coup en modifiant juste l'image de fond pour que ce soient celles de votre choix.
Pour changer l'image de fond, il vous suffit de changer l'URL de l'image du cadre http://obsession27.free.fr/divers/fonds/pp3.png par votre URL (il faut le faire 3 fois, car il nous demande le lien du fond 3 fois dans le code HTML, regarder bien).

Prévisualisation du résultat:
http://img15.hostingpics.net/pics/647355Sanstitre31.png
Spoiler:

Pour changer la taille des bords des cadres il faux modifier ceci:
Code:
border: #000000 2px solid
en l’occurrence le chiffre 2 par 3 si vous les voulez plus épais ou part 1 si vous les voulez plus fin.

Le code HTML avec l'URL de l'image déjà dedans:
Code:
<p><span style="color: #ffffff; font-family: 'Trebuchet MS', Verdana, Arial; font-size: 14px;"> </span></p>
<table>
<tbody>
<tr>
<td style="background-image: url(http://obsession27.free.fr/divers/fonds/pp3.png); font-size: 12px; border: #000000 2px solid;" width="100%">
<blockquote>
<div style="margin: auto; text-align: center; width: 100%;"><span style="font-family: Georgia;"><span style="color: #000000;"><span style="font-size: 22px; line-height: normal;">Nom Prénom(s) ou Doll(z)</span></span></span><br /><br />" Une petite phrase ou citation de votre choix "<br /><br /><br /></div>
<div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;"><span style="color: #000000;">[Présentation de vous même et de votre doll(z)] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.</span></div>
</blockquote>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /></p>
<table>
<tbody>
<tr>
<td style="background-image: url(http://obsession27.free.fr/divers/fonds/pp3.png); font-size: 12px; border: #000000 2px solid;" width="100%">
<blockquote>
<div style="margin: auto; text-align: center; width: 100%;"><span style="font-family: Georgia;"><span style="color: #000000;"><span style="font-size: 22px; line-height: normal;">Mes amies:</span></span></span></div>
<br />
<div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">[Présenter vos amies] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.</div>
</blockquote>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /></p>
<table>
<tbody>
<tr>
<td style="background-image: url(http://obsession27.free.fr/divers/fonds/pp3.png); font-size: 12px; border: #000000 2px solid;" width="100%">
<blockquote>
<div style="margin: auto; text-align: center; width: 100%;"><span style="font-family: Georgia; font-size: 22px;">http://OhMyDollz.cultureforum.net/</span></div>
<br />
<div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;"><span style="font-family: 'trebuchet ms', geneva; font-size: small; line-height: 16px; text-align: start;">OhMydollz.com est ton site de jeux favoris . Si tu veux connaître des astuces pour ton loft, les quêtes, les Qui-suis-je, discuter avec des joueuses qui partagent la même passion que toi, inscris-toi vite sur OhMydollz.cultureforum.net ! Partage tes créations, tes idées, fait de la publicité tout est possible, mais sans toi, tout ça n'existe pas ! Rejoins notre communauté de plus de 900 membres, l'inscriiption est rapide, simple des astuces et des soluces sont ajoutés de jour en jour, le site évolue au fil du temps.OhMyDollz.culturefroum.net, une communauté qui a besoin de toi !</span></div>
<span style="text-align: justify;"> </span></blockquote>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"> </p>

Le code HTML sans l'URL de l'image (il faux donc mettre les votre à la place de ICI L'URL DE VOTRE IMAGE:
Code:
<p><span style="color: #ffffff; font-family: 'Trebuchet MS', Verdana, Arial; font-size: 14px;"> </span></p>
<table>
<tbody>
<tr>
<td style="background-image: url(ICI L'URL DE VOTRE IMAGE); font-size: 12px; border: #000000 2px solid;" width="100%">
<blockquote>
<div style="margin: auto; text-align: center; width: 100%;"><span style="font-family: Georgia;"><span style="color: #000000;"><span style="font-size: 22px; line-height: normal;">Nom Prénom(s) ou Doll(z)</span></span></span><br /><br />" Une petite phrase ou citation de votre choix "<br /><br /><br /></div>
<div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;"><span style="color: #000000;">[Présentation de vous même et de votre doll(z)] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.</span></div>
</blockquote>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /></p>
<table>
<tbody>
<tr>
<td style="background-image: url(ICI L'URL DE VOTRE IMAGE); font-size: 12px; border: #000000 2px solid;" width="100%">
<blockquote>
<div style="margin: auto; text-align: center; width: 100%;"><span style="font-family: Georgia;"><span style="color: #000000;"><span style="font-size: 22px; line-height: normal;">Mes amies:</span></span></span></div>
<br />
<div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">[Présenter vos amies] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.</div>
</blockquote>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /></p>
<table>
<tbody>
<tr>
<td style="background-image: url(ICI L'URL DE VOTRE IMAGE); font-size: 12px; border: #000000 2px solid;" width="100%">
<blockquote>
<div style="margin: auto; text-align: center; width: 100%;"><span style="font-family: Georgia; font-size: 22px;">http://OhMyDollz.cultureforum.net/</span></div>
<br />
<div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;"><span style="font-family: 'trebuchet ms', geneva; font-size: small; line-height: 16px; text-align: start;">OhMydollz.com est ton site de jeux favoris . Si tu veux connaître des astuces pour ton loft, les quêtes, les Qui-suis-je, discuter avec des joueuses qui partagent la même passion que toi, inscris-toi vite sur OhMydollz.cultureforum.net ! Partage tes créations, tes idées, fait de la publicité tout est possible, mais sans toi, tout ça n'existe pas ! Rejoins notre communauté de plus de 900 membres, l'inscriiption est rapide, simple des astuces et des soluces sont ajoutés de jour en jour, le site évolue au fil du temps.OhMyDollz.culturefroum.net, une communauté qui a besoin de toi !</span></div>
<span style="text-align: justify;"> </span></blockquote>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"> </p>


Dernière édition par Admin le Ven 17 Aoû - 22:19, édité 2 fois

__________________________________________________





Clique ici et aussi .
avatar
Admin
Admin

Messages : 869
Points : 3593
Date d'inscription : 22/08/2011
Localisation : Rousson (89)

http://ohmydollz.cultureforum.net

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par Katara le Ven 17 Aoû - 21:46

Merci beaucoup . Smile .
avatar
Katara
Maître padawan

Messages : 546
Points : 2715
Date d'inscription : 08/03/2012
Localisation : je ne sais pas

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par The-7th-August le Sam 18 Aoû - 9:21

Oh mon dieu il est trop beau. *_*
avatar
The-7th-August
Geekette

Messages : 277
Points : 2465
Date d'inscription : 01/02/2012
Localisation : Dans le Chnord

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par imaneleparise le Ven 14 Sep - 21:36

Merci !

/!\Message éditer par l'admin pour manque de majuscule/!\
avatar
imaneleparise
Membre

Messages : 14
Points : 1935
Date d'inscription : 09/09/2012

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par Graph le Jeu 7 Mar - 9:18

Coucou ! J'ai un problème, dès que je rentre l'adresse Url de l'image, sa ne me la met pas ^^' Alors si quelqu'un pourrait m'aider sa me serais d'une grande aide !?
avatar
Graph
Membre

Messages : 3
Points : 1745
Date d'inscription : 07/03/2013

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par A-day-in-the-life le Mer 22 Mai - 2:06

Graph a écrit:Coucou ! J'ai un problème, dès que je rentre l'adresse Url de l'image, sa ne me la met pas ^^' Alors si quelqu'un pourrait m'aider sa me serais d'une grande aide !?

Tu n'as qu'à l'héberger sur HostingPics ou sur tout autre hébergeur. ^^ Par contre, si tu l'avais déjà fait, ça me surprend un peu car moi j'y arrive sans problème.. ._.
avatar
A-day-in-the-life
Membre

Messages : 3
Points : 1750
Date d'inscription : 02/03/2013

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par Alikse le Ven 23 Mai - 19:40

Allègement du code:

SANS IMAGE:
Code:

<table style="border: #000000 2px solid;">
  <tbody>
     <tr>
        <td style="background-image: url(ICI L'URL DE VOTRE IMAGE); font-size: 12px; border: #000000 2px solid;" width="100%">
           <div style="margin: auto; text-align: center; width: 100%;">
              <span style="font-family: Georgia; font-size: 22px; line-height: normal; color: #000000;">
                 Nom Prénom(s) ou Doll(z)
              </span>
              <br />
              <br />
              " Une petite phrase ou citation de votre choix "
              <br />
              <br />
              <br />
           </div>
           <div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">
              <span style="color: #000000;">
                 [Présentation de vous même et de votre doll(z)] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.
              </span>
           </div>
        </td>
     </tr>
     <tr>
        <td style="background-image: url(ICI L'URL DE VOTRE IMAGE); font-size: 12px; border: #000000 2px solid;" width="100%">
           <div style="margin: auto; text-align: center; width: 100%;">
              <span style="font-family: Georgia; font-size: 22px; line-height: normal; color: #000000;">
                 Mes amies:
              </span>
           </div>
           <br />
           <div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">
              [Présenter vos amies] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.
           </div>
        </td>
     </tr>
     <tr>
        <td style="background-image: url(ICI L'URL DE VOTRE IMAGE); font-size: 12px; border: #000000 2px solid;" width="100%">
           <div style="margin: auto; text-align: center; width: 100%;">
              <span style="font-family: Georgia; font-size: 22px;">
                 http://OhMyDollz.cultureforum.net/
              </span>
           </div>
           <br />
           <div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">
              <span style="font-family: 'trebuchet ms', geneva; font-size: small; line-height: 16px; text-align: start;">
                 OhMydollz.com est ton site de jeux favoris . Si tu veux connaître des astuces pour ton loft, les quêtes, les Qui-suis-je, discuter avec des joueuses qui partagent la même passion que toi, inscris-toi vite sur OhMydollz.cultureforum.net ! Partage tes créations, tes idées, fait de la publicité tout est possible, mais sans toi, tout ça n'existe pas ! Rejoins notre communauté de plus de 900 membres, l'inscriiption est rapide, simple des astuces et des soluces sont ajoutés de jour en jour, le site évolue au fil du temps. www.OhMyDollz.culturefroum.net, une communauté qui a besoin de toi !
              </span>
           </div>
        </td>
     </tr>
  </tbody>
</table>

Avec image:
Code:
<table style="border: #000000 2px solid;">
 <tbody>
    <tr>
      <td style="background-image: url(http://obsession27.free.fr/divers/fonds/pp3.png); font-size: 12px; border: #000000 2px solid;" width="100%">
          <div style="margin: auto; text-align: center; width: 100%;">
            <span style="font-family: Georgia; font-size: 22px; line-height: normal; color: #000000;">
                Nom Prénom(s) ou Doll(z)
            </span>
            <br />
            <br />
            " Une petite phrase ou citation de votre choix "
            <br />
            <br />
            <br />
          </div>
          <div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">
            <span style="color: #000000;">
                [Présentation de vous même et de votre doll(z)] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.
            </span>
          </div>
      </td>
    </tr>
    <tr>
      <td style="background-image: url(http://obsession27.free.fr/divers/fonds/pp3.png); font-size: 12px; border: #000000 2px solid;" width="100%">
          <div style="margin: auto; text-align: center; width: 100%;">
            <span style="font-family: Georgia; font-size: 22px; line-height: normal; color: #000000;">
                Mes amies:
            </span>
          </div>
          <br />
          <div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">
            [Présenter vos amies] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.
          </div>
      </td>
    </tr>
    <tr>
      <td style="background-image: url(http://obsession27.free.fr/divers/fonds/pp3.png); font-size: 12px; border: #000000 2px solid;" width="100%">
          <div style="margin: auto; text-align: center; width: 100%;">
            <span style="font-family: Georgia; font-size: 22px;">
                http://OhMyDollz.cultureforum.net/
            </span>
          </div>
          <br />
          <div style="background-color: #ffffff; text-align: justify; padding: 8px; overflow: auto; height: 175px; border: #000000 2px solid;">
            <span style="font-family: 'trebuchet ms', geneva; font-size: small; line-height: 16px; text-align: start;">
                OhMydollz.com est ton site de jeux favoris . Si tu veux connaître des astuces pour ton loft, les quêtes, les Qui-suis-je, discuter avec des joueuses qui partagent la même passion que toi, inscris-toi vite sur OhMydollz.cultureforum.net ! Partage tes créations, tes idées, fait de la publicité tout est possible, mais sans toi, tout ça n'existe pas ! Rejoins notre communauté de plus de 900 membres, l'inscriiption est rapide, simple des astuces et des soluces sont ajoutés de jour en jour, le site évolue au fil du temps. www.OhMyDollz.culturefroum.net, une communauté qui a besoin de toi !
            </span>
          </div>
      </td>
    </tr>
 </tbody>
</table>

Aperçu (avec image):
Spoiler:















Nom Prénom(s) ou Doll(z)





" Une petite phrase ou citation de votre choix "









[Présentation de vous même et de votre doll(z)] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.





Mes amies:





[Présenter vos amies] Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.







OhMydollz.com est ton site de jeux favoris . Si tu veux connaître des astuces pour ton loft, les quêtes, les Qui-suis-je, discuter avec des joueuses qui partagent la même passion que toi, inscris-toi vite sur OhMydollz.cultureforum.net ! Partage tes créations, tes idées, fait de la publicité tout est possible, mais sans toi, tout ça n'existe pas ! Rejoins notre communauté de plus de 900 membres, l'inscriiption est rapide, simple des astuces et des soluces sont ajoutés de jour en jour, le site évolue au fil du temps. www.OhMyDollz.culturefroum.net, une communauté qui a besoin de toi !


avatar
Alikse
Modo ~ Graphiste ~ Codeuse

Messages : 10
Points : 2010
Date d'inscription : 26/06/2012

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par anais1003 le Sam 4 Oct - 14:54

Merci infiniemment pour ces magnifiques cadres ! Smile
avatar
anais1003
Petite padawan
Petite padawan

Messages : 33
Points : 1878
Date d'inscription : 28/11/2012

Revenir en haut Aller en bas

Re: Tutoriel trois cadres simple en un

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum