Et oui encore un nouveau thème j’ai fait des changements le 24 et 26. Voilà pourquoi le thème était des loups blancs. J’aimais se thème et la façon dont il était fait. Je me suis donc basé sur ce thème pour crée le mien. Jesper qu’il vous plait ^^
Je suis un test

Partagez
Aller en bas
avatar
Fondatrice
gif
Rang : Fondatrice
Compet 1 : 0/5
Compet 2 : 0/5
Compet 3 : 0/5
Compet 4 : 0/5
Compet 5 : 0/5

Mon personnage
Description: Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit
Voir le profil de l'utilisateur

PAGE D'ACCUEIL «WolfElement | PAR BATTY »

le Ven 13 Mar - 15:50
code:
Code:
/*==============================================================
    PAGE D'ACCEUIL POUR Wolf Element PAR BATTY - DÉBUT
==============================================================*/
.battypawe_titre{
font-size: 50px;
font-family: 'Lobster', cursive;
color: #eef0f0;
text-shadow:2px 2px 1px #9a5d5b;
text-align:center;
width:auto;
}

.battypawe_contexte{
width: 200px;
height: 375px;
background-color: #eef0f0;
padding: 5px;
text-align: justify;
font-size:12px;
overflow: auto;
}

.battypawe_event{
width: 365px;
height: 200px;
background-color: #eef0f0;
padding: 5px;
text-align: justify;
font-size:12px;
overflow: auto;
}

.battypawe_meteo{
width: 150px;
height: 155px;
background-color: #eef0f0;
padding: 5px;
text-align: justify;
font-size:12px;
overflow: auto;
}

.battypawe_prescrees{
width: 200px;
height: 70px;
background-color: #eef0f0;
padding: 5px;
text-align: center;
font-size:12px;
overflow: auto;
}
.battypawe_prescrees img{
margin-bottom:-5px;
margin-left:3px;
margin-right:3px;
}

.battypawe_top{
width: 200px;
height: 70px;
background-color: #eef0f0;
padding: 5px;
text-align: center;
font-size:12px;
overflow: auto;
}

.battypawe_top img{
margin-bottom:-5px;
margin-left:3px;
margin-right:3px;
}

.battypawe_staff{
background-color: #eef0f0;
height:460px;
padding: 5px;
text-align: justify;
font-size:12px;
}

.battypawe_contenustaff{
display: block;
position:relative;
width: 145px;
height: 45px;
background-color: #abb6d0;
overflow: hidden;
padding: 2px;
text-align:center;
font-size:12px;
margin-bottom:5px;
}

.battypawe_contenustaff img {
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 3s;
  -moz-transition: -moz-transform 3s;
  -o-transition: -o-transform 3s;
  -webkit-transition: -webkit-transform 3s;
  }

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

.battypawe_partenaire{
width: 577px;
height: 70px;
background-color: #eef0f0;
padding: 5px;
}

.battypawe_soustitre{
font-size: 18px;
font-family: 'Open Sans Condensed', sans-serif;
text-align:center;
background-color: #abb6d0;
text-transform: uppercase;
width: auto;
margin-bottom: 5px;
}
/*==============================================================
    PAGE D'ACCEUIL POUR Wolf Element PAR BATTY - FIN
==============================================================*/

Code:
<div class="battypawe_titre">
       Bienvenue sur Wolf Element !  
</div>
<table>
         
   <tbody>
            
      <tr>
               
         <td rowspan="3">
                  
            <div class="battypawe_contexte">
                     
               <div class="battypawe_soustitre">
                      Contexte    
               </div>
                   Les loups ont été si proches de leurs Dieux qu'ils en sont venus à détenir une minuscule fraction de leurs pouvoirs. Selon leurs tribus, ils sont très proches du Dieu de leurs éléments et n'hésitent pas à entrer leurs noms dans leurs prières ou leurs paroles. Aujourd’hui les loups « cohabitent » sur les terres d’Estryä. Les louveteaux pointent le bout de leur petit museau sur ce vaste territoire. Toutefois quelque rivalité subsiste entre les clans. Viendriez-vous combattre au côté de l’alpha de l’aire ? Ou dans le clan adverse soit celui de l’eau ? Peut-être préfériez-vous être dans un clan allié… ou peut-être même dans un clan qui reste dans l’ombre pour mieux attaquer le moment venu !  
            </div>
                  
         </td>
               
         <td colspan="2">
                  
            <div class="battypawe_event">
                     
               <div class="battypawe_soustitre">
                      Event    
               </div>
                   La guerre qui opposait les quatre clans est terminée. Suite aux rudes combats dans la Gorge, les tribus étaient affamées et épuisées, et les combats ont fini par diminuer de jour en jour. Le temps devint plus clément, et les territoires ayant souffert des catastrophes naturelles revinrent peu à peu à la vie, tandis que la Gorge d’Abondance où vivaient les loups depuis plusieurs semaines s’appauvrissait. Très vite, chaque tribu regagna ses tanières, et commença à reconstruire son chez soi. L’été arriva tard, mais après cette longue période de famine il fut bien accueilli par la totalité de l’île.  Cependant, un nouveau bouleversement allait chambouler la vie sur l’île…    
            </div>
                  
         </td>
               
         <td rowspan="4">
                  
            <div class="battypawe_staff">
                     
               <div class="battypawe_soustitre">
                      Notre équipe    
               </div>
                     <span class="battypawe_contenustaff">Kyoshi<br />Admin<br /><a href="http://wolfelement.forumactif.com/u160">Profil</a> - <a href="http://wolfelement.forumactif.com/privmsg?mode=post&u=160">Contacter</a><img src="http://i.imgur.com/eX50HTy.png" /></span> <span class="battypawe_contenustaff">BlackFury<br />Admin<br /><a href="http://wolfelement.forumactif.com/u196">Profil</a> - <a href="http://wolfelement.forumactif.com/privmsg?mode=post&u=196">Contacter</a><img src="http://i.imgur.com/7DCq5NX.png" /></span> <span class="battypawe_contenustaff">Lysha<br />Admin<br /><a href="http://wolfelement.forumactif.com/u220">Profil</a> - <a href="http://wolfelement.forumactif.com/privmsg?mode=post&u=220">Contacter</a><img src="http://i.imgur.com/2UthFeG.png" /></span> <span class="battypawe_contenustaff">Moon<br />Admin<br /><a href="http://wolfelement.forumactif.com/u227">Profil</a> - <a href="http://wolfelement.forumactif.com/privmsg?mode=post&u=227">Contacter</a><img src="http://i.imgur.com/ZC0e7qQ.png" /></span> <span class="battypawe_contenustaff">Kanagan<br />Modo<br /><a href="http://wolfelement.forumactif.com/u163">Profil</a> - <a href="http://wolfelement.forumactif.com/privmsg?mode=post&u=163">Contacter</a><img src="http://i.imgur.com/moJyn1v.png" /></span><span class="battypawe_contenustaff">Kyrobeis<br />Modo<br /><a href="http://wolfelement.forumactif.com/u8">Profil</a> - <a href="http://wolfelement.forumactif.com/privmsg?mode=post&u=8">Contacter</a><img src="http://i.imgur.com/2l5smJm.png" /></span>  
               <div class="battypawe_soustitre">
                      © Credit    
               </div>
                   Bannière art : Skailla<br />Graph : Batty<br />Code PA : Batty<br />Code catégorie : Batty<br />Code QEEL : Batty<br />    
            </div>
                  
         </td>
               
      </tr>
              
      <tr>
               
         <td>
                    
            <div class="battypawe_prescrees">
                     
               <div class="battypawe_soustitre">
                      Les Prés Crées    
               </div>
                    <a href="http://wolfelement.forumactif.com/t584-akame-viens-gouter-a-la-fureur-du-volcan"><img title="Prés crée" src="http://i.imgur.com/iga9Vfc.png" /></a> <a href="http://wolfelement.forumactif.com/t279-daniel"><img title="source: imgur.com" src="http://i.imgur.com/cJA3e4K.png" /></a> <a href="http://wolfelement.forumactif.com/t10-sweetheart"><img title="source: imgur.com" src="http://i.imgur.com/oqdNdZ4.png" /></a> <a href="http://wolfelement.forumactif.com/t11-fallen"><img title="source: imgur.com" src="http://i.imgur.com/Tgo9uPF.png" /></a>    
            </div>
                  
         </td>
               
         <td rowspan="2">
                  
            <div class="battypawe_meteo">
                     
               <div class="battypawe_soustitre">
                      La météo    
               </div>
                       
               <center>
                        
                  <!--      widget meteo      -->    
                  <div id="widget_9be2e1dcb8c21d6e4f961a09d54cc9ba">
                        <span id="l_9be2e1dcb8c21d6e4f961a09d54cc9ba"><a href="http://www.my-meteo.fr/">http://www.my-meteo.fr</a></span><script type="text/javascript">
(function() {
   var my = document.createElement("script"); my.type = "text/javascript"; my.async = true;
   my.src = "http://services.my-meteo.fr/widget/js-design.php?ville=108&format=petit-vertical&nb_jours=1&ombre1=000000&c1=ffffff&c2=a9a9a9&c3=ffffff&c4=ffffff&c5=ffffff&police=0&t_icones=4&fond=1&masque=0&x=85&y=87&id=9be2e1dcb8c21d6e4f961a09d54cc9ba&le";
   var z = document.getElementsByTagName("script")[0]; z.parentNode.insertBefore(my, z);
})();
</script>    
                  </div>
                        
                  <!--      widget meteo      -->    
               </center>
                   Saison des chaleurs : Ø<br />Mise bas : Ø    
            </div>
                  
         </td>
               
      </tr>
              
      <tr>
               
         <td>
                  
            <div class="battypawe_top">
                     
               <div class="battypawe_soustitre">
                      Les top sites    
               </div>
                    <a href="http://www.root-top.com/topsite/olinalexe/in.php?ID=3306"><img title="Top site 1" src="http://i.imgur.com/WY8XXHo.png" /></a> <a href=" http://www.root-top.com/topsite/velusia/in.php?ID=4877"><img title="Top site 2" src="http://i.imgur.com/WY8XXHo.png" /></a> <a href="http://www.root-top.com/topsite/ichigotp/in.php?ID=255"><img title="Top site 3" src="http://i.imgur.com/WY8XXHo.png" /></a> <a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2642"><img title="Top site 4" src="http://i.imgur.com/WY8XXHo.png" /></a>    
            </div>
                  
         </td>
               
      </tr>
              
      <tr>
               
         <td colspan="3">
                  
            <div class="battypawe_partenaire">
                     
               <div class="battypawe_soustitre">
                      Nos partenaires    
               </div>
                     
               <marquee id="id1">
                      <span onmouseout="getElementById('id1').start();" onmouseover="getElementById('id1').stop();"><a href="LIEN_FORUM"><img src="http://i.imgur.com/c6SU9lG.png" /></a> <a href="LIEN_FORUM"><img src="http://i.imgur.com/c6SU9lG.png" /></a> <a href="LIEN_FORUM"><img src="http://i.imgur.com/c6SU9lG.png" /></a> <a href="LIEN_FORUM"><img src="http://i.imgur.com/c6SU9lG.png" /></a></span>    
               </marquee>
                     
            </div>
                  
         </td>
               
      </tr>
            
   </tbody>
</table>

________________________________________



Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum