Page d'acceuil en codage (;

Bonjour , étant une bonne codeuse *JeMeVantePasOk?* , j'aimetai faire une page d'acceuil pour le forum (; . Si ça ne parle pas à Lucile il y en a ume sur Little girls . Avec les "staff" , les "news" etc ...

J'aimerai savoir si ça vous interesse ! (:

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Oui, oui, je vois de quoi tu parles ^^
Ça m' intéresse. (:

Ok merci (; Je vais essayer d'en trouver une qui irai avec le forum et je te la montrerais , je pense que se sera fait pour se soir (;

Code:: <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>PA de Senshine - Cocktail Graph'. (c)</title>
   <script type="text/javascript">
   </script>
<table border="0" align="center">
<tbody>
<tr>
  <td><div class="bloc_staff"><span class="titre_bloc">Staff de GirlZ</span>

  <br ><a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Lucile</a><br />Admin`Fondatrice°<br /><a href="http://girlz.nosfofos.com/u1">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
   <a class="infostaff"><img src="http://r24.imgfast.net/users/2916/52/04/68/avatars/1-12.jpg" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">EnjoyHorse</a><br />Modératrice°<br /><a href="http://girlz.nosfofos.com/u3">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
   <a class="infostaff"><img src="http://r24.imgfast.net/users/2916/52/04/68/avatars/3-70.jpg" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center><br />
   <a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
   <a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
   <a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center></div></td>
<td> <br /> <br /></td>
  <td><div class="bloc_contexte"><span class="titre_bloc">Contexte</span><div>GirlZ est un forum pour fille , d'amitié , d'entraide , de rigolade et de jeux . Rejoins-nous ! (:
   </div></td></div>
  <td> <br /><br /></td>
   <td><div class="bloc_new"><span class="titre_bloc">New du fofo' !</span><div class="bloc_newsdef">
10/08/2013 » Ouverture du forum ! <br />
   14/08/2013 » Création de la catégories jeux !<br />
   jj/mm/aaaa » Réponse<br />
   jj/mm/aaaa » Réponse<br />
   jj/mm/aaaa » Réponse<br />
   jj/mm/aaaa » Réponse<br />
</div></td>
</tr>
</tbody>
   <table border="0" align="center">
<tbody>
<tr>
  <td><div class="bloc_partenaires"><span class="titre_bloc">Partenaires</span><br />

  <br ><marquee onmouseout="this.start();" onmouseover="this.stop();" direction="right"><img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"></marquee</div>
<td> <br /> <br /></td>
  <td><div class="bloc_crédits"><span class="titre_bloc">Crédits</span><div class="bloc_créditsdef">
   Page d'acceuil réaliser par June. de GirlZ par une création de Senshine de <a href="http://www.cocktail-graph.com/">Cocktail Graph'</a>. ©
</div>
</tr>
</tbody>
</table>

Donc sa tu le met dans «Affichage» , gemeralité et tu met oui pour afficher la page d'acceuil puis tu copie ça (;

Ca tu le met dans "Affichage" , "couleur" , feuille de style CSS et tu colle ça .

Code:: <style type="text/css">

a.infostaff span {
  display: none;
}
a.infostaff:hover {
  background: none;
z-index: 999;
}
a.infostaff:hover span {
  display: inline;
position: absolute;
  white-space: nowrap;

  background: #48BEBF;
  color: #326E7F;
  padding: 3px;
  border-right: 3px solid #326E7F;
  border-left: 3px solid #326E7F;
  width: 120px;
  height: 84px;
  margin-left: -90px;
  font-family: 'Patrick Hand SC', cursive;
  border-radius: 10px;
}

.bloc_staff {
  width: 300px;
  height: 235px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
}

.bloc_contexte {
  width: 320px;
  height: 235px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
  font-family: 'Patrick Hand SC', cursive;
}

.bloc_contextedef {
  width: 319px;
  height: 204px;
  overflow: auto;
}

.bloc_crédits {
  width: 372px;
  height: 110px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
  font-family: 'Patrick Hand SC', cursive;
}

.bloc_newsdef {
  width: 179px;
  height: 204px;
  overflow: auto;
}

.bloc_partenaires {
  width: 450px;
  height: 110px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
}

.bloc_new {
  width: 180px;
  height: 235px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
  font-family: 'Patrick Hand SC', cursive;
}

.bloc_créditsdef {
  width: 371px;
  height: 80px;
  overflow: auto;
}

.titre_bloc {
  font-family: 'Quattrocento Sans', sans-serif;
  text-shadow: 1px 1px 0px #e2e2e2;
  font-size: 24px;
  letter-spacing:6px;
}

</style>

Code:: <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PA de Senshine - Cocktail Graph'. (c)</title>
<script type="text/javascript">
</script>
<table border="0" align="center">
<tbody>
<tr>
<td><div class="bloc_staff"><span class="titre_bloc">Staff de GirlZ</span>

<br ><a class="infostaff"><http://r24.imgfast.net/users/2916/52/04/68/avatars/1-12.jpg" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Lucile</a><br />Admin`Fondatrice°<br /><a href="http://girlz.nosfofos.com/u1">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="http://r24.imgfast.net/users/2916/52/04/68/avatars/3-70.jpg" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">EnjoyHorse</a><br />Modératrice°<br /><a href="http://girlz.nosfofos.com/u3">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center><br />
<a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center></div></td>
<td> <br /> <br /></td>
<td><div class="bloc_contexte"><span class="titre_bloc">Contexte</span><div>GirlZ est un forum pour fille , d'amitié , d'entraide , de rigolade et de jeux . Rejoins-nous ! (:
</div></td></div>
<td> <br /><br /></td>
<td><div class="bloc_new"><span class="titre_bloc">New du fofo' !</span><div class="bloc_newsdef">
10/08/2013 » Ouverture du forum ! <br />
14/08/2013 » Création de la catégories jeux !<br />
jj/mm/aaaa » Réponse<br />
jj/mm/aaaa » Réponse<br />
jj/mm/aaaa » Réponse<br />
jj/mm/aaaa » Réponse<br />
</div></td>
</tr>
</tbody>
<table border="0" align="center">
<tbody>
<tr>
<td><div class="bloc_partenaires"><span class="titre_bloc">Partenaires</span><br />

<br ><marquee onmouseout="this.start();" onmouseover="this.stop();" direction="right"><img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"></marquee</div>
<td> <br /> <br /></td>
<td><div class="bloc_crédits"><span class="titre_bloc">Crédits</span><div class="bloc_créditsdef">
Page d'acceuil réaliser par June. de GirlZ par une création de Senshine de <a href="http://www.cocktail-graph.com/">Cocktail Graph'</a>. ©
</div>
</tr>
</tbody>
</table>

Voilà le nouveau que tu dois mettre dans "Affichage " "généralité" puis dans le truc de page d'acceuil . Je m'étais trompé quelque part .

Bon Lucile , cela c'est la dernière et le bonne xD

Code:: <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PA de Senshine - Cocktail Graph'. (c)</title>
<script type="text/javascript">
</script>
<table border="0" align="center">
<tbody>
<tr>
<td><div class="bloc_staff"><span class="titre_bloc">Staff de GirlZ</span>

<br ><a class="infostaff"><img src="http://r24.imgfast.net/users/2916/52/04/68/avatars/1-12.jpg" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Lucile</a><br />Admin`Fondatrice°<br /><a href="http://girlz.nosfofos.com/u1">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="http://r24.imgfast.net/users/2916/52/04/68/avatars/3-70.jpg" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">EnjoyHorse</a><br />Modératrice°<br /><a href="http://girlz.nosfofos.com/u3">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center><br />
<a class="infostaff"><img src="img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center>
<a class="infostaff"><img src="http://upz.fr/Rh9rX.png" width="90" height="90"><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="infostaff">Name</a><br />Rang<br /><a href="LIEN">Profil</a> - <a href="LIEN">MP</a></td></tr></tbody></table></span></a></center></div></td>
<td> <br /> <br /></td>
<td><div class="bloc_contexte"><span class="titre_bloc">Contexte</span><div>GirlZ est un forum pour fille , d'amitié , d'entraide , de rigolade et de jeux . Rejoins-nous ! (:
</div></td></div>
<td> <br /><br /></td>
<td><div class="bloc_new"><span class="titre_bloc">New du fofo' !</span><div class="bloc_newsdef">
10/08/2013 » Ouverture du forum ! <br />
14/08/2013 » Création de la catégories jeux !<br />
jj/mm/aaaa » Réponse<br />
jj/mm/aaaa » Réponse<br />
jj/mm/aaaa » Réponse<br />
jj/mm/aaaa » Réponse<br />
</div></td>
</tr>
</tbody>
<table border="0" align="center">
<tbody>
<tr>
<td><div class="bloc_partenaires"><span class="titre_bloc">Partenaires</span><br />

<br ><marquee onmouseout="this.start();" onmouseover="this.stop();" direction="right"><img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"> <img src="http://upz.fr/D3q8P.png" href="LIEN"></marquee</div>
<td> <br /> <br /></td>
<td><div class="bloc_crédits"><span class="titre_bloc">Crédits</span><div class="bloc_créditsdef">
Page d'acceuil réaliser par June. de GirlZ par une création de Senshine de <a href="http://www.cocktail-graph.com/">Cocktail Graph'</a>. ©
</div>
</tr>
</tbody>
</table>

POUR LUCILE :
Quand tu change le theme le CSS s'enlève , remets le et c'est bon (;

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Ah d' accord merci! (:
Je le ferai quand je serai sur mon ordi ( c' est dire demain)

De rien , pas de soucii .

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Zut, j' arrive pas à le remettre. :/

Je m'en occuper si tu veux .

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Je veux bien. Par contre, il faut que aies accès au panneau d' admin, non?

Oui , j'ai juste a mettre le CSS et c'est bon . (:

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Je te mets en admin (:

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Voilouche :3

Okay , je te mets le CSS et tu pourra m'enlever (;

Gééénial . Cet abruti de telephone ne veut pas donc Lucile il faut que tu copie/colle exactement cela (sinon jepourrai normalement m'en charger cet après-midi)

<style type="text/css">

a.infostaff span {
  display: none;
}
a.infostaff:hover {
  background: none;
z-index: 999;
}
a.infostaff:hover span {
  display: inline;
position: absolute;
  white-space: nowrap;

  background: #48BEBF;
  color: #326E7F;
  padding: 3px;
  border-right: 3px solid #326E7F;
  border-left: 3px solid #326E7F;
  width: 120px;
  height: 84px;
  margin-left: -90px;
  font-family: 'Patrick Hand SC', cursive;
  border-radius: 10px;
}

.bloc_staff {
  width: 300px;
  height: 235px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
}

.bloc_contexte {
  width: 320px;
  height: 235px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
  font-family: 'Patrick Hand SC', cursive;
}

.bloc_contextedef {
  width: 319px;
  height: 204px;
  overflow: auto;
}

.bloc_crédits {
  width: 372px;
  height: 110px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
  font-family: 'Patrick Hand SC', cursive;
}

.bloc_newsdef {
  width: 179px;
  height: 204px;
  overflow: auto;
}

.bloc_partenaires {
  width: 450px;
  height: 110px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
}

.bloc_new {
  width: 180px;
  height: 235px;
  text-align: center;
  border-right: solid 3px #326E7F;
  border-left: solid 3px #326E7F;
  overflow: auto;
  padding: 4px;
  background: #4CA5BF;
  font-family: 'Patrick Hand SC', cursive;
}

.bloc_créditsdef {
  width: 371px;
  height: 80px;
  overflow: auto;
}

.titre_bloc {
  font-family: 'Quattrocento Sans', sans-serif;
  text-shadow: 1px 1px 0px #e2e2e2;
  font-size: 24px;
  letter-spacing:6px;
}

</style>

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Je vais essayer :3

Admin Messages : 199 Date d'inscription : 10/08/2013 Age : 24

Voilààà, j' ai réussi, merci! (:

Avec plaaasir !