[Page d'Accueil] Un Forum qui a besoin d'une belle PA =)

Messages : 22 Age : 26 Localisation : En train de dormir =)

Commande de PA

VOTRE PSEUDO ICI

» Type de commande : Page d'Accueil
» Descriptions : J'aimerais bien une PA avec au moins les onglets "Nouveautés RPs", "Nouveautés Hors RPs", "Le Staff". Ensuite une partie pour nos quelques partenaires, et une partie pour des liens utiles. Le reste, a vous de voir ^^ Ah oui, il faudrait qu'elle colle un peu au design comme même ^^ Enfin une couleur qui va avec, pas un truc qui ne colle pas avec quoi. Le lien du forum est plus bas.
» Exemple(s) : Quelque chose dans ce genre la par exemple : http://laguerre-desclans123.forumperso.com/
» Lieu(x) où sera affiché le codage: Sur un Forum de RPG. Il est en construction, et je crois qu'il ne nous manque plus que grand chose avant d'ouvrir - Dont une PA. http://warofthefox.forumgratuit.org/
» Contenu du codage : Alors, pour les images du Staff, j'ai ce sujet où l'on voit leurs avatars a tous sur le premier message : http://warofthefox.forumgratuit.org/t7-staff-et-credits
» Statistiques du forum : 4 Membres et 15 Messages (Il est en construction, seul le Staff est inscrit pour l'instant)
» Autres précisions : Merci d'avance, si il manque quelques précisions a la commande, pas de problème je rajoute !

Messages : 732 Age : 27 Localisation : DTC :)

Votre commande est validée. Veuillez patienter le temps qu'un graphiste/codeur/jeune graph' la prenne en charge.
Cordialement.

Messages : 206 Age : 30 Localisation : Dijon

Je vais essayer de faire quelque chose :)
Tu veux 3 parties c'est ça ?
Parce que sur l'exemple que tu nous montres il y en a 4 :o

EDIT Abbey/ Saelya tu es super ! Tu prends plein de commande *__* T'es courageuse ~! ♥

Messages : 22 Age : 26 Localisation : En train de dormir =)

Merci de prendre la commande ^^

En fait oui je voudrais 3 parties, mais si ca ne va pas, 4 ca ne me dérange pas, a toi de voir selon ce qui t'inspire le plus ^^

Messages : 206 Age : 30 Localisation : Dijon

3 blocs ça me va :)
Je n'ai pas tout à fait fini mais la je dois bosser pour les cours donc c'est tout pour le moment x)
Dis moi si ça te conviens :)

http://demohitskin.forumactif.org/h21-pa-eclipse

PS pour Abbey : Je n'en prends pas tant que ça x)

Messages : 22 Age : 26 Localisation : En train de dormir =)

Oui je trouve ca super joli, merci <3

Messages : 206 Age : 30 Localisation : Dijon

Bien alors je terminerais demain après les cours :)

Messages : 22 Age : 26 Localisation : En train de dormir =)

Ok ^^ Merci pour tout :D

Messages : 206 Age : 30 Localisation : Dijon

Voilà dis moi ce qu'il faut corriger :)

http://demohitskin.forumactif.org/h21-pa-eclipse

Messages : 22 Age : 26 Localisation : En train de dormir =)

Merci, j'aime beaucoup <33

Je pense que ça sera bien comme ça, tu n'a rien a corriger ^^
Juste, c'est quoi la taille des petits icônes pour qu'on puisse changer si besoin les images ?

Messages : 206 Age : 30 Localisation : Dijon

Je les ai faites en 100*100 (si tu parle bien des images du staff °°) mais on peut les mettre de la taille qu'on veut ^^

Voilà le code donc :)

Spoiler:

Code:: <html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript"> //
</script>
<style type="text/css">

.onglet
{
display:inline-block;
margin-left:-4px;
margin-right:-4px;
margin-bottom: 5px;
margin-top: 5px;
padding-top: 10px;

}
.onglet_0
{
Margin: 2px;
Padding: 5px;
text-shadow: 0px 0px 3px #2f461a;
font-size : 12px;
border : 1px dashed #2f461a;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-variant : small-caps;
font-color:#2f461a;
}

.onglet_1
{
Margin: 2px;
Padding: 5px;
text-shadow: 0px 0px 3px #2f461a;
font-size : 12px;
border : 1px dashed #2f461a;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-variant : small-caps;
font-color:#2f461a;
}

.contenu_onglet
{
margin-left:35px;
padding: 5px;
font-size: 9px #ffffff;
background-color: #bac2cf;
display:none;
-moz-border-radius: 20px;
width: 500px;
height:225px;
padding: 10px;
font-family: Casual, sans-serif;
background-color : #none;
background-image : URL("http://i42.servimg.com/u/f42/15/42/24/45/fond10.png");
}

.Titre
{
Margin: 2px;
Padding: 5px;
text-shadow: 0px 0px 3px #2f461a;
font-size : 12px;
border : 1px dashed #2f461a;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-variant : small-caps;
font-color:#2f461a;
}

.Box
{
Margin: 10px;
Padding: 10px;
background-image : URL("http://i42.servimg.com/u/f42/15/42/24/45/fond10.png");
background-color : #b7ae87 ;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-size : 11px;
text-shadow: 0px 0px 1px #2f461a;
width:500px; height:250px;
}
.Box0
{
Margin: 10px;
Padding-right: 25px;
Padding-left: 25px;
Padding-top: 15px;
Padding-bottom: 15px;
background-image : URL("http://i42.servimg.com/u/f42/15/42/24/45/fond10.png");
background-color : #b7ae87 ;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-size : 12px;
text-shadow: 0px 0px 1px #2f461a;
width: 85px; height:250px;
}
.Box00
{
Margin: 10px;
Padding: 10px;
background-image : URL("http://i42.servimg.com/u/f42/15/42/24/45/fond10.png");
background-color : #b7ae87 ;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-size : 11px;
text-shadow: 0px 0px 1px #2f461a;
width: 600px; height:75px;
}

.cellule1
{
padding:5px;
text-align:justify;
margin-top:-20px;
text-shadow: 0px 0px 3px #2f461a;
font-size : 11px;
font-variant : small-caps;
font-color:#2f461a;
}

a.imginfo span {
display: none;
text-shadow: 0px 0px 3px #2f461a;
font-size : 11px;
font-variant : small-caps;
font-color:#2f461a;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
text-shadow: 0px 0px 3px #2f461a;
font-size : 11px;font-variant : small-caps;font-color:#2f461a;
}
a.imginfo:hover span {
display: inline;
position: absolute;

background: #608a5e;
color: #608a5e;
padding: 3px;

-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topleft: 8px;
text-shadow: 0px 0px 3px #2f461a;
font-size : 11px;
font-variant : small-caps;
font-color:#2f461a;}
</style><body>

<table><tr><td> <div class="Box0"style="width:85px;"><div class="Titre"> Liens Utiles </div><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br><a href="http://warofthefox.forumgratuit.org/t7-staff-et-credits" target="blank" />·Lien</a><br></div></td>

<td><div class="Box"style="width:450px;">
<div class="systeme_onglets" width="50%">
<div class="onglets">
<center><span class="onglet_1 onglet" id="onglet_1" onmouseover="javascript:change_onglet('1');"> <center><b>N</b>ouveautés RPs</center></span>
<span class="onglet_0 onglet" id="onglet_2" onmouseover="javascript:change_onglet('2');"><center> <b>N</b>ouveautés Hors RPs</center></span>
<span class="onglet_0 onglet" id="onglet_3" onmouseover="javascript:change_onglet('3');"><center> <b>L</b>e Staff</center> </span></center></div>
<div class="contenu_onglets" id="contenu_onglet_1"style="display: none;" style="height:200px; width:450px;overflow:auto;"><br><br>
· Bou<br><br><br><br>· Bou<br><br></div>
<div class="contenu_onglets" id="contenu_onglet_2"style="display: none;" style="height:200px; width:450px; overflow:auto;"><br><br>
· Bou<br><br><br><br>· Bou<br><br></div>

<div class="contenu_onglets" id="contenu_onglet_3"style="display: none;">
<br><br>
<div class="cellule1" style="padding-top:20px; padding-bottom:6px; height:100px;">
<a class="imginfo"><center><img src="http://s4.noelshack.com/uploads/images/11301192187758_1.png" alt="" title="" style="margin-right:-6px;" /><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><img src="http://i43.servimg.com/u/f43/16/33/29/57/475c9210.jpg" border="0" alt="" /><BR>Etoile Nocturne<BR>Rang: Fondatrice<BR><a href="warofthefox.forumgratuit.org/u1" class="postlink" target="_blank" rel="nofollow">Son profil</a></td></tr></tbody></table></span></a>

<a class="imginfo"><img src="http://s4.noelshack.com/uploads/images/2830402491444_2.png" alt="" title="" style="margin-right:-6px;" /><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><img src="http://i43.servimg.com/u/f43/16/33/29/57/etoile10.png" border="0" alt="" /><BR>Etoile Lunaire<BR>Rang: Admin'<BR><a href="warofthefox.forumgratuit.org/u2" class="postlink" target="_blank" rel="nofollow">Son profil</a></td></tr></tbody></table></span></a>

<a class="imginfo"><img src="http://s4.noelshack.com/uploads/images/3085716967443_3.png" alt="" title="" style="margin-right:-6px;" /><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><img src="http://i43.servimg.com/u/f43/16/33/29/57/11111310.jpg" border="0" alt="" /><BR>Etoile Abyssale<BR>Rang: Admin'<BR><a href="warofthefox.forumgratuit.org/u3" class="postlink" target="_blank" rel="nofollow">Son profil</a></td></tr></tbody></table></span></a>

<a class="imginfo"><img src="http://s4.noelshack.com/uploads/images/21257740043397_4.png" alt="" title="" style="margin-right:-6px;" /><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><img src="http://i43.servimg.com/u/f43/16/33/29/57/4-7510.png" border="0" alt="" /><BR>Etoile Solaire<BR>Rang: Modo'<BR><a href="warofthefox.forumgratuit.org/u4" class="postlink" target="_blank" rel="nofollow">Son profil</a></td></tr></tbody></table></span></a>

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

<table><tr><td> <div class="Box00"><center><div class="Titre"style="width:85px;"><center> Partenaires </center> </div><div style="width: 575px; height:50px;"><marquee direction="left" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();"><a href="http://yumeartists.1fr1.net/"><center>
<img src="http://s3.noelshack.com/uploads/images/16263390978252_8831.png"></a></marquee></center>
</div></div></td></tr></table>

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

Messages : 22 Age : 26 Localisation : En train de dormir =)

Oui je parlais bien des images du Staff ^^

Merci encore pour tout, j'aime beaucoup <33

Messages : 732 Age : 27 Localisation : DTC :)

La commande est donc finie ~
Eclipse, n'oublie pas de créditer Saelya et le forum (: !
Je lock, merci Saelya

» A besoin d'un cadre D:
» Débutante besoin d'un prof ;x
» Une Page d'Accueil [Stelyne]
» Fermeture du forum ?
» Tournois Inter-forum ?

[Page d'Accueil] Un Forum qui a besoin d'une belle PA =)

[Page d'Accueil] Un Forum qui a besoin d'une belle PA =)

Sujets similaires

Sujets similaires