Les codes des PAs

PA Gijutsu

Code:: <div id="fond_pa">
<div class="colonnes_pa">
<div class="grandes_cases_pa">
<h1><font face="Nowharehouse">♥ Staff ♥</font></h1>

<br/>
<br/>
<br/>
<br/>
<div style="margin:auto;text-align:center;width:100%"><table border="0"><tr><td align="left"><a class="info" href="#"><img src="http://img834.imageshack.us/img834/4899/pikachu100x100.png" border="0" alt="" /><span>Nom - Prénom<br/>
Rang - Âge</br></br> </td><td align="left"><a class="info" href="#"><img src="http://img834.imageshack.us/img834/4899/pikachu100x100.png" border="0" alt="" /><span>Nom - Prénom<br/>
Rang - Âge</br></br> </td></tr><tr><td align="left"><a class="info" href="#"><img src="http://img834.imageshack.us/img834/4899/pikachu100x100.png" border="0" alt="" /><span>Nom - Prénom<br/>
Rang - Âge</br></br> </td><td align="left"><a class="info" href="#"><img src="http://img834.imageshack.us/img834/4899/pikachu100x100.png" border="0" alt="" /><span>Nom - Prénom<br/>
Rang - Âge</br></br></td></tr></table></div>

<div style="margin:auto;text-align:center;width:100%"><table border="0"><tr><td align="left"><a class="info" href="#"><img src="http://img834.imageshack.us/img834/4899/pikachu100x100.png" border="0" alt="" /><span>Nom - Prénom<br/>
Rang - Âge</br></br> </td><td align="left"><a class="info" href="#"><img src="http://img834.imageshack.us/img834/4899/pikachu100x100.png" border="0" alt="" /><span>Nom - Prénom<br/>
Rang - Âge</br></br> </td></tr></table></div>
</div>
</div>
<div class="colonnes_pa">
<div class="petites_cases_pa">
<h1><font face="Nowharehouse">TOP SITE</font></h1>
<div style="margin:auto;text-align:center;width:100%"><font color="white">Merci de bien vouloir voter toute les 2h ♥</font></div>
<br/><div style="margin:auto;text-align:center;width:100%"><img src="http://i43.servimg.com/u/f43/16/03/89/98/engren10.png" border="0" alt="" /><img src="http://i43.servimg.com/u/f43/16/03/89/98/engren10.png" border="0" alt="" /><img src="http://i43.servimg.com/u/f43/16/03/89/98/engren10.png" border="0" alt="" /></div>

<br/><div style="margin:auto;text-align:center;width:100%"><img src="http://i43.servimg.com/u/f43/16/03/89/98/engren10.png" border="0" alt="" /><img src="http://i43.servimg.com/u/f43/16/03/89/98/engren10.png" border="0" alt="" /><img src="http://i43.servimg.com/u/f43/16/03/89/98/engren10.png" border="0" alt="" /></div>

</div>
<div class="petites_cases_pa">
<h1><font face="Nowharehouse">Partenariat</font></h1>

<marquee direction="left" scrollamount="5" behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();" style="height:31px;">

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>
<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>


</marquee>


<br/>
<br/>
<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>

<a href="http://graph-passion.forumsactifs.net/forum"><img src="http://i43.tinypic.com/29yrtip.png" alt="" /></a>


</div>
<div class="petites_cases_pa">
<h1><font face="Nowharehouse">Credit</font></h1>

<font color="white"> Optimisé pour: <img src="http://i43.servimg.com/u/f43/16/03/89/98/browse11.png" border="0" alt="" /> & <img src="http://i43.servimg.com/u/f43/16/03/89/98/naviga10.png" border="0" alt="" />
<br/>
Graphisme par: Lyana
<br/>
Codage par: Aria
<br/>
Contexte original par: Lyana
<br/>
Nous remercions: Deviantart et Zerochan
</font>

</div>
</div>
<div class="colonnes_pa">
<div class="grandes_cases_pa">
<h1><font face="Nowharehouse"> Contexte </font></h1>

<font color="white">Accenderat super his incitatum propositum ad nocendum aliqua mulier vilis, quae ad palatium ut poposcerat intromissa insidias ei latenter obtendi prodiderat a militibus obscurissimis. quam Constantina exultans ut in tuto iam locata mariti salute muneratam vehiculoque inpositam per regiae ianuas emisit in publicum, ut his inlecebris alios quoque ad indicanda proliceret paria vel maiora.

Et hanc quidem praeter oppida multa duae civitates exornant Seleucia opus Seleuci regis, et Claudiopolis quam deduxit coloniam Claudius Caesar. Isaura enim antehac nimium potens, olim subversa ut rebellatrix interneciva aegre vestigia claritudinis pristinae monstrat admodum pauca.

Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.
<br/>
<br/>
<a href="http://le-placard-d-aika.forumgratuit.org/?tid=61537d6bf45d0ff95204166b03c16337" class="postlink">Pourquoi pas la suite ?</a>

</font>

</div>
</div>
</div>

Code:: a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none;

}

a.info:hover{
z-index:25;
background-color:#FFF;
}
a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:5px; left:5px; width:60px;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:2px;
font-family: arial;
font-size: 8px;

}

#fond_pa {
width : 800px;
height : 520px;
padding : 10px;
border-radius : 25px;
border : 2px solid CadetBlue;
background : url(http://i43.servimg.com/u/f43/16/03/89/98/techno10.jpg);
}

.colonnes_pa {
display : inline-block;
vertical-align : top;
}

.colonnes_pa + .colonnes_pa {
margin-left : 10px;
}

.grandes_cases_pa {
width : 200px;
height : 458px;
padding : 10px;
background : rgba(10,10,10,0.5);
text-align : justify;
color : LightSlateGray;
border : 2px solid CadetBlue;
overflow : auto;
}

.petites_cases_pa {
width : 288px;
height : 140px;
padding : 10px;
background : rgba(10,10,10,0.5);
text-align : justify;
color : LightSlateGray;
border : 2px solid CadetBlue;
overflow : auto;
}

.petites_cases_pa + .petites_cases_pa {
margin-top : 10px;
}

h1 {
color : LightSlateGray;
text-transform : uppercase;
font-size : 25px;
margin : 0;
border-bottom : double LightSlateGray;
text-align : center;
}

PA ASH school

Code:: <div class="systeme_onglets">
<img class="imgpa" src="http://i43.servimg.com/u/f43/16/03/89/98/vi10.png">
<table class="onglets">
<tr>
<td><span class="onglet_0 onglet" id="onglet_staff_1" onclick="javascript:change_onglet('staff_1');"><img src="http://i43.servimg.com/u/f43/16/03/89/98/accuei11.png"></span></td>
<td rowspan="2"> <div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_staff_1"><table><tr>
<td colspan="2" class="titrepa">Bienvenue sur Le Forum!</td></tr>
<tr><td><div class="box1"><div style="margin:auto;text-align:center;width:100%"><img src="http://i43.servimg.com/u/f43/16/03/89/98/contex10.png" border="0" alt="" /></div>
<br/>

ici ton texte </div></td>
<td><div class="box2"><div style="margin:auto;text-align:center;width:100%"><img src="http://i43.servimg.com/u/f43/16/03/89/98/best10.png" border="0" alt="" /></div>

<img src="http://i43.servimg.com/u/f43/16/03/89/98/logo10.png" border="0" alt="" />
<img src="http://i43.servimg.com/u/f43/16/03/89/98/logo10.png" border="0" alt="" />
<img src="http://i43.servimg.com/u/f43/16/03/89/98/logo10.png" border="0" alt="" />

</div></td>
</tr></table></div>

<div class="contenu_onglet" id="contenu_onglet_staff_2"><table>
<td colspan="2" class="titrepa">Annonce</td></tr>
<tr><td><div class="box1"><div class="minititre"><img src="http://i43.servimg.com/u/f43/16/03/89/98/rumeur10.png" border="0" alt="" /></div>
ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte</div></td>
<td><div class="box2"><div class="minititre"><img src="http://i43.servimg.com/u/f43/16/03/89/98/panew10.png" border="0" alt="" /></div> JJ/MM/AAAA : Ouverture du forum.
<br />JJ/MM/AAAA : Nouveau dans le staff.
<br /></td>
</div></tr></table></div>

<div class="contenu_onglet" id="contenu_onglet_staff_3"><table><tr>
<td colspan="2" class="titrepa">Staff</td></tr>
<tr><td><div class="box3"><table><tr><td><div id="cf">
<a href="#"><img src="http://img11.hostingpics.net/pics/705637staffadmin.png" class="bottom" />
<img src="http://img11.hostingpics.net/pics/892737staff.png" class="top" /></a></div></td>
<td><div id="cf"><a href="#"><img src="http://img11.hostingpics.net/pics/705637staffadmin.png" class="bottom" /><img src="http://img11.hostingpics.net/pics/892737staff.png" class="top" /></a></div></td>
<td><div id="cf"><a href="#"><img src="http://img11.hostingpics.net/pics/705637staffadmin.png" class="bottom" /><img src="http://img11.hostingpics.net/pics/892737staff.png" class="top" /></a></div></td>
<td><div id="cf"><a href="#"><img src="http://img11.hostingpics.net/pics/705637staffadmin.png" class="bottom" /><img src="http://img11.hostingpics.net/pics/892737staff.png" class="top" /></a></div></td></tr></table></div></td>
</tr></table></div>

<div class="contenu_onglet" id="contenu_onglet_staff_4"><table><tr>
<td colspan="2" class="titrepa">Partenariat</td></tr>
<tr><td><div class="box3"><div style="margin:auto;text-align:center;width:100%"><img src="http://i43.servimg.com/u/f43/16/03/89/98/zami10.png" border="0" alt="" /></div>
<br/>

<img src="http://img11.hostingpics.net/pics/390345avaparten.png" /> <img src="http://img11.hostingpics.net/pics/390345avaparten.png" /> <img src="http://img11.hostingpics.net/pics/390345avaparten.png" />

<br/><div style="margin:auto;text-align:center;width:100%"><img src="http://i43.servimg.com/u/f43/16/03/89/98/top10.png" border="0" alt="" /></div><div style="margin:auto;text-align:center;width:100%"><img src="http://i43.servimg.com/u/f43/16/03/89/98/noel-a10.png" border="0" alt="" />
<img src="http://i43.servimg.com/u/f43/16/03/89/98/noel-a10.png" border="0" alt="" />
<img src="http://i43.servimg.com/u/f43/16/03/89/98/noel-a10.png" border="0" alt="" />
<img src="http://i43.servimg.com/u/f43/16/03/89/98/noel-a10.png" border="0" alt="" />
<img src="http://i43.servimg.com/u/f43/16/03/89/98/noel-a10.png" border="0" alt="" /></div>
<br/>
</div></td>
</tr></table></div>
</div>
</td>
<td><span class="onglet_0 onglet" id="onglet_staff_2" onclick="javascript:change_onglet('staff_2');"><img src="http://i43.servimg.com/u/f43/16/03/89/98/news10.png"></span>
</td></tr>
<tr><td><span class="onglet_0 onglet" id="onglet_staff_3" onclick="javascript:change_onglet('staff_3');"><img src="http://i43.servimg.com/u/f43/16/03/89/98/staff10.png"></span></td>
<td><span class="onglet_0 onglet" id="onglet_staff_4" onclick="javascript:change_onglet('staff_4');"><img src="http://i43.servimg.com/u/f43/16/03/89/98/nosami10.png"></span></td>
</tr> </table><div class="navpa">
<a href="#" class="lien">Règlement</a> - <a href="#" class="lien">Présentation</a> - <a href="#" class="lien">Nouveautées</a> - <a href="#" class="lien">Annonces</a><div class="credit">Pilou ♥</a></div>
</div>

<script type="text/javascript">
//
</script>

Code:: *pa*

/* PAGE D ACCUEIL */
.onglet{
display:inline-block;
margin-left:0px;
margin-right:0px;
padding:3px;
}
.onglet_0{
opacity: 0.5;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.onglet_0:hover{
opacity: 1;
}
.onglet_1{
opacity: 1;
}
.contenu_onglet{
heigth: 400px;
margin-top:-1px;
padding:5px;
display:none;
}

.systeme_onglets {
background: url(http://hitskin.com/themes/18/70/90/i_background.png);
width:700px;
border-radius: 20px;
}

.imgpa {
border-radius: 20px 20px 0px 0px;
}

.titrepa {
Border: 1px solid black;
border-radius: 0px 0px 5px 5px;
background: #e9e9e9;
box-shadow: 0px 0px 5px black;
width: 300px;
color: black;
text-shadow: 1px 1px 0 white;
text-align: center;
position: relative;
margin-bottom: -20px;
}

.minititre {
font-variant:small-caps;
font-style:italic;
text-align: center;
border-bottom : 1px dotted white;

}

.box1 {
background : Gainsboro;
width: 250px;
height: 200px;
border: 1px solid black;
padding-top:10px;
padding-right:10px;
padding-left:30px;
padding-bottom: 10px;
margin-right: -5px;
margin-top: -10px;
overflow: auto;
border-radius: 80px 0px 0px 80px;
}

.box2 {
background : Gainsboro;
width: 250px;
height: 200px;
border: 1px solid black;
padding-top:10px;
padding-right:10px;
padding-left:5px;
padding-bottom: 10px;
margin-top: -10px;
overflow: auto;
border-radius: 0px 0px 0px 0px;
}
.box3 {
background : Gainsboro;
padding-top:10px;
padding-right:10px;
padding-left:30px;
padding-bottom: 10px;
width: 515px;
height: 200px;
border: 1px solid black;
border-radius: 80px 0px 0px 80px;
margin-top: -10px;
}

.boxcontenue {
width: 480px;
}

.navpa{
width: 548px;
Border: 1px solid black;
font-weight: normal;
font-family:Georgia;
font-size: 16px;
text-align: center;
border-radius: 0px 0px 5px 5px;
background: #e9e9e9;
box-shadow: 0px 0px 5px black;
color: #000000;
position: relative;
margin-top: -13px;
}

.credit {
font-size: 5px;
text-align: right;
}

#cf {
position:relative;
height:85px;
width:100px;
margin:0px;
}
#cf img {
border-radius:5px;
border-top: 3px double white;
border: 1px solid white;
margin-bottom: 2px;
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
opacity:0;
}

*pa*

java

Code:: //