INSCRIPTION STRICTEMENT INTERDITE!
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 PAS LDD - P.A DE SABLY

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

avatar

Messages : 47
Date d'inscription : 20/04/2015

MessageSujet: PAS LDD - P.A DE SABLY   Lun 26 Sep - 16:45

HTML
Code:
<link href="http://fonts.googleapis.com/css?family=Megrim" rel="stylesheet" type="text/css" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Great+Vibes|Stint+Ultra+Condensed" /><span class="titre">Bienvenue, {USERNAME} !</span><br />
<div class="corps">
                                                                                                                                                                                                                                                                                                                                                                                                                        
   <div class="cadrecontexte">
                                                                                                                                                                                                          <span class="titrescadres"> Contexte </span><br />                                                                                                                                                                                               
      <div class="text">
                                                                                                                                                                                                           Convictus firmum incantato quo populatam rettulimus ad portenderetur postulatus ut ad artibus rettulimus rettulimus familiarem tempore qua quaeritatum aperte imperii cunctum firmum potuit aperte familiarem ante ad ignavia populatam et Celsen cuius qua ut Phoenice ut potuit maiestatis convictus cum. Et quoniam apud eos ut in capite mundi morborum acerbitates celsius dominantur, ad quos vel sedandos omnis professio medendi torpescit, excogitatum est adminiculum sospitale nequi amicum perferentem similia videat, additumque est cautionibus paucis remedium aliud satis validum, ut famulos percontatum missos quem ad modum valeant noti hac aegritudine colligati, non ante recipiant domum quam lavacro purgaverint corpus. ita etiam alienis oculis visa metuitur labes. Convictus firmum incantato quo populatam rettulimus ad portenderetur postulatus ut ad artibus rettulimus rettulimus familiarem tempore qua quaeritatum aperte imperii cunctum firmum potuit aperte familiarem ante ad ignavia populatam et Celsen cuius qua ut Phoenice ut potuit maiestatis convictus cum.<br /><br /><a href="URL du contexte">→ La suite?</a>                                                                                                                                                                                             
      </div>
                                                                                                                                                                                                                                                                                                                                                                                                                       
   </div>
                                                                                                                                                                                                             <br />                                                                                                                                                                                                         
   <div class="annoncescadre">
                                                                                                                                                                                                        <span class="titrescadres">Annonces</span> <br />                                                                                                                                                                                               
      <div class="text">
                                                                                                                                                       ↳ xx/xx/xxx: New blabla<br />↳ xx/xx/xxx: New blabla<br />↳ xx/xx/xxx: New blabla<br />↳ xx/xx/xxx: New blabla<br />↳ xx/xx/xxx: New blabla<br />↳ xx/xx/xxx: New blabla<br />↳ xx/xx/xxx: New blabla<br /><br />Restez en ligne pour être au courant de toutes les nouvelles!                                                                                                                                                                                         
      </div>
                                                                                                                                                                                                                                                                                                                                                                                                                         
   </div>
                                                                                                                                                                                                                                                                                                                                                                                                                  
   <div class="imageune">
                                                                                                                                                                                                            <img src="http://i86.servimg.com/u/f86/19/25/52/19/picsar11.jpg
" />                                                                                                                                                                                                     
   </div><br /><br />                                                                                                                                                                                             
   <div class="staff1">
                                                                                                                                                                                                    <span class="titrestaff">Staff</span><br /><img src="http://image.noelshack.com/fichiers/2016/20/1463677744-violongif2.gif" class="imagestaff" /><br /><a href="LIEN DU PROFIL"> <span class="descristaff">PSEUDO ET RANG</span></a> <br /><br /><img src="http://image.noelshack.com/fichiers/2016/20/1463677744-violongif2.gif" class="imagestaff" /><br /><a href="LIEN DU PROFIL"> <span class="descristaff">PSEUDO ET RANG</span></a> <br /><br /><img src="http://image.noelshack.com/fichiers/2016/20/1463677744-violongif2.gif" class="imagestaff" /><br /><a href="LIEN DU PROFIL"> <span class="descristaff">PSEUDOF ET RANG</span></a> <br /><br />                                                                                                                                                                                           
   </div>
                                                                                                                                                                                                                                                                                                                                                            
   <div class="topsites">
                                                                                                                                                                                    <span class="titrescadres">Vote!</span>  <br /><a href="LIEN TOP-SITE 1"><img style="width:60px;" src="http://orig09.deviantart.net/1b8c/f/2009/124/b/b/emote___smiley_by_sinister_starfeesh.gif" /></a><br /><a href="LIEN TOP-SITE 2"><img style="width:50px;" src="http://orig15.deviantart.net/b0ac/f/2009/127/c/a/big_double_dose_of_sini_by_sinister_starfeesh.gif" /></a>  <br /><a href="LIEN TOP-SITE 3"><img style="width:45px;" src="http://orig05.deviantart.net/1328/f/2009/109/2/9/massive_tard_by_flashfrog.png" /></a>                                                                                                                                                                             
   </div>
                                                                                                                                                                                                                                                                                                                                                        
   <div class="effectif">
                                                                                                                                                                                  <span class="titrescadres">Effectifs</span>                                      <br />                                                                                                                                   
      <center>
                                                                                                                                             <span style="color: #AB8F13;"><strong>Tonnerre:</strong></span><br /><span style="color: #009900;"><em>Clan ouvert uniquement aux mâles </em></span><br /><br /><strong><span style="color: #0066ff;">Rivière:<br /></span></strong><em><span style="color: #009900;">Clan ouvert uniquement aux mâles </span></em><br /><br /><strong><span style="color: #460951;">Ombre:<br /></span></strong><em><span style="color: #009900;">Clan ouvert uniquement aux mâles </span></em><br /><br /><strong><span style="color: #666600;">Vent:<br /></span></strong><em><span style="color: #009900;">Clan ouvert uniquement aux mâles </span></em><br /><br /><strong><span style="color: #ff0000;">Sang:<br /></span></strong><em><span style="color: #ff6600;">Clan prioritaire (ouvert uniquement aux mâles)</span></em><br /><br /><strong><span style="color: #660099;">Solitaire:<br /></span></strong><em><span style="color: #996600;">Groupe ouvert</span></em><br /><br /><strong><span style="color: #ff66ff;">Domestiques:<br /></span></strong><em><span style="color: #996600;">Groupe ouvert, prioritaire</span></em><br /><br /><span style="color: #990000;">Les Clans du Sang, du Tonnerre et de la Rivière ont besoin d'apprentis. Les Clans du Tonnerre, Vent et de l'Ombre sont ouvert aux guerriers. Il reste des rangs importants dans chaque Clan.  <br />Merci de respecter ceci. c: </span>                                                                                                                                 
      </center>
                                                                                                                                                                                                                                                                             
   </div>
                                                                                                                                                                                                                                                                                                                                                      
   <div class="partenaires">
                                                                                                                                                                                <span class="titrescadres">Nos amis!</span>                              <br />                                                                                                                                           
      <marquee style="height:135px;width:150px;" scrollamount="2.5" direction="up">
                                                                                                                                                                                                                                                                                                
         <center>
                                                                                                                                                        <a href="LIEN PARTO"><img style="width:100px;" src="http://image.noelshack.com/fichiers/2016/20/1463677998-gifvipy.gif" /></a><br /><br /><a href="LIEN PARTO"><img style="width:100px;" src="http://image.noelshack.com/fichiers/2016/20/1463677998-gifvipy.gif" /></a><br /><br /><a href="LIEN PARTO"><img style="width:100px;" src="http://image.noelshack.com/fichiers/2016/20/1463677998-gifvipy.gif" /></a><br /><br /><a href="LIEN PARTO"><img style="width:100px;" src="http://image.noelshack.com/fichiers/2016/20/1463677998-gifvipy.gif" /></a><br /><br /><a href="LIEN PARTO"><img style="width:100px;" src="http://image.noelshack.com/fichiers/2016/20/1463677998-gifvipy.gif" /></a><br /><br /><a href="LIEN PARTO"><img style="width:100px;" src="http://image.noelshack.com/fichiers/2016/20/1463677998-gifvipy.gif" /></a><br /><br /><a href="LIEN PARTO"><img style="width:100px;" src="http://image.noelshack.com/fichiers/2016/20/1463677998-gifvipy.gif" /></a><br /><br />                                                                                                       
         </center>
                                                                                                                                                                                                                                                                                                
      </marquee>
                                                                                                                                                                                                                                                                                             
   </div>
                                                                                                                                                                                                                                                                                                                                                    
   <div class="staff2">
                                                                                                                                                                                <span class="titrestaff">Staff</span><br /><img src="http://image.noelshack.com/fichiers/2016/20/1463677744-violongif2.gif" class="imagestaff" /><br /><a href="LIEN DU PROFIL"> <span class="descristaff">PSEUDO ET RANG</span></a> <br /><br /><img src="http://image.noelshack.com/fichiers/2016/20/1463677744-violongif2.gif" class="imagestaff" /><br /><a href="LIEN DU PROFIL"> <span class="descristaff">PSEUDO ET RANG</span></a> <br /><br /><img src="http://image.noelshack.com/fichiers/2016/20/1463677744-violongif2.gif" class="imagestaff" /><br /><a href="LIEN DU PROFIL"> <span class="descristaff">PSEUDO ET RANG</span></a> <br /><br />                                                                                                                                                                                                                     
   </div><br />                                                                                                                                                         
   <div class="cadreliensutiles">
                                                                                                                                                            <span style="color: #000000;">✯ ✯ ✯</span>  <span class="liensutiles"><a href="http://laguerredesclans.forumactif.be/t3-reglement">RÈGLEMENT</a></span>  <span style="color: #000000;">~</span> <span class="liensutiles"><a href="http://laguerredesclans.forumactif.be/t2-contexte#2">CONTEXTE</a></span> <span style="color: #000000;">~</span> <span class="liensutiles"><a href="http://laguerredesclans.forumactif.be/f10-presentations">PRÉSENTATION</a></span> <span style="color: #000000;">~</span> <span class="liensutiles"><a href="http://laguerredesclans.forumactif.be/f3-partenariat">PARTENARIAT</a></span> <span style="color: #000000;">~</span> <span class="liensutiles"><a href="http://laguerredesclans.forumactif.be/f47-les-ateliers">ATELIERS GRAPHIQUES</a></span> <span style="color: #000000;"> ✯ ✯ ✯ </span>                        <br /><br /><span style="color:#000;opacity:0.7;float:right;">(C) Bloody for LGDC only</span>                                                                                                                                 
   </div>
                                                                                                                                                                                                                                                                                                                
</div><br /><br /><br /><br />

CSS
Code:
/*************DEBUT P.A SABLY**************/
.corps{
  width:880px;
  height:540px;
}

.titre{
  font-size:45px;
  font-family:megrim;
  text-align:center;
  opacity:0.5;
}

.titre:hover{
  transition:2s;
  transform:all;
  opacity:1;
  letter-spacing:2px;
}

.titrescadres{
  font-family:'Great Vibes', cursive;
  text-align:center;
  font-size:45px;
  color:#C72842;
}

.titrestaff{
  font-family:'Great Vibes', cursive;
  text-align:center;
  font-size:35px;
  color:#C72842;
}

.text{
  color:#C72842;
  text-align:justify;
}


.cadrecontexte{
  width:360px;
  border:2px solid #D11951;
  height:236px;
  overflow:auto;
  float:left;
  margin-top:12px;
  margin-left:20px;
  padding:7px;
  color:#C72842;
}

.annoncescadre{
  width:320px;
  border:2px solid #D11951;
  height:236px;
  overflow:auto;
  float:center;
  margin-right:130px;
  padding:7px;
}

.imageune{
  width:90px;
  height:250px;
  border:2px solid #D11951;
  float:right;
  margin-top:-254px;
  margin-right:35px;
}

.staff1{
  height:200px;
  width:125px;
  border:2px solid #D11951;
  float:left;
  margin-left:20px;
  margin-top:-17px;
  padding:3px;
  overflow:auto;
  color:#C72842;
}

.imagestaff{
  width:100px;
  height:35px;
  opacity:0.5;
  float:center;
  border:1px solid #D11951;
}

.imagestaff:hover{
  transform:all;
  transition:2s;
  opacity:1;
}

.descristaff{
  underline:none;
  font-size:14px;
  color:#C72842;
  text-transform:uppercase;
  color:#C72842;
}

.topsites{
  height:200px;
  width:100px;
  border:2px solid #D11951;
  float:left;
  margin-left:10px;
  margin-top:-17px;
  padding:3px;
}

.effectif{
  height:200px;
  width:200px;
  border:2px solid #D11951;
  float:center;
  margin-left:-373px;
  margin-top:-17px;
  padding:3px;
  overflow:auto;
  font-size:12px;
}

.partenaires{
  height:200px;
  width:180px;
  border:2px solid #D11951;
  float:right;
  margin-top:-210px;
  padding:3px;
  margin-right:183px;
}

.staff2{
  height:200px;
  width:125px;
  border:2px solid #D11951;
  float:right;
  margin-top:-210px;
  margin-right:35px;
  padding:3px;
  overflow:auto;
  color:#C72842;
}

.img{
}

.img:hover{
  underline:none;
}

.cadreliensutiles{
  width:827px;
  height:20px;
  background-color: #D11951;
  float:center;
  opacity:0.7;
  margin-right:13px;
  underline:none;
  color:#C72842;
}

.cadreliensutiles:hover{
  transform:all;
  transition:2s;
  opacity:1;
  color:#C72842;
}

.liensutiles{
  color:#E25E75;
  font-size:13px;
  font-family:comic sans ms;
}

.liensutiles:hover{
  transform:all;
  transition:2s;
  color:#E25E75;
  letter-spacing:4px;
  underline:none;
  color:#E25E75;
}
  
/*************FIN P.A SABLY****************/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://bloodystest.forumgratuit.be
 
PAS LDD - P.A DE SABLY
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
Forum Test de Bloody :: Test Codage :: P.A-
Sauter vers: