Partagez | 
 

 ♥ Toutes mes P.A ♥

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


Messages : 21
Date d'inscription : 01/02/2011

MessageSujet: ♥ Toutes mes P.A ♥   Mar 28 Aoû - 16:31

P.A RPG Libre


Transition sur les titres





Code:
<!DOCTYPE HTML>
<html>
<!--  En-tête -->
<head>
 <meta charset="utf-8" />
 <!--  titre -->
 <title> P.A RPG </title>
<!-- CSS -->
<style type="text/css">

table.pa {
width : 800px;
height : 500px;
background-color: #fef0d1;
  text-align: center;
  margin :5px;
  padding:5px;
  border-spacing: 20px;
  border-collapse: separate;
border: 2px white dotted;
}
td.title {
margin : -5px -10px;
color: #000000;
background-color: #fffcf7;
border: 1px #fceac4 dotted;
box-shadow: 1px 1px 5px #dac2ae;
border-radius : 60px 60px 5px 5px;
 font-variant: small-caps;
font-family: Agency FB;
font-weight: bold;
font-size: 30px;
text-shadow: -1px 1px 3px #9b4b04, 1px -2px 1px #ffffff;
-moz-transition : color 1s ease-in -1ms, border-radius 2s ease-in 2ms, border 1s linear -1ms;
-webkit-transition :color 1s ease-in -1ms, border-radius 2s ease-in 2ms, border 1s linear -1ms;
}

td.title:hover {
color: #ffe4aa;
border: 2px #fceac4 solid;
box-shadow: 1px 1px 5px #dac2ae;
border-radius : 40px;
}

td.contenu {
font-family: Monotype Corsiva;
background-color: #fceac4;
border: 2px white dotted;
  box-shadow: 1px 1px 5px #dac2ae;
  -moz-box-shadow: 1px 1px 5px #dac2ae;
  border-radius : 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}
table.pa img {
border: 1px white dotted;
margin-left:5px;
}
table.pa a {
color: #4e4c4c;
text-decoration : none;
}

table.pa a:hover {
color: #fff4dd;
 text-shadow: 1px 1px 3px #939191;
}

div.infobulle{
position: relative;
float: left;
margin-left:18px;
}

div.infobulle span{
display: none;
}

div.infobulle:hover{
background: none;
z-index: 999;
}
  div.infobulle:hover span
{
display: inline;
position: absolute;
top: 10px;
width: 80px;
height:80px;
  text-transform : capitalize;
  text-shadow: 1px 1px 3px #939191;
  text-align : center;
  line-height: 25px;
  color: black;
  padding: 5px;
  background-color : #fef0d1;
  border : 1px black dotted;
 -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
 border-radius: 20px;

}
.contexte.contenu {
color: white;
}

</style>
 </head>
 <!--  Corps, contenu -->
<body>

<table class="pa">

<tr>
<td class="title">Contexte</td>
<td class="title">Staff</td>
<td class="title">Top-Site</td>
</tr>

<tr>
<td rowspan="6" width="300px" class="contenu"><div style="height:300px; overflow:auto;">Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu</div></td>
<td rowspan="2" width="400px" class="contenu"><div class="infobulle"><img src="http://i34.servimg.com/u/f34/17/74/44/60/staff10.png" width="70" height="100"/><span> Fonda <br/><a href="">Profil</a><br/> <a href="">MP</a></span></div><div class="infobulle"><img src="http://i34.servimg.com/u/f34/17/74/44/60/staff10.png" width="70" height="100"/><span> Admin <br/><a href="">Profil</a><br/> <a href="">MP</a></span></div><div class="infobulle"><img src="http://i34.servimg.com/u/f34/17/74/44/60/staff10.png" width="70" height="100"/><span> Admin <br/><a href="">Profil</a> <br/><a href="">MP</a></span></div>

</td>
<td width="190px" height="75px" class="contenu">Contenu</td>
</tr>

<tr>
<td class="title">Liens</td>
</tr>

<tr>
<td class="title">Places Vacantes</td>
<td rowspan="2" class="contenu" height="100px">
<a href="http://...">Lien</a><br/>
<a href="http://...">Lien</a><br/>
<a href="http://...">Lien</a></td>
</tr>

<tr>

<td rowspan="3" class="contenu"><img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/> <img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/> <img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/> <img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/><br/>
<img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/> <img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/> <img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/> <img src="http://i34.servimg.com/u/f34/17/74/44/60/vac10.png" width="55" height="55"/> </td>

</tr>

<tr>


<td class="title">Credits</td>
</tr>

<tr>


<td class="contenu" height="30px">P.A Par :
<a href="http://templactif.org/u223">Reine</a></td>
</tr>

</table>

</body>
</html>


Dernière édition par Admin le Mar 3 Oct - 12:49, édité 2 fois
Revenir en haut Aller en bas
http://eleonor-test.forumpro.fr
Admin
Admin


Messages : 21
Date d'inscription : 01/02/2011

MessageSujet: Re: ♥ Toutes mes P.A ♥   Mar 28 Aoû - 17:15

P.A Fairy - City


Commande sur TA





Code:
<!DOCTYPE HTML>
<html>
<!--  En-tête -->
<head>
 <meta charset="utf-8" />
 <!--  titre -->
 <title> P.A Fairy City </title>
<!-- CSS -->
<style type="text/css">


/* PA */
   
.all {
  background-color: #f5efcf;
  margin: -27px -3px;
width : 750px;
}
   
.tableau {
  font :18px bold;
  font-family: Trebuchet MS;
  text-align: center;
    margin :25px;
  padding: 5px;
  border-spacing: 22px;
  border-collapse: separate;
    -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
}

p {
text-align : center;
  text-transform : capitalize;
  vertical-align : middle;
  font-size: 12px;
  color: black;
  text-shadow: 4px 4px 10px #bdb9bd;
  padding: 5px;
}

.t1 {
    color:#75d8f5;
font-size: 22px;
font-variant: small-caps;
  text-shadow: 1px 1px 3px #0000ff;
  background-color : #c0f4ed ;
  border : 2px #6fe6d6 solid;
 -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
 border-radius :20px;
  padding: 10px;
  width: 300px;
  height: 30px;
 
}

.t2 {
  color:#63cd6e;
font-size: 15px;
    background-color : #aef1b6 ;
  border : 2px #6fe67b solid;
 -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
 border-radius : 15px;
  padding: 10px;
  width: 300px;
  height: 30px;
}

.lien{
  color: #ec80ec;
  text-shadow: 1px 1px 3px #ec80ec;
  background-color : #edd1d7;
  border : 2px #ec80ec solid;
 -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
  padding: 5px;
  width: 150px;
  height: 160px;
}

a.lien2 {
  text-transform : capitalize;
  color: #f5efcf;
  font-weight: bold;
  text-shadow: 1px 1px 3px black;
  text-decoration : none;
}

.empty {
  width: 150px;
  height: 100px;
}


.staff{
  color: #d680ec;
  text-shadow: 1px 1px 4px #d680ec;
      background-color : #efbdfc ;
  border : 2px #d680ec solid;
 -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
  padding: 5px;
  width: 275px;
  height: 160px;
}

  div.infobulle1{
position: relative;
float: left;
}

div.infobulle1 span{
display: none;
}

div.infobulle1:hover{
background: none;
z-index: 999;
}
  div.infobulle1:hover span
{
display: inline;
position: absolute;
top: -15px;
  text-transform : capitalize;
  text-shadow: 1px 1px 3px white;
  text-align : center;
  vertical-align : middle;
  font-size: 12px;
  color: red;
  line-height:30px;
  padding: 5px;
 background-color : #f7d7ff;
  border : 1px #d680ec dotted;
 -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
 border-radius : 20px;
  width: 100px;
height:80px;
}
div.infobulle1:hover span a
{
text-decoration : none;
  text-shadow: 1px 1px 3px white;
  text-align : center;
  color: black;
    padding: 5px;
  border : 1px #d680ec solid;
 -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
 }
.event{
  color: #63cd6e;
  text-shadow: 1px 1px 4px #6fe67b;
    background-color : #aef1b6 ;
  border : 2px #6fe67b solid;
 -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
  padding: 15px;
  height: 120px;
}

.top {
  color: #6fe6d6;
  text-shadow: 1px 1px 4px #6fe6d6;
    background-color : #c0f4ed ;
  border : 2px #6fe6d6 solid;
 -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
  padding: 10px;
}

.part{
color: #ec80ec;
  text-shadow: 1px 1px 4px #ec80ec;
    background-color : #edd1d7 ;
  border : 2px #ec80ec solid;
 -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
  padding: 10px;
  height: 60px;
}
.credit {
color: #d680ec;
  text-shadow: 1px 1px 4px #d680ec;
  border : 2px #d680ec solid;
 -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
 border-radius : 40px;
  padding: 10px;
  height: 60px;
}
p.scro {
  height : 55px;
 overflow: auto;
}


</style>
</head>
<body>
            <div class="all">

<table class="tableau">
<tr>
<td colspan="3" class="t1">
Bienvenue sur Fairy-City {USERNAME}
</td>
</tr>
<tr>
<td colspan="3" class="t2">
Bienvenue à toi dans cet endroit où se détendre et s'amuser est à la base même de son existence... Ne cherchez plus et venez ici, on saura vous accueillir à bras ouvert !
</td>
</tr>
<tr>
<td class="lien">
♪ Liens utiles <br/>
<p><a href="http://fairycityvillage.forumgratuit.org/t5-l-histoire-et-le-contexte" class="lien2">Contexte</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t1-le-reglement" class="lien2">Règlements</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t10-les-especes" class="lien2">Les Races</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t12-les-metiers" class="lien2">Les Métiers</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/f3-fiche-de-presentation" class="lien2">Présentations</a><br/>

<a href="http://fairycityvillage.forumgratuit.org/f16-flood-et-tout-ce-qui-vous-passe-par-la-tete" class="lien2">Section Flood</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/f20-demande-de-rp" class="lien2">de Rp</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t14-logement" class="lien2">de Logements</a><br/>
<br/></p>
</td>
<td class="empty"><p><img src="http://i36.servimg.com/u/f36/17/26/27/57/bienve10.png" /></p>
</td>
<td class="staff">
♪ Staff 
<p> Administrateurs<br/><div class="infobulle1">
<img src="http://i36.servimg.com/u/f36/17/26/27/57/tenshi10.png" style="margin-left:70px;"/>
<span> ¤ Rang : Fonda ¤<br/>
<a href="http://fairycityvillage.forumgratuit.org/u1" class="lienbul">Profil</a>
<a href="http://fairycityvillage.forumgratuit.org/privmsg?mode=post&u=1" class="lienbul">MP</a>
</span>
</div><div class="infobulle1">
<img src="http://i36.servimg.com/u/f36/17/26/27/57/emiya_10.png" style="margin-left:5px;"/>
<span> ¤ Rang : Admin ¤<br/>
<a href="http://fairycityvillage.forumgratuit.org/u54" class="lienbul">Profil</a>
<a href="http://fairycityvillage.forumgratuit.org/privmsg?mode=post&u=54" class="lienbul">MP</a>
</span>
</div>
</p>
<p></p></td>
</tr>
<tr>
<td class="top">
♪ Top site
<p><a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=1601"><img src="http://www.planete-smiley.com/images/Pokemon/pok.219.gif"></a><br/>
Pensez à voter toute les deux heures pour avoir de la vie sur le forum ! Merci.
</p>
</td>
<td colspan="2" class="event">
♪ Événements
<marquee behavior="scroll" direction="up" loop="-1" scrolldelay="200" height="100"><p>- L'event spéciale été est lancé, participez entre vous.<br/>
 - Des rangs ont était installés. <br/>
 - Aeron modérateur choisit pour surveiller la cb en l'absence de deux semaines de Tenshi <br/>
 - Nouveau thème par Choko - Event d'été crée pour l'occasion, hésitez pas à demander.<br/>
 - Le forum vient d'arriver à 50 membres, merci à tous.<br/>
 - Nouveau thème en construction pour le 29/06/12 fait par Choko. Merci.<br/>
 - Nouveau STAFF, deux admins et trois modérateurs. <br/>
 - Ouverture du forum 26/02/12, il y a 50 habitants, et 1089 messages.
</p></marquee></td>
</tr>
<tr>
<td colspan="2" class="part">
♪ Partenaires
<marquee behavior="scroll" direction="left" loop="-1" width="260">
<p><a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
<a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
<a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
<a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
</p></marquee></td>
<td class="credit"> ♪ Crédits <br/>
<p class="scro">
Thème par : Choko. <br/>
Codage P.A par :<br/>
Reine Des Ténèbres sur <a href="http://fairycityvillage.forumgratuit.org/t5-l-histoire-et-le-contexte" class="lien2">Templactif</a>.

 </p></td>
</tr>
</table>
</div>
</body>
</html>
Revenir en haut Aller en bas
http://eleonor-test.forumpro.fr
Admin
Admin


Messages : 21
Date d'inscription : 01/02/2011

MessageSujet: Re: ♥ Toutes mes P.A ♥   Lun 3 Sep - 0:51

PA image Map et onglets


Nouveau thème de GxS


Spoiler:
 

Code:
<!DOCTYPE HTML>
<html>
<!--  En-tête -->
<head>
 <meta charset="utf-8" />
 <!--  titre -->
 <title> PA </title>

 <style type="text/css">
  .all {
  border-left : 3px double #fef9df;
border-right : 3px double #fef9df;
border-bottom : 2px dotted #fef9df;
  border-top: 2px dotted #fef9df;
border-radius : 30px;
      background: #50622f;
       text-align: center;
          width : 770px;
  margin : 10px 0px;
  }
        /* .systab .tab => les onglets */
        .systab .tab {
        padding : 5px;
              color: #000;
          background: #50622f;
            cursor: pointer;
        }
        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected {
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
        margin-right : 10px;
          margin-top: 1px;
          margin-bottom: 1px;
          color: #000;
          background: #50622f;
          padding: 10px;
          width : 750px;
        }

.partenaires {
background-color: #50622f;
  margin :5px;
  padding: 10px;
          width : 650px;
 border-left: 3px #fef9df double;
 border-right: 3px #fef9df double;
 border-radius : 20px;
}
img.part {
    margin-top :-35px;
  padding: 5px;
}

a{
Text-decoration : none;
Color : black;
}

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://eleonor-test.forumpro.fr/10565.js"></script>

</head>

    <body>
 <div class="all">     
<div class="systab s_hover">
  <div class="selected">
    <span><img src="http://nsm05.casimages.com/img/2012/09/02/12090203414112811110273025.png" alt="Bienvenue"/></span>
    <img usemap="#Bienvenue" src="http://nsm05.casimages.com/img/2012/09/02/12090203413912811110273022.png" alt="BienvenueL"/>
<map name="Bienvenue">
<area shape="rect" title="Règlement" coords="99,205,200,253" href="http://www.graphxstyle.com/f1-_reglement">
<area shape="rect" title="Presentation" coords="99,253,200,304" href="http://www.graphxstyle.com/f3-_presentation">
<area shape="rect" title="Nouveautés" coords="99,304,200,352" href="http://www.graphxstyle.com/f48-_nouveaute">
<area shape="rect" title="Recrutement" coords="99,352,200,400" href="http://www.graphxstyle.com/f8-_demandes">
<area shape="rect" title="Style Test" coords="99,400,200,446" href="http://www.graphxstyle.com/f66-_premiere-etape-style-test">
<area shape="rect" title="Tuto" coords="205,205,326,253" href="http://www.graphxstyle.com/f41-_tutoriaux">
<area shape="rect" title="Galerie" coords="205,253,326,304" href="http://www.graphxstyle.com/f16-_galeries">
<area shape="rect" title="Reserve" coords="205,304,326,352" href="http://www.graphxstyle.com/c11-_reserve">
<area shape="rect" title="Shop" coords="205,352,326,400" href="http://www.graphxstyle.com/c10-_shop">
<area shape="rect" title="Concours" coords="205,400,326,446" href="http://www.graphxstyle.com/c14-_concours-co">
</map></div>
  <div>
    <span><img src="http://nsm05.casimages.com/img/2012/09/02/12090203413912811110273023.png" alt="QuiSN"/></span>
   <img src="http://nsm05.casimages.com/img/2012/09/02/12090203414012811110273024.png" alt="admin"/>
  </div>
  </div>
<img src="http://nsm05.casimages.com/img/2012/09/03/12090301424612811110276639.png" class="part"/><center><div class="partenaires"> <marquee direction="left" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();">
          <a href="http://fond-arts.forumactif.org/"><img src="http://i38.servimg.com/u/f38/15/08/58/97/miniba12.png" alt="" /></a>
          <a href="http://www.rosebud.forumactif.biz" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/GAup8.png" border="0" alt="" /></a>
          <a href="http://heartart.forumsgratuits.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/45842282j.png" border="0" alt="" /></a>
          <a href=http://phoenix-wright.xooit.com/><img src="http://img696.imageshack.us/img696/1225/pwlogo10035.png"/></a>
          <a href="http://team-photofiltre.forumactif.com/"><img src="http://img15.hostingpics.net/pics/746265TP2.png"/></a>
          <a href="http://elegance-design.forumactif.com/"><img src="http://img15.hostingpics.net/pics/515684log2v24.png"/></a>
          <a target="_blank" href="http://harrypotter-fanclub.forumdefans.com/"><img src="http://i41.tinypic.com/de6ys0.jpg" border="0"></a>
     <a href="www.manga-destiny.com"><img title="Manga Destiny, toutes vos séries en un clic !" src="http://www.manga-destiny.net/a.gif" alt="Manga Destiny"/></a>
     <a href="http://conception-art.graphforum.com/" /><img src="http://img11.hostingpics.net/pics/340345logo1.png"></a>
     <a href="http://www.never-utopia.com/"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" alt="" /></a>
     <a href="http://www.graphex.org"><img src="http://i54.tinypic.com/hst9x3.png" alt="" /></a>
     <a href="http://guild-of-fairy.meilleurforum.com/"><img src="http://i20.servimg.com/u/f20/16/00/89/90/bouton10.png" alt="" /></a>
     <a href="http://graphique-de-stars.forum-actif.net"><img src="http://i63.servimg.com/u/f63/15/13/44/48/gds_pa11.png" alt="" /></a>
     <a href="http://imagination-concours.forumactif.fr/"><img src="http://img3.imageshack.us/img3/203/logo1bis.png" alt="" /></a>
     <a href="http://ambitious-anthology.e-monsite.com/"><img src="http://img11.hostingpics.net/pics/590483Logo1.png"></a>
     <a href="http://pense-betes.forumactif.com/t100-nos-logos"><img src="http://i61.servimg.com/u/f61/09/01/04/42/untitl55.jpg" alt="" /></a>
     <a href="http://mondanimal.forumactif.biz/forum.htm"><img src="http://moe.malware-site.www/up/moe/2009/07/25/img-220535vprb1.png" alt="" /></a>
     <a href="http://evolution---graph.quickbb.net/portal.htm"><img src="http://illiweb.com/fa/pbucket.gif" alt="" /></a>
     <a href="http://life-maraudeurs.forumactif.org/forum.htm"><img src="http://nsa08.casimages.com/img/2009/07/17/mini_090717034510891309.jpg" alt="" /></a>
     <a href="http://www.ryotopub.probb.fr"><img src="http://moe.malware-site.www/up/moe/2009/07/25/img-19212207mvh.png" alt="" /></a>
     <a href="http://www.sweet-graph.forumactif.com/"><img src="http://i81.servimg.com/u/f81/11/51/91/01/logo13.jpg" alt="" /></a>
     <a href="http://player-forum.forumactif.org"><img src="http://nsm02.casimages.com/img/2009/07/27//090727062929607354141727.gif" alt="" /></a>
     <a href="http://grafik.graphforum.com/forum.htm"><img src="http://i87.servimg.com/u/f87/14/07/18/32/bouton12.png" alt="" /></a>
     <a href="http://gorgeous-art.forumactif.com/forum.htm"><img src="http://moe.malware-site.www/up/moe/2009/07/30/img-124051ftrv1.png" alt="" /></a>
     <a href="http://forumpub.xooit.com"><img src="http://img23.xooimage.com/files/3/7/0/fp_partner-14e1881.png" alt="" /></a>
     <a href="http://passion-du-mangas.forumactif.com/forum.htm"><img src="http://img4.hostingpics.net/pics/982410logo.png" alt="" /></a>
     <a href="http://www.toutetout.fr"><img src="http://www.toutetout.fr/images/ref2.gif" alt="" /></a>
     <a href="http://kobehs.chocoforum.net/"><img src="http://img17.imageshack.us/img17/2476/100fq.png" alt="" /></a>
     <a href="http://kawaii-graph.xooit.fr/"><img src="http://img10.hostingpics.net/pics/108353PetitBoutonKG.png" alt="" /></a>
     <a href="http://graffy.forumsactifs.com/forum.htm"><img src="http://img4.hostingpics.net/pics/508887partenaire1.png" alt="" /></a>
     <a href="http://asian-blabla.forumperso.com"><img src="http://moe.malware-site.www/up/moe/2010/07/16/img-192402et7da.png" alt="" /></a>
     <a href="http://www.graff-hit-dream.com/forum.htm"><img src="http://i62.servimg.com/u/f62/09/02/25/76/pub_1010.png" alt="" /></a>
     <a href="http://mangas-world.creerforums.com/forum.htm"><img src="a href=" alt="" /></a>
     <a href="http://speak.forums-actifs.com/"><img src="http://photo.ma-bimbo.com/7/3481/moy/2784773.jpg" alt="" /></a>
     <a href="http://dgrayman-rebirth.forumactif.org/"><img src="http://img4.hostingpics.net/pics/456773dgraymanpng.png" alt="" /></a>
             <a href="http://www.wonderland-graphics.forumactif.org//"><img src="http://s2.noelshack.com/old/up/w2-0e00306370.gif" alt="" /></a>
          <a href="http://graphpower.graphforum.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/14/47/99/84/button10.jpg" border="0" alt="" /></a>
<a href="http://gfx-art.graphforum.com/" target="_blank"><img src="http://img525.imageshack.us/img525/3651/12pubsite2.png" alt="GFX-Art" border="0" /></a>

   </marquee>
    <br/>
    <a href="http://www.graphxstyle.com/f5-_partenaires" >Plus ?</a>
  </div></center>
<br/>
 </div>
  </body>
</html>

Qui sommes nous non codé jusqu'à MAJ du staff.
Revenir en haut Aller en bas
http://eleonor-test.forumpro.fr
Admin
Admin


Messages : 21
Date d'inscription : 01/02/2011

MessageSujet: Re: ♥ Toutes mes P.A ♥   Mar 3 Oct - 12:48

Message d'accueil Temporaire



Code:
<!DOCTYPE HTML>
<html>
<!--  En-tête -->
<head>
 <meta charset="utf-8" />
 <!--  titre -->
 <title> P.A Gx*S </title>
<!-- CSS -->
<style type="text/css">
table {
width : 550px;
height : 400px;
  text-align: center;
  margin :5px;
  padding:5px;
  border-spacing: 20px;
  border-collapse: separate;
border: 2px white dotted;
background-color: #f2f2f2;
}
td.title {
margin : -5px -10px;
padding: 10px;
color: #000000;
background-color: #fffcf7;
border: 2px #e1e1e1 solid;
box-shadow: 1px 1px 5px #e1e1e1;
border-radius : 40px;
font-variant: small-caps;
font-weight: bold;
font-size: 20px;
font-family: Agency FB;
}

td.accueil {
margin : -5px -10px;
color: #000000;
font-variant: small-caps;
font-weight: bold;
font-size: 40px;
text-shadow: -1px 1px 3px #e1e1e1, 1px -2px 1px #ffffff;
-moz-transition : color 1s ease-in -1ms, border-radius 2s ease-in 2ms, border 1s linear -1ms;
-webkit-transition :color 1s ease-in -1ms, border-radius 2s ease-in 2ms, border 1s linear -1ms;

}

td.contenu {
margin: 5px;
padding: 25px;
text-align: justify;
max-width: 500px;
background-color: #e1e1e1;
border: 2px white dotted;
  box-shadow: 1px 1px 5px #DBDBDB;
  -moz-box-shadow: 1px 1px 5px #DBDBDB;
  border-radius : 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}
img {
width : 600px;
height : 70px;
border: 2px white dotted;
box-shadow: 1px 1px 5px #e1e1e1;
border-radius : 40px;
margin-left:5px;
}

</style>
 </head>
 <!--  Corps, contenu -->
<body>
<table>
<tr>
<td class="accueil"> Graph X* Style
</td>
</tr>
<tr> <td> <img src="http://nsa38.casimages.com/img/2017/08/15/170815025413622444.png" />
</td> </tr>
<tr>
<td class="title">Bienvenue {USERNAME}
</td>
</tr>
<tr>
<td rowspan="6" width="300px" class="contenu"> GXS est un forum de graphisme. Que vous soyez un novice en graphisme ou déjà un pro, ce forum est fait pour vous ! Venez lire les tutoriels afin de progresser, découvrir les créations des autres membres, donner votre avis et montrer vos Créas. Allez exposer vos dessins, textes ou photographies dans des galeries afin de savoir ce qu'en pensent les membres. Rejoignez un clan et faites lui gagner des points. Demandez des cours afin de progresser avec un professeur. Mesurez-vous aux autres membres à travers les battles, concours et signas de la semaine. Enfin, prenez du bon temps en jouant ou papotant dans la partie flood !Amusez-vous bien parmi nous !!!
</td>
</tr>
</table>

</body>
</html>
Revenir en haut Aller en bas
http://eleonor-test.forumpro.fr
Contenu sponsorisé




MessageSujet: Re: ♥ Toutes mes P.A ♥   

Revenir en haut Aller en bas
 
♥ Toutes mes P.A ♥
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» bonjour a toutes et tous
» Fenêtres qui s'ouvrent toutes seules sur internet sous IE et Mozzilla
» Récupérer toutes les touches tapées
» J'ai Pas Internet Sur Toutes Les Session
» Salut à toutes et tous

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mes Thèmes :: Codage :: Code-
Sauter vers: