AUTRE — pages d'accueil

Infos de baseMessages : 409 Date d'inscription : 26/06/2016 Age : 25

HTML

Code:: <div class="imgpa">

<div class="pahauttitre">
      ★ Bienvenue sur Fate of Stars
</div>
</div><br />
<div class="pabloc">

<div class="pacontexte">

   <div class="pacontextetexte">
         Lunes après lunes, saison après saisons, générations après générations, les clans n’ont pas changés. Les légendes subsistent contrairement aux vivants qui rejoignent bien rapidement les cieux ou le lieu sans étoiles, en fonction de leurs méfaits ; mais les anciens continueront de raconter aux plus curieux des jeunes tous ces mythes qui font la culture des clans. <br />Plusieurs lunes auparavant, un chat leur avait fait part d’une autre culture dans des contrées lointaines desquelles il venait, au-delà des Hautes Pierres. Elle s’était avancée avec assurance, prétendant être la fille d’Odin, un matou qui avait déjà rendu visite aux clans bien des lunes auparavant, pour leur avouer que des groupes de chats étaient formés loin de chez eux et qu’elle avait quitté ses terres pour explorer davantage de lieux, mais surtout, pour découvrir de ses propres yeux ce que son père avait eu la chance de voir. ▼ <a href="http://fateofstars.forumactif.org/t9-contexte-pour-comprendre">voir plus ?</a>
   </div>

</div>

<div class="pastaff">
      <iframe src="http://fateofstars.forumactif.org/h6-staff" frameborder="1" scrolling="no" style="border: medium none;width: 200px; height: 220px;"> </iframe>
</div>

<div class="panews2">
      <a href="https://join.skype.com/eqmV8yGZkFgR"><img style="width: 45px;" src="https://i.imgur.com/v1YAVIN.png" /></a> <br /><a href="http://www.root-top.com/topsite/shoom/in.php?ID=845" target="_blank"><img src="https://i.imgur.com/rnJ6eor.png" style="width: 130px; margin-top: -5px;" /></a><br /> <a href="https://discord.gg/TRk32WC"><img style="width: 60px;" src="https://i.imgur.com/4Qs4CsW.png" /></a>
</div>

<div style="text-align: justify" class="panews">
      X 00.00.00 : nom de l'annonce avec sa jolie petite description et un petit test pour faire comme ça fait sur deux ou plusieurs lignes.
   <div class="pabarre">

   </div><br /> X 00.00.00 : nom de l'annonce avec sa jolie petite description et un petit test pour faire comme ça fait sur deux ou plusieurs lignes.
   <div class="pabarre">

   </div><br />
</div><br />
<div class="paparto">
      <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a> <a href="http://fateofstars.forumactif.org/"><img src="https://i.imgur.com/RAB5sBJ.png" /></a>
</div>
   <br />
<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

<div class="pacredits">
      reglement
</div>

</div>

CSS

Code:: /*---------------------------- PAGE D'ACCUEIL --------------------------*/
.pahauttitre{
text-align: center;
font-size: 40px;
font-family: jolly lodger;
text-transform: uppercase;
text-shadow: 1px 1px 0px white;
color: black;
background-color: white;
opacity: 0.8;
width:800px;
margin: auto;
border-radius: 150px;
}
.imgpa{
padding: 11px;
background-image: url('https://i.imgur.com/zPVRzD3.png');
width: 100%;
height: 50px;
margin: auto;
margin-top: 10px;
background-size: 100%;
margin-left: -11px;
}
.pabloc{
margin:auto;
width:800px;
padding:5px 0 10px;
}
.pacontextetexte{
background-color: white;
opacity: 0.8;
padding: 10px;
color: black;
height: 360px;
width: 200px;
text-align: justify;
overflow: auto;
border-radius: 10px;
float: left;
}
.pareglement{
height:15px;
padding:5px;
padding-left:10px;
font-size:11px;
text-transform:uppercase;
text-align: center;
background:#86b0bd;
color:white;
width: 320px;
}
.pastaff{
margin-top: -10px;
float: left;}
.pacredits{
width:170px;
height:15px;
padding:5px;
margin: 5px;
font-size:11px;
text-transform:uppercase;
text-align: center;
background:#86b0bd;
color:white;
float: right;
}
.panews{
width:160px;
height:185px;
padding:10px;
font-size:11px;
background: #496c7f;
color:white;
overflow: auto;
float: right;
margin: 5px;
text-align: center;
}
.panews2{
width:160px;
height:185px;
padding:10px;
font-size:11px;
background-color: white;
opacity: 0.8;
overflow: auto;
float: right;
margin: 5px;
text-align: center;
border-radius: 10px;
}
.pabarre{
border-bottom: 1px solid black;
padding: 5px;
}
.patitre{
font-size:20px;
text-transform:uppercase;
text-shadow: 1px 1px 2px black;
font-family:jolly lodger;
text-align: center;
color: white;
}
.paparto{
width: 560px;
background-color: white;
height: 54px;
float: right;
margin:5px;
}
.paparto img{padding: 2px; width: 49px;}
.paliens{float: left; background-color: white; margin-top: -5px; margin-left: 20px; margin-right: -10px;}
.paliens2{float: right; background-color: white; margin-top: -80px;}