AccueilAccueil  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez| .

333333333333333333333

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

avatar
Kokca
Admin

x Messages : 250
x Date d'inscription : 16/06/2013




MessageSujet: 333333333333333333333 Lun 3 Aoû - 11:13

Code:

<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="cadrecat">
     
   <tbody>
        
      <tr>
           
         <td valign="middle" align="center" rowspan="3" class="">
              
            <div class="gensmall">
                 <fieldset style="background-color:#f2eadc; border:#dbceb8 1px solid; border-left : 4px double #dbceb8; border-right: 4px double #dbceb8;"><legend></legend></fieldset>  
               <div style="background-color: rgb(242, 234, 220); border-color: rgb(219, 206, 184); border-width: 1px 4px; border-style: solid double; text-align: center; color: rgb(118, 97, 69); text-transform: uppercase; font-family: calibri; font-size: 10px;">
                    Nouveautés  
               </div><fieldset style="background-color:#f2eadc; border:#dbceb8 1px solid; border-left : 4px double #dbceb8; border-right: 4px double #dbceb8;"><legend></legend> </fieldset>  
               <marquee style="border-color: rgb(219, 206, 184); border-width: 1px 4px; border-style: solid double; background-color: rgb(242, 234, 220);" onmouseout="this.scrollAmount=4" onmouseover="this.scrollAmount=2" scrollamount="4">
                    <span style="font-size: 12px; line-height: normal"> • FORUM MANGA • DÉCONSEILLÉ AUX MOINS DE 16 ANS • RECENSEMENT EN COURS • FORUM REFAIT À NEUF ! •</span>  
               </marquee><fieldset style="background-color:#f2eadc; border:#dbceb8 1px solid; border-left : 4px double #dbceb8; border-right: 4px double #dbceb8;"></fieldset>  
               <table style="width: 100%;">
                    
                  <tbody>
                       
                     <tr>
                          
                        <td style="width: 40%;" valign="top">
                             
                           <div class="gnah" style="height:300px;background-color:#f2eadc;overflow:auto; text-align:justify">
                                Haunted High School. Lycée terrifiant. Il n'est plus ce qu'il était avant. Oui, parce qu'avant, Haunted High School n'était pas Haunted High School. C'était un lycée ordinaire où la joie était présente, où les mecs draguait les filles et où ils se prenaient des râteaux. Haunted High School a bien changé. Dans ce lycée de Londres venait étudier une fille. Cette fille tenait un journal intime et personne ne le savait jusqu'à aujourd'hui. Un jour d'octobre, le 31 de l'année 2012, il se passait des choses étranges dans le lycée mi-pensionnat. Des bruits, des pleurs, des gémissements. Elle était la seule à entendre les bruits. Les autres n'y prêtaient pas attention. On aurait dit qu'elle était la seule à entendre les bruits, mais peut-être que c'est la seule après tout. Elle ne ressentait pas rien en entendant les bruits, non, elle avait peur. Après tout, il y avait de quoi.<br /><br /><br /><br />  
                              <div align="right">
                                   <a rel="nofollow" target="_blank" class="postlink" href="http://"><em>En savoir plus ?</em></a>  
                              </div>
                                
                           </div>
                             
                           <div class="minisoustitre">
                                qu'est-ce que ce forum ?  
                           </div>
                             
                        </td>
                          
                        <td>
                             
                           <center>
                                <img alt="" border="0" src="http://media.giphy.com/media/6cICpMGcxN4GY/giphy.gif" />  
                           </center>
                             
                           <div class="minisoustitre">
                                Bienvenue parmi nous  
                           </div>
                             
                           <div style="height:120px; width: 230px;background-color:#f2eadc;overflow:auto; text-align: justify" class="gnah">
                                2013.04.12 ▬ Les nouveautés et annonces en texte ici ! <br /><br />2013.04.12 ▬ Les nouveautés et annonces en texte ici ! <br /><br />2013.04.12 ▬ Les nouveautés et annonces en texte ici !  
                           </div>
                             
                           <div class="minisoustitre">
                                concours & annonces  
                           </div>
                             
                        </td>
                          
                        <td>
                             
                           <div style="text-align:center; height:139px;background-color:#f2eadc; width: 235px" class="gnah">
                                
                              <center>
                                   
                                 <form>
                                      <select onchange="location = this.options
[this.selectedIndex].value" style="width: 160px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px">
<option selected="selected">options générales</option>
<option value="http://">Règlements</option>
<option value="http://">Contexte</option>
<option value="http://">Groupes</option>
<option value="http://">Présentation</option></select>  
                                 </form><br />  
                                 <form>
                                      <select onchange="location = this.options
[this.selectedIndex].value" style="width: 160px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px">
<option selected="selected">options secondaires</option>
<option value="http://">News & annonces</option>
<option value="http://">Bottin des avatars</option>
<option value="http://">Partenariat</option>
</select>  
                                 </form><br />  
                                 <form>
                                      <select onchange="location = this.options
[this.selectedIndex].value" style="width: 160px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px">
<option selected="selected">le (méchant) staff</option>
<option value="http://haunted-high-school.forumactif.org/u1">summer e. - fondatrice</option>
<option value="http://haunted-high-school.forumactif.org/u2">eden h. - co-fondatrice</option>
<option value="http://">nom - rang</option>
</select>  
                                 </form><br /><a rel="nofollow" target="_blank" class="postlink" href="http://en.root-top.com/"><img alt="" border="0" src="http://clanecommunity.ie/wp-content/uploads/leaflet-maps-marker-icons/orange01.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/"><img alt="" border="0" src="http://clanecommunity.ie/wp-content/uploads/leaflet-maps-marker-icons/orange02.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/"><img alt="" border="0" src="http://clanecommunity.ie/wp-content/uploads/leaflet-maps-marker-icons/orange03.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://en.root-top.com/"><img alt="" border="0" src="http://clanecommunity.ie/wp-content/uploads/leaflet-maps-marker-icons/orange04.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://en.root-top.com/"><img alt="" border="0" src="http://clanecommunity.ie/wp-content/uploads/leaflet-maps-marker-icons/orange05.png" /></a><br /><span style="font-size: 9px; line-height: normal">VOTEZ TOUTES LES DEUX HEURES.</span><br /><br />  
                              </center>
                                
                           </div>
                             
                           <div class="minisoustitre">
                                top-sites & navigation  
                           </div>
                             
                           <div style="height:120px;background-color:#f2eadc;overflow:auto;text-align:center" class="gnah">
                                <a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/"><img class="puppy" src="http://nsa15.casimages.com/img/2010/03/30/100330065959707083.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/"><img class="puppy" src="http://nsa15.casimages.com/img/2010/03/30/100330065959707083.png" /> </a><a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/"><img class="puppy" src="http://nsa15.casimages.com/img/2010/03/30/100330065959707083.png" /> </a><a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/"><img class="puppy" src="http://nsa15.casimages.com/img/2010/03/30/100330065959707083.png" /> </a><a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/"><img class="puppy" src="http://nsa15.casimages.com/img/2010/03/30/100330065959707083.png" /> </a><a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/"><img class="puppy" src="http://nsa15.casimages.com/img/2010/03/30/100330065959707083.png" /></a>  
                           </div>
                             
                           <div class="minisoustitre">
                                nos top-partenaires  
                           </div>
                             
                        </td>
                          
                     </tr>
                       
                  </tbody>
                    
               </table>
                 
            </div>
              
         </td>
           
      </tr>
        
   </tbody>
</table><span style="color: rgb(0, 0, 0);">Codage PA par Puppy sur <a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/">LG</a></span>

Code:
/*Page d'Accueil Puppy*/
.minisoustitre {
  font-family:georgia;
  font-size:16px;
  color:#5D392B;
  text-transform:lowercase;
  text-align: right;
  padding: 5px;}

.puppy:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;
}
.puppy
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
}
.contenu, .gnah, .neutre{
 
  padding:5px;
  border: 1px solid #dbceb8;
  border-right: 4px double #dbceb8;
  border-left: 4px double #dbceb8;
}
/*Fin Page d'Accueil Puppy*/




Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kokcasworld.forumactif.org

avatar
Kokca
Admin

x Messages : 250
x Date d'inscription : 16/06/2013




MessageSujet: Re: 333333333333333333333 Lun 3 Aoû - 12:23

Code:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" />       
<div class="battypa_titre">
                                     Bienvenue sur Haunted High School !                                   
</div>
 
<div class="battypa_contenent">
                                                                          
   <div class="battypa_blocleft">
                                                                           
      <div class="battypa_slidshow">
                                                                                
         <div class="slideshow" id="slideshow">
                                                                                       
            <div id="slideshow-container">
                                                                                              
               <div class="slide">
                                                                <a href="URL VERS LA NOUVEAUTÉ"><img title="Réouverture de HHS !" src="http://i.imgur.com/ODegLku.png" /></a>                                           
               </div>
                                                                                                  
               <div class="slide">
                                                                <a href="URL VERS LA NOUVEAUTÉ"><img title="Nouveau groupe" src="http://i.imgur.com/lrUGqcr.png" /></a>                                   
               </div>
                                                                                                      
               <div class="slide">
                                                                <a href="URL VERS LA NOUVEAUTÉ"><img title="Recrutement" src="http://i.imgur.com/wi0Kfbd.png" /></a>                                   
               </div>
                                                                                                  
            </div>
                                                                                   
         </div>
                                                                              
      </div>
                                                                           
   </div>
                                                                          
   <div class="battypa_blocright">
                                                                             
      <div class="battypa_contexte">
                                           Haunted High School. Lycée terrifiant. Il n'est plus ce qu'il était avant. Oui, parce qu'avant, Haunted High School n'était pas Haunted High School. C'était un lycée ordinaire où la joie était présente, où les mecs draguait les filles et où ils se prenaient des râteaux. Haunted High School a bien changé. Dans ce lycée de Londres venait étudier une fille. Cette fille tenait un journal intime et personne ne le savait jusqu'à aujourd'hui. trplong?  <br /><br /><a href="URL">Lire le contexte →</a>                                   
      </div>
                                          <a href="URL" target="_blank"><img src="http://i.imgur.com/wtLim0B.png" /></a><a href="URL" target="_blank"><img src="http://i.imgur.com/wtLim0B.png" /></a><a href="URL" target="_blank"><img src="http://i.imgur.com/wtLim0B.png" /></a><a href="URL" target="_blank"><img src="http://i.imgur.com/wtLim0B.png" /></a><a href="URL" target="_blank"><img src="http://i.imgur.com/wtLim0B.png" /></a><a href="URL" target="_blank"><img src="http://i.imgur.com/wtLim0B.png" /></a>                                   
   </div>
                                                                          
   <div class="battypa_blocmidel">
                                                                             
      <div class="battypa_staff">
                                           <span>Vous ?</span><br /><br />Admin<br /><a href="URL_PROFIL">Son profil</a> ♦ <a href="URL_MP">La contacter</a><img src="http://i.imgur.com/JS6ONv1.png" />                                   
      </div>
                                                                             
      <div class="battypa_staff">
                                           <span>Vous ?</span><br /><br />Admin<br /><a href="URL_PROFIL">Son profil</a> ♦ <a href="URL_MP">La contacter</a><img src="http://i.imgur.com/JS6ONv1.png" />                                     
      </div>
                                                                             
      <div class="battypa_staff">
                                           <span>Vous ?</span><br /><br />Admin<br /><a href="URL_PROFIL">Son profil</a> ♦ <a href="URL_MP">La contacter</a><img src="http://i.imgur.com/JS6ONv1.png" />                                   
      </div>
                                                                             
   </div>
</div>
 
<div class="battypa_contenent">
                                                                          
   <div class="battypa_blocleft2">
                                        Votez<br /><a href="URL_TOP_SITE" target="_blank"><img src="http://i.imgur.com/VEZdbb2.png" style="width: 30px; height: 30px;" /></a><br /><a href="URL_TOP_SITE" target="_blank"><img src="http://i.imgur.com/VEZdbb2.png" style="width: 30px; height: 30px;" /></a><br /><a href="URL_TOP_SITE" target="_blank"><img src="http://i.imgur.com/VEZdbb2.png" style="width: 30px; height: 30px;" /></a><br /><a href="URL_TOP_SITE" target="_blank"><img src="http://i.imgur.com/VEZdbb2.png" style="width: 30px; height: 30px;" /></a>                                   
   </div>
                                                                          
   <div class="battypa_blocright2">
                                                                           
      <div class="battypa_copyright">
                                           DESIGN © #. <br /> QEEL ET CATEGORIES © #.<br />  PAGE D'ACCEUIL LS © BATTY POUR <a href="http://epicode.bbactif.com/" target="_blank">EPICODE</a>. <br />CE FORUM APPARTIENT À SA FONDATRICE, TOUS DROITS RÉSERVÉS.                                 
      </div>
                                                                           
   </div>
                                                                          
   <div class="battypa_blocmidel2">
                                                                             
      <div class="battypa_New">
                                             <span class="battypa_textenew1">— 01•01•14 Ouverture du forum. </span> <span class="battypa_textenew2">— 31•04•14 Fermeture du forum. </span> <span class="battypa_textenew1">— xx•xx•15 Nouveau design par #. </span> <span class="battypa_textenew2">— xx•xx•15 Réouverture de forum. </span> <span class="battypa_textenew1">— xx•xx•xx New </span> <span class="battypa_textenew2">— xx•xx•xx New </span> <span class="battypa_textenew1">— xx•xx•xx New </span> <span class="battypa_textenew2">— xx•xx•xx New </span>                                   
      </div>
                                                                             
   </div>
</div>
<div class="battypa_info">
                                     Forum # ♦ Avatar Manga ♦ # Lignes Minimum  ♦ Information ♦ Information                                 
</div><br />
<div id="awc_index">
                                          
</div>
 


Code:
/***********************************************************************************
                                    PA - Début PAR BATTY
***********************************************************************************/
.battypa_contenent {
 width: 610px;
 overflow: hidden;
 padding-top:5px;
 margin-left:auto;
 margin-right:auto;
}

.battypa_titre{
 background-image: url("http://i.imgur.com/HLiCixZ.png");
  background-repeat:no-repeat;
  text-align:center;
  height: 81px;
  width:800px;
  margin-left:auto;
margin-right:auto;
margin-bottom: -25px;
padding-top:10px;
font-family: 'Lobster', cursive;
font-size:35px;
color:#f8f4ef;
}

.battypa_blocleft {
 width: 180px;
 float: left;
}

.battypa_blocright {
 width: 280px;
 float: right;
 text-align:center;
}

.battypa_blocright img {
 margin: 3px;
}

.battypa_blocmidel {
 overflow: hidden;
}

.battypa_slidshow{
 width:175px;
 height:250px;
 background-color:#f8f4ef;
 border: 3px solid #605863 ;
 display:inline-block;
}

.slideshow,
.slide {
    width:175px;
 height:250px;
}

.slideshow {
    overflow: hidden;
    background-color: black;
}

.slideshow div{
    position: relative;
    top: 0;
    left: 0;
}
   
.slide {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
 }

.battypa_staff{
 width:150px;
 height:75px;
 background-color:#913439;
 margin-bottom:7px;
 margin-top:7px;
 position:relative;
 overflow:hidden;
 text-align:center;
 font-size:12px;
 color:#f8f4ef;
}

.battypa_staff span{
 font-family: 'Lobster', cursive;
 font-size:20px;
}

.battypa_staff a{
text-decoration:none;
font-variant:small-caps;
color:#f8f4ef;
font-weight:bold;
  font-size:11px;
}

.battypa_staff img{
  position: absolute;
  left: 0;
  top: 0;
  transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -webkit-transition: all 2s;
  }

.battypa_staff:hover img{
transform: translatex(-150px);
  -moz-transform: translatex(-150px);
  -o-transform: translatex(-150px);
  -webkit-transform: translatex(-150px);
}

.battypa_contexte{
 width:255px;
 height:195px;
 background-color:#bba39c;
 border: 3px solid #605863 ;
 display:inline-block;
 padding:5px;
 text-align: justify;
 font-size:11px;
 color:#605863;
}

.battypa_contexte a{
 text-decoration:none;
  font-size:11px;
 color:#605863;
  font-variant: small-caps;
}

.battypa_blocleft2 {
 font-family: 'Lobster', cursive;
 font-size:20px;
 text-align:center;
 width: 50px;
 float: left;
 color:#605863;
}

.battypa_blocleft2 img {
  margin:2px;
}

.battypa_blocright2 {
 float: right;
 width:160px;
}

.battypa_blocmidel2{
 overflow: hidden;
 width:400px;
}

.battypa_New{
 width:386px;
 height:152px;
 background-color:#605863;
 padding:5px;
 text-align: justify;
 font-size:11px;
 color:#f8f4ef;
 overflow:auto;
}

.battypa_textenew1{
display:block;
width:auto;
background-color:#bba39c;
padding:3px;
}

.battypa_textenew2{
display:block;
width:auto;
padding:3px;
}

.battypa_copyright{
 width:150px;
 height:150px;
 background-color:#913439;
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 border-radius:100px;
 text-align:center;
 font-size:11px;
 overflow:hidden;
 display:table-cell;
 vertical-align:middle;
 color: #f8f4ef;
  padding:5px;
}

.battypa_copyright a{
  text-decoration:none;
      font-variant:small-caps;
      color: #f8f4ef; !important;       
}

.battypa_info{
 width: 650px;
 padding:5px;
  margin-top:10px;
 margin-left:auto;
 margin-right:auto;
 background-color: #605863;
 font-size: 12px;
 font-family: "Arial";
 text-transform:uppercase;
 color: #f8f4ef;
 text-align:center;
}
/***********************************************************************************
                                    PA -END
***********************************************************************************/




Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kokcasworld.forumactif.org

333333333333333333333

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Kokca's test :: Codage :: Codes Random-