Revenir en haut Aller en bas



 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
On test les annonces pleines d'amours juste ici.
test numéro deux sans amours, on aime plus personne

Partagez | 
 

 (5) fiche de pub

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatarVoir le profil de l'utilisateur
Milo Samuel Grimaldi
Tragicomedie/Songe d'une nuit d'été

Je ressemble comme deux gouttes d'eau à : Cole Sprouse. J'ai déjà posté : 86 message et je me suis inscris le : 29/03/2017
BELLA ♣ l'autre moitié de moi texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici
elle m'a dit si tu me quittes, je pars avec toi, pars avec moi!


(5) fiche de pub | Mar 6 Juin - 17:45
Code:
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
<style>.harry{width:450px;height:auto;background-color:#ded9c4;border:1px solid lightgrey;text-align:center;}
.ron{font-family:'times new roman';font-size:20px;text-transform:uppercase;color:#418888;background-color:#f0ecec;
width:446px;padding:2px;;text-align:center;text-shadow: 1px 0px 0px lightgrey;}
hermionne{font-family:ubuntu condensed;font-size:9px;text-transform:uppercase;color:darkgrey;}
.drago{width:450px;border:1px solid lighgrey;padding:1px;}
  .card-container {display: inline-block; /* NE PAS TOUCHER */margin: 0 auto; /* NE PAS TOUCHER */
text-align: center; /* NE PAS TOUCHER */padding: 2px; /* ESPACEMENT ENTRE LES BOÎTES */}
.card {position: relative; /* NE PAS TOUCHER */width: 106px; /* LARGEUR DE LA BOÎTE */height: 50px; /* HAUTEUR DE LA BOÎTE */
transition: all 0.6s ease; /* TEMPS DE TRANSITION */transform-style: preserve-3d; /* NE PAS TOUCHER */}
.front, .back {position: absolute; /* NE PAS TOUCHER */top: 0; /* NE PAS TOUCHER */left: 0; /* NE PAS TOUCHER */
margin-right: 10px; /* NE PAS TOUCHER */backface-visibility: hidden; /* NE PAS TOUCHER */}
.front {display: flex; /* NE PAS TOUCHER */align-items: center; /* NE PAS TOUCHER */justify-content: center; /*NE PAS TOUCHER */
font-size: 10px; /* GROSSEUR DU TEXTE DEVANT BOÎTE */text-transform:uppercase;font-family:ubuntu condensed;
background: #f6f6f6; /* COULEUR FOND DEVANT BOÎTE */color: #242327; /* COULEUR TEXTURE DEVANT BOÎTE */
border: 1px solid #ececec; /* COULEUR BORDURE DEVANT BOÎTE */width: 106px; /* LARGEUR DE LA BOÎTE */
height: 50px; /* HAUTEUR DE LA BOÎTE */}
.back {display: flex; /* NE PAS TOUCHER */align-items: center; /* NE PAS TOUCHER */justify-content: center; /* NE PAS TOUCHER */
font-size: 11px; /* TAILLE DU TEXTE ARRIÈRE BOÎTE */background: #242327; /* COULEUR FOND ARRIÈRE BOÎTE */
color: #f6f6f6; /* COULEUR TEXTE ARRIÈRE BOÎTE */border: 1px solid #ececec; /* COULEUR BORDURE ARRIÈRE BOÎTE */
font-family: ubuntu condensed; /* TYPOGRAPHIE ARRIÈRE BOÎTE */line-height: 11px; /* HAUTEUR SAUT DE LIGNE TEXTE ARRIÈRE BOÎTE */
text-align: center; /* ALIGNEMENT TEXTE BOÎTE */padding: 2px; /* ESPACEMENT QUATRE CÔTÉS DE L'ARRIÈRE BOÎTE */
width: 102px; /* LARGEUR DE LA BOÎTE PRISE EN CONSÉQUENCE DU PADDING */height: 46px;
  /* HAUTEUR DE LA BOÎTE PRISE EN CONSÉQUENCE DU PADDING */}
.card-container:hover .card {transform: rotateX(180deg); /* AXE DE ROTATION - ROTATEY(180DEG) = DE GAUCHE À DROITE - ROTATEY(-180DEG) = DE DROITE À GAUCHE - ROTATEX(180DEG) = DE HAUT EN BAS - ROTATEX(-180DEG) = DE BAS EN HAUT */
}.back {transform: rotateX(180deg); /* AXE DE ROTATION - ROTATEY(180DEG) = DE GAUCHE À DROITE - ROTATEY(-180DEG) = DE DROITE À GAUCHE - ROTATEX(180DEG) = DE HAUT EN BAS - ROTATEX(-180DEG) = DE BAS EN HAUT */
}
.albus{width:325px;height:130px;font-family:ubuntu condensed;color:grey;overflow:auto;padding:2px;background-color:#f6f6f6;
  font-size:12px;text-align:justify;}
.liens{width:105px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:#f6f6f6;}
.liens a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:darkgrey;}
.liens:hover{width:105px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:#d6c4c4;}
.liens:hover a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:#a64754;}
::-webkit-scrollbar {
width: 6px; /*largeur de la scrollbar verticale*/
height: 6px; /*hauteur de la scrollbar horizontale*/}

::-webkit-scrollbar-track {
background-color: #c7c0b7 /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #717171 /*couleur de l\'ascenseur*/;
border-radius: 5px;}
A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}
/*SCENARIOS EN AVANT*/
.scenapa{width:85px;height:35px;border:solid 1px #fee3ef;}
/*FIN SCENARIO MIS EN AVANT*/
/*NOUVEAUTES*/
.newsroom{width:250px;height:120px;overflow:auto;padding:2px;background-color:#f6f6f6;font-size:12px;
  text-align:justify;font-family:ubuntu condensed;font-size:12px;color:grey;}
/*FIN NOUVEAUTES*/</style>
<div class="harry"><div class="ron">Before anyone else<br><hermionne>L'amour, un délicat enfant ! Il est brutal, rude, violent ! il écorche comme l'épine.</hermionne></div>
<img src="https://img4.hostingpics.net/pics/990985beforeanyoneelse.png"class="drago"><div class="card-container">
                                                                         
            <div class="card">
                                                                           
              <div class="front">
                            <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/fd6c7d96f312fd04a4858a5e3ca44cda/tumblr_opr4bl50TQ1v8b0vjo7_250.gif" />                                                   
              </div>
                                                                             
              <div class="back">
                            <span class="fa fa-user">BELLA K. GRIMALDI</span>                                                   
              </div>
                                                                           
            </div>
                                                                         
        </div><div class="card-container">
                                                                         
            <div class="card">
                                                                           
              <div class="front">
                            <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/4aa69146db48603bcf7609531f12bb15/tumblr_inline_om891zNXPh1t80jpm_500.gif" />                                 
              </div>
                                                                             
              <div class="back">
                            <span class="fa fa-user">VICTORIA E. LAWSON</span>                                                                     
              </div>
                                                                           
            </div>
                                                                         
        </div><div class="card-container">
                                                                         
            <div class="card">
                                                                           
              <div class="front">
                                                  <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/6eb46e0b9681f017b97dc0a6eaa3922f/tumblr_o476u2yzne1se7ghzo1_500.gif" />         
              </div>
                                                                             
              <div class="back">
                                                  <span class="fa fa-user">MILO S. GRIMALDI</span>                                                   
              </div>
                                                                           
            </div>
                                                                         
        </div><div class="card-container">
                                                                         
            <div class="card">
                                                                           
              <div class="front">
                            <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/5b3934166eaa9875511d6a9fddc6831e/tumblr_o7jqqe7DPP1sjlsuoo6_250.gif" />                                   
              </div>
                                                                             
              <div class="back">
                            <span class="fa fa-user">KEIRA S. MURPHY</span>                                                                     
              </div>
                                                                           
            </div>
                                                                         
        </div>
  <table><tr><td><div class="blocnavrapide">
                                                                   
      <div class="liens">
                                        <a href="#">règlement</a>                               
      </div>
                                                                   
      <div class="liens">
                                        <a href="#">bottins</a>                               
      </div>
                                                                   
      <div class="liens">
                                        <a href="#">invités</a>                               
      </div>
                                                                   
      <div class="liens">
                                        <a href="#">scénarios</a>                               
      </div>
                                                                   
      <div class="liens">
                                        <a href="#">pré-liens</a>                               
      </div>
                                                                   
      <div class="liens">
                                        <a href="#">partenaires</a>                               
      </div>
                                                                   
  </div></td><td><div class="albus">
                                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia dolor et lacus vulputate accumsan. Sed ornare tortor id nisi finibus rutrum. Cras posuere molestie leo eu feugiat. Curabitur sit amet tristique libero, a imperdiet purus. Nam lacinia, sem consectetur semper ultricies, nulla justo tristique velit, id congue odio metus eu massa. Aliquam et semper orci, vitae malesuada eros. Curabitur facilisis, augue sit amet consectetur suscipit, magna quam vehicula augue, ac dignissim diam nunc ac turpis. Suspendisse malesuada elit nec bibendum posuere. Cras molestie orci magna, eu efficitur massa sagittis ac. Proin tristique elementum lorem, vel sagittis neque faucibus eget. Donec commodo, leo ut suscipit egestas, lectus odio elementum lorem, ut laoreet nibh enim sed arcu. In magna tellus, porttitor vel sapien at, interdum mollis est. Nullam ac dapibus sapien. Nunc rutrum, erat et interdum vehicula, quam nulla sodales augue, vel cursus dui enim tristique elit. Nullam egestas viverra orci, quis suscipit mauris efficitur a. Suspendisse vel tellus nisl. Sed porta ipsum nec semper porta. Fusce ac arcu hendrerit ex suscipit dapibus hendrerit sed nunc. Duis tincidunt, metus eu imperdiet posuere, leo libero tempor ante, a porttitor nulla arcu non lacus. Maecenas mollis nisi ac eleifend posuere. Praesent arcu magna, pretium ac lorem at, luctus vestibulum purus. Vivamus iaculis dapibus felis nec hendrerit. Praesent tincidunt, est sit amet lobortis maximus, mi orci hendrerit enim, eu mollis mauris lorem nec augue. Morbi id sollicitudin turpis. Cras vitae tellus placerat, scelerisque mi at, aliquet neque.                               
  </div></td></tr></table><table><tr><td><a href="#"><img class="scenapa" src="https://68.media.tumblr.com/f967ae346977211f3fb9cc92098bc63c/tumblr_nsf16otksL1r79dgro2_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/2d02483f9772e9e1408eeef04299357a/tumblr_nsf16otksL1r79dgro1_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/91dfb33156b427007470f22c2e52b74a/tumblr_nsf16otksL1r79dgro4_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/fef5acf73f3b006f748921fa19dc2499/tumblr_nsf16otksL1r79dgro3_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/8790ad8c478139ba364cb7588a00945f/tumblr_nsf16otksL1r79dgro5_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/15c7033fe761882fee3e023d7890bea3/tumblr_nsf16otksL1r79dgro6_250.gif" /></a></td><td>
                                     
  <div class="newsroom">
                        <strong>14.10.16</strong> - Ouverture du forum. <strong>15.10.16</strong> - Keira rejoint le staff. <strong>25.10.16</strong> - B. rejoint le staff + l'animation des secrets commencent. <strong>28.10.16</strong> - Le premier événement. <strong>10.11.16</strong> - Victoria & Zarko rejoignent le staff ! <strong>14.11.16</strong> - Le forum a un mois. <strong>14.12.16</strong> - Le forum a deux mois + La version de noël. <strong>27.12.16</strong> - Zachary rejoint le staff + Zarko quitte le staff. <strong>10.01.17</strong> - Holden rejoint le staff + Le deuxième événement. <strong>14.01.17</strong> - Le forum a trois mois. <strong>10.02.17</strong> - B quitte le staff + L'animation secrets est terminé. <strong>14.02.17</strong> - Le forum a quatre mois + design de st valentin + L'activité de la st valentin a débuté. <strong>01.03.17</strong> - Fin de l'activité de la st valentin.<strong>14.03.17</strong> - Le forum a cinq mois. <strong>05.04.2017</strong> Keira, Violett & Zach quittent le staff + design de printemps. <strong>14.04.17</strong> - Le forum a six mois.  <strong>14.05.17</strong> - Le forum a sept mois.                 
  </div></td></tr></table>
  <center><a href="http://beforeanyoneelse.1fr1.net/"><img src="https://i.imgbox.com/Zb1snPfu.png"></a> <a href="http://beforeanyoneelse.1fr1.net/"><img src="https://i.imgbox.com/1bnWG1qb.png"></a></center></div>
Revenir en haut Aller en bas
avatarVoir le profil de l'utilisateur
Milo Samuel Grimaldi
Tragicomedie/Songe d'une nuit d'été

Je ressemble comme deux gouttes d'eau à : Cole Sprouse. J'ai déjà posté : 86 message et je me suis inscris le : 29/03/2017
BELLA ♣ l'autre moitié de moi texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici
elle m'a dit si tu me quittes, je pars avec toi, pars avec moi!


Re: (5) fiche de pub | Mar 6 Juin - 17:47
Revenir en haut Aller en bas
Page 1 sur 1
 Sujets similaires
-
» #Akaito ~ Admin, Graphiste, Valideur de fiche (rpg) et Modératrice
» Fiche en onglets
» Fiche de présentation HTML qui ne veux pas se poster
» Une fiche de pub avec un tableau en 2 lignes
» problème de fiche HTML

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test cobain. :: Titre de la catégorie juste ici :: Votre 1er forum :: Le premier sous forum-
Sauter vers: