Bienvenue
Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes.
orem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes.

PA UNDERCO.

avatar
Messages : 27
Date d'inscription : 10/12/2016
Lun 6 Fév - 19:42
Bienvenue Invité
Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes.
orem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes.









Code:
<font color="#1E7FCB"><strong>Bienvenue {USERNAME}</strong></font>
</span>
avatar
Messages : 27
Date d'inscription : 10/12/2016
Jeu 30 Mar - 17:01
Code:
<style>
#togglecontainer {width: 400px;height: 220px;background-color: #F0F0F0;padding: 20px;overflow: hidden;} #togglecontent {opacity: 0; -webkit-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s;} #toggleimg {-webkit-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s;} input[type=checkbox]:checked ~ #toggleimg {margin-left: 500px;opacity: 0;} input[type=checkbox]:checked ~ #togglecontent {margin-top: -200px;opacity: 1;} #togglecontainer label {text-transform: uppercase;font-family: arial;color: purple;padding: 3px;font-weight: bold;} #togglecontainer label:hover {color: black;}#togglecontainer input[type=checkbox] {display: none;}
</style>

<div id="togglecontainer"><input type="checkbox" id="toggle">
<label for="toggle">click</label><div id="toggleimg"><img src="http://placehold.it/400x200"/></div>
<div id="togglecontent">Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes.
</div>

</div>

Code:
<table><tr><td><div class="tamertest">
      <a href="http://pkmnrosetta.forumactif.com/"><c>Rosetta</c></a>
      </div></td><td>
     <div id="togglecontainer"><input type="checkbox" id="toggle">
<label for="toggle">►</label>
<div id="togglecontent"><div class="PAbn"><div class="wlcc"><div class="welcomebn">
  <table><tr><td><div class="wlctitre">Bienvenue <span class="USERNAME"></span></div>
    </td><td>
    <div class="cercle_avatar"><div class="js-useravatar panneau_avatar"></div></div>
    </td></tr></table></div>
  <div class="iconwcPA">
    <img src="http://i.imgur.com/DWnwZBt.png" class="wlcicon" onmouseover="dialogue(event,'nique')"/>
    <img src="http://i.imgur.com/DWnwZBt.png" class="wlcicon" onmouseover="dialogue(event, 'nique')"/>
    <img src="http://i.imgur.com/DWnwZBt.png" class="wlcicon" onmouseover="dialogue(event, 'nique')"/>
    <img src="http://i.imgur.com/DWnwZBt.png" class="wlcicon" onmouseover="dialogue(event, 'nique')"/>
    <img src="http://i.imgur.com/DWnwZBt.png" class="wlcicon" onmouseover="dialogue(event, 'nique')"/>
    <img src="http://i.imgur.com/DWnwZBt.png" class="wlcicon" onmouseover="dialogue(event, 'nique')"/></div>
  <table><tr><td><div class="newswlc">
    <div class="nwscc">Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes.</div></div>
    </td><td>
    <div class="ncc">orem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes. Lorem ipsum this is where your text goes.</div></td></tr></table>

</div>
</div>


       </div>
    </td></tr></table>
  <style>#togglecontainer{width:650px;height:420px;background-color:transprent;padding: 20px;overflow: hidden;margin-left:10px;margin-top:-400px;} #togglecontent {margin-top:-550px;-webkit-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s;} input[type=checkbox]:checked ~ #togglecontent {margin-top:-100px;} #togglecontainer label {position:relative;top:300px;left:-60px;text-transform: uppercase;font-family: arial;color:#fff;padding: 3px;font-size:145px;font-style:italic} #togglecontainer input[type=checkbox] {display: none;} .PAbn {margin-left:100px;background:#F4F4F4;width:520px; padding:10px;height:330px; border:1px solid #E9E9E9;} .welcomebn {background:#fff; width:480px; padding:10px; color:#fff; line-height:50px;border:1px solid #E9E9E9} .wlctitre {font-size:22px; font-family:josefin sans, sans serif; font-weight:bold; color:#E9E9E9; letter-spacing:1px;text-transform:uppercase;width:380px; border-bottom:1px solid #E9E9E9;padding:-bottom:35px;} .wlcc{background:url('http://i.imgur.com/iulFlhE.png');width:500px;padding:10px;border:1px solid #EBEBEB;height:310px;} .wlcicon {width:40px; height:40px; border:1px solid #B4FF82; padding:4px; border-radius:25%; margin-left:22px;} .iconwcPA {background:rgba(180,255,130, 0.4);width:480px;padding:10px;border:1px solid #fff;} .newswlc {background:#E9E9E9;width:280px;padding:20px;height:90px;} .nwscc {background:#fff;font-family:lato, sans serif;color:#AEAEAE;font-size:12px; padding:10px;overflow:auto;height:70px;} .ncc {background:#fff;padding:20px;border:1px solid #E9E9E9;font-family:lato,sans serif; font-size:12px; color:#D1D1D1;text-align:justify;overflow:auto;width:130px; height:90px;}</style><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:100|Lato" />
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:100|Lato" rel="stylesheet">
Page 1 sur 1
Sujets similaires
-
» FLEUR DELACOUR Ҩ underco.
» Alice ♣ underco
» We keep this love in a photograph (underco)
» TITRE UNDERCO', UN PEU COMME MA VIE

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