page test de codes

coucou

Slide 1 - Avec une image

Slide 2 - Avec du texte

Cupcake ipsum dolor. Sit amet carrot cake. Pie wypas muffin I love oat cake. Gummi bears I love chocolate bar. Topping faworki I love I love dragée. I love icing tiramisu halvah fruitcake. Sweet roll danish lollipop carrot cake toffee lemon drops chocolate. I love carrot cake soufflé cookie cake tootsie roll I love. Topping I love oat cake bear claw chupa chups wypas gummies pastry toffee.

Slide 3 - Avec un texte long...

Cupcake ipsum dolor sit amet. Ice cream bonbon cookie wypas tart carrot cake. Jujubes jelly-o chocolate I love candy canes cheesecake lemon drops cake. Dessert wafer bonbon jelly-o chocolate bar gummies oat cake I love applicake. Sweet oat cake I love I love sesame snaps caramels jelly brownie I love. Cupcake halvah cheesecake cookie pastry gummi bears I love jelly beans powder. Cheesecake ice cream icing sweet I love pie macaroon tootsie roll sugar plum. Ice cream jujubes wypas apple pie sweet roll sweet roll applicake tiramisu. Cake I love pie. Powder sesame snaps toffee croissant cotton candy I love candy canes jujubes.

I love jelly I love I love carrot cake halvah I love lemon drops jelly-o. Powder tootsie roll candy canes tootsie roll bear claw ice cream sweet roll toffee. Cupcake I love lemon drops sugar plum halvah topping I love chocolate marshmallow. Jelly marshmallow muffin sesame snaps apple pie cotton candy sweet roll. Marshmallow danish marshmallow tart soufflé liquorice liquorice I love. Liquorice cheesecake icing chupa chups sugar plum powder cake sweet soufflé. Jelly-o pastry chupa chups gummi bears.

Brownie toffee I love sweet roll muffin I love. Wafer sweet roll bear claw dragée dragée sesame snaps sweet roll I love chocolate bar. Muffin I love dragée muffin gingerbread topping lemon drops toffee. Jelly beans cupcake toffee bear claw candy toffee I love cake.

Slide 4 - Autant que vous voulez...

Cupcake ipsum dolor. Sit amet bonbon. Pastry gummi bears wafer I love jujubes marzipan dragée tiramisu.

http://www.css-actif.com/t13010-slideshow-horizontal-infini le lien !

Code:: div class="infobulle">

<img src="http://upload.cssactif.com/image/7nyan-cat.png" />


<div>
<div class="fleche"></div>
<div class="bouh">
<h1>Ceci est le titre</h1>
<hr />
<p>
Ceci est le contenu de l'infobulle. (:
</p>
<p>
Vous pouvez bien sûr y mettre ce que vous voulez, sur n'importe quel élément, comme un lien vers <a href="http://www.css-actif.com" title="CSSActif">CSSActif</a> par exemple. ^^
</p>
</div>
</div>
</div>

Code:: *!
* Code proposé par Damudo No Kyoku
* Corrigé par Espeon
* Pour CSSActif - http://www.css-actif.com
*/
.infobulle {
display: inline-block;
}

.infobulle > div {
position: absolute;
margin-top: -20px;
opacity: 0;
visibility: hidden;

-webkit-transform: scale(0.3) rotate(-45deg);
-moz-transform: scale(0.3) rotate(-45deg);
-o-transform: scale(0.3) rotate(-45deg);
transform: scale(0.3) rotate(-45deg);

-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.infobulle:hover > div {
opacity: 1;
visibility: visible;

-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}

.bouh {
width: 300px;
padding: 25px;
margin: auto;
background-color: #000000;
color: #ffffff;
text-align: center;

-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
-o-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.bouh a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;

-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.bouh a:hover {
color: #ffffff;
}

.bouh h1 {
-webkit-text-shadow: 0 0 5px #ffffff;
-moz-text-shadow: 0 0 5px #ffffff;
-o-text-shadow: 0 0 5px #ffffff;
text-shadow: 0 0 5px #ffffff;
}

.bouh p {
text-align: justify;
}

.bouh hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}

.fleche {
width: 0;
margin-left: 70px;
border: 5px solid transparent;
border-bottom: 10px solid #000000;
}

pa

Code:: <div class="secondarytitle">
   <br /> <br /> <br /> <br /> <img src="http://img4.hostingpics.net/pics/515027bienvenue.png" />
</div>
<div id="pa">

<div id="navig">
      <a href="http://m-sanguis.forumactif.org/t1-reglement" target="_blank"> </a><a href="http://m-sanguis.forumactif.org/t2-contexte-d-incendio" target="_blank"></a><a href="http://m-sanguis.forumactif.org/f4-pv-s-scenarios" target="_blank"></a><a href="http://m-sanguis.forumactif.org/t6-bottin-des-avatars" target="_blank"></a><a href="http://m-sanguis.forumactif.org/f45-annexes" target="_blank"></a> <a href="http://m-sanguis.forumactif.org/f45-invites" target="_blank"></a>
</div>

<div id="contexte">
      <img class="rititu" src="http://img4.hostingpics.net/pics/441327CONTEXTE.png" /> <jro>Septembre 1943.</jro> des lambeaux, de vêtements, de peaux. un carnage. des cris qui trouent les murs. des pleurs, qui transpercent les cœurs. on a la vue brouillée et la tête qui tourne. les yeux cherchent un endroit où se raccrocher, pour ne plus voir, pour ne plus jamais voir. il faut réapprendre à regarder, réapprendre à penser. oublier le sang caillé, la peau, arrachée. des mains se tendent, s'attrapent, se cherchent, comme si la délivrance était de serrer l'autre, de sentir sa chaleur contre son corps. et pourtant, le froid demeure à poudlard. et pourtant, la mort plane à poudlard. miss geignarde est morte. on ne veut pas le dire, on ne peut pas le prononcer. les lèvres ne bougent plus jamais.on a peur, partout, on a peur. on a peur d'ennemis, d'amis, on a peur de son reflet dans le miroir. on a peur d'un inconscient, d'une identité, une race qui nous est propre. les esprits ne se calment plus, les cauchemars, torturent, s’immiscent, prennent possession du subconscient sans résistances. les barrières sont tombées, les masques, enfilés. des yeux verts transpercent, observent, se cachent dans la nuit. un rictus apparaît dans le noir. il est là, il cherche, il réfléchit, il comprend. il est là. <br /><br />
   <center>
         <a href="http://incendio.forumactif.org/t2-contexte-d-incendio">lire la suite ici.</a>
   </center>

</div>

<div id="bienvenue">
      <img class="metéo" src="http://38.media.tumblr.com/637580849e3227ae460fbdbb711d0b1f/tumblr_nbnvduDQNA1qetk8mo7_250.gif" /> <jrl>Version n°1. </jrl> L'équipe de<em> Morsmodre Sanguis</em> vous souhaite la bienvenue sur le forum inspiré de la saga <em>Harry Potter</em> de <em>JK Rowling</em>. Le forum à ouvert le 00/10/2014. Un minimum de <strong>500 mots</strong> est demandé par rp. Merci de privilégier les <em>postes vacants</em> et les <em>scénarii</em>. Ils ont été conçu exprès pour vous. N'oubliez de donner votre avis sur la <strong>première version</strong> du forum, ici. A la moindre question, n'hésitez pas à venir voir le <strong>staff</strong>, nous ne mangeons pas. <em>(ou pas encore en tous cas) </em>
</div>

<div class="ratata">
      <a href="LIEN"> <img class="rititi" src="http://img15.hostingpics.net/pics/671268saison.png" /> </a>
</div>

<div id="staff">

   <div class="transition-tfa">

      <div class="imgb">
            <img style="width: 50px; height: 65px;" alt="" src="http://img15.hostingpics.net/pics/441015921.png" />
      </div>

      <center>

         <div class="block_transition">

            <h3>
                  Arachnée
            </h3><span> death eater. ; sandy <a href="http://m-sanguis.forumactif.org/u1">call me</a></span>
         </div>

      </center>

   </div>

   <div class="transition-tfa">
         <img style="width: 50px; height: 65px;" alt="" src="http://img15.hostingpics.net/pics/309861612.png" />
      <div class="block_transition">

         <h3>
               Astra
         </h3><span> </span>
         <center>
               nazack. aka ivana
         </center><span><a href="http://m-sanguis.forumactif.org/u5"> call me</a></span>
      </div>

   </div>

   <div class="transition-tfa">
         <img style="width: 50px; height: 65px;" alt="" src="http://img11.hostingpics.net/pics/993230243.png" />
      <div class="block_transition">

         <h3>
               Icarus
         </h3><span> </span>
         <center>
               Hélios ; Emile
         </center><span><a href="http://m-sanguis.forumactif.org/u9"> call me</a></span>
      </div>

   </div>

   <div class="transition-tfa">
         <img style="width: 50px; height: 65px;" alt="" src="http://img11.hostingpics.net/pics/240127954.png" />
      <div class="block_transition">

         <h3>
               Süleyman
         </h3><span> </span>
         <center>
               Roxelana ; Prescillia
         </center><span> <a href="http://m-sanguis.forumactif.org/u10">call me</a></span>
      </div>

   </div>

   <div class="transition-tfa">
         <img style="width: 50px; height: 65px;" alt="" src="http://img11.hostingpics.net/pics/896272685.png" />
      <div class="block_transition">

         <h3>
               Aleksandar
         </h3><span> </span>
         <center>
               Lone River ; Yann
         </center><span><a href="http://m-sanguis.forumactif.org/u8"> call me</a></span>
      </div>

   </div>

</div>

<div id="tops">
      <jro>PARTENAIRES.</jro> Vous souhaitez devenir partenaire avec <em>Morsmodre Sanguis</em>? Alors merci de vous rendre par <a href="LIEN">ici</a> : <a href="LIEN"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a><a href="LIEN"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a><a href="LIEN"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a><a href="LIEN"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a><a href="LIEN"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a><a href="LIEN"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a> <a href="LIEN"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a><a href="http://m-sanguis.forumactif.org/search?search_id=newposts"> <img class="imgkl" src="http://img11.hostingpics.net/pics/839477PART3.png" /> </a> <br />
   <center>
         <a href="LIEN"> <img class="imgpq" src="http://img11.hostingpics.net/pics/549668part1.png" /> </a> <a href="LIEN"> <img class="imgpq" src="http://img11.hostingpics.net/pics/758888part2.png" /> </a>
   </center>

</div>

<div id="credits">
      Le forum appartient à l'équipe administrative du forum, c'est-à-dire <em>death eater</em>, <em>nazack</em>, <em>hélios</em>, <em>roxelana</em> et <em>lone river.</em> merci de respecter notre travail, aucune reproduction, même partielle, n'est autorisée. (le codage et le design du forum ont été faits par <em>nazack </em>et <em>death eater</em> et les catégories par <em>shyvana</em>) on prévient une fois mais pas deux, si vous copiez, vous êtes castrés à vie, bande de moules pas fraîches.
</div>

<div id="scenario">
      <jrl>postes vacants.</jrl> <br />
   <center>
         <a href="LIEN"> <img class="imgjko" src="http://img11.hostingpics.net/pics/918018SCENA.png" /> </a><a href="LIEN"> <img class="imgjko" src="http://img11.hostingpics.net/pics/918018SCENA.png" /> </a><a href="LIEN"> <img class="imgjko" src="http://img11.hostingpics.net/pics/918018SCENA.png" /> </a><a href="LIEN"> <img class="imgjko" src="http://img11.hostingpics.net/pics/918018SCENA.png" /> </a><a href="LIEN"> <img class="imgjko" src="http://img11.hostingpics.net/pics/918018SCENA.png" /> </a><a href="LIEN"> <img class="imgjko" src="http://img11.hostingpics.net/pics/918018SCENA.png" /> </a>
   </center>
      <br />
</div>

<div style="position:relative; top: 317px;">

   <div class="bas_cate">

   </div>

</div>

</div>

Contenu sponsorisé

» test codes marion (je savais pas où mettre ça)
» FICHES DE CODES.
» - Codes du forum.
» Test 1
» + Test rp.

page test de codes

Slide 1 - Avec une image

Slide 2 - Avec du texte

Slide 3 - Avec un texte long...

Slide 4 - Autant que vous voulez...

page test de codes

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Recherche avancée