AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Modification - Page d'Acceuil - FAIRY KINDGOM

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Nebouille Patatouille

Messages : 136
Date d'inscription : 25/01/2012

MessageSujet: Modification - Page d'Acceuil - FAIRY KINDGOM   Mer 22 Aoû - 11:09

Code:
<div id="EnTete"><div style="background-image:url('http://img15.hostingpics.net/pics/210661Motif.png');  border: 8px solid #fff ; border-right:5px #fff solid; width: 800px; height: auto; box-shadow: 0px 0px 6px #666; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;"><div class="titre">Bienvenue chez les fous !</div><br><br>

<table style="width:780px;"><tr><td style="width:150px;"> <div class="navigation"><a href="http://fairy-kingdon.forumdeouf.com/t79-reglement-parce-que-sans-ca-on-est-dans-la-merde">Reglement</a></div><div class="navigation"><a href="http://">Contexte</a></div><div class="navigation"><a href="http://fairy-kingdon.forumdeouf.com/f10-les-postes-vacants">Predef's</a></div><div class="navigation"><a href="http://fairy-kingdon.forumdeouf.com/t3-recensement-moi-je-suis-celui-laaaaa">Bottin</a></div><div class="navigation"><a href="http://fairy-kingdon.forumdeouf.com/t56-staff-mwuahahaha-on-est-chtarbe-8d-uc">Staff</a></div><div class="navigation"><a href="http://fairy-kingdon.forumdeouf.com/f51-pub-partenariat">Partenariat ?</a></div></td><div id="Bande"><span class="titre2">Fairy Kindgom</span></div>

<td style="width:440px;"><div class="presentation"><p>

Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante. Quisque sodales sollicitudin nunc at porta. Integer convallis mollis arcu, id cursus risus venenatis ac. Sed gravida, magna et molestie tempor, ante eros dignissim enim, sit amet volutpat elit nulla sit amet magna.<br /> Fusce varius, tellus eget tincidunt semper, quam magna tincidunt nisl, imperdiet condimentum lectus orci et neque. Nullam et erat quam, ac condimentum magna. Donec lobortis dapibus eros, vitae blandit felis faucibus eu. Nulla ipsum velit, posuere vel malesuada eu, rutrum et odio. Maecenas arcu augue, blandit a porta sit amet, vulputate non purus. Nullam quis elit quis sem blandit varius sit amet vitae lacus. Suspendisse potenti. Suspendisse fringilla lacinia sagittis.

</p></div></td>

<td style="width:190px"><p> </p><div class="annonces"><span class="titre3">Annonces</span><p><marquee class="html-marquee" direction="up" scrollamount="3"  onmouseover=this.stop(); onmouseout=this.start();>

➜ <b>9 avril 2012</b> ▬ Le forum ouvre ses portes !</br></br>
➜ <b>18 aout 2012</b> ▬ Aprés une periode d'inactivité, FK reprend de la bête avec pas mal de nouveautés ! Pour plus d'info, <a href="http://">look here guys</a> !</br></br>
➜ <b>19 aout 2012</b> ▬ Un tout nouveau design signée Neb Art !</br></br>
➜ <b>20 aout 2012</b> ▬ Et on enchaine avec une nouvelle PA de Mimizz, provenant d'Epi-code ! Merci a elle ♥.

</marquee></p></div></td></tr></table><br>

 
<center><div class="partenaires"><p><marquee class="html-marquee2" direction="left" scrollamount="3" onmouseover=this.stop(); onmouseout=this.start();>

<a href="http://fairy-kingdon.forumdeouf.com/" target="_blank"><img src="http://illiweb.com/fa/pbucket.gif"></a> <a href="http://fairy-kingdon.forumdeouf.com/f51-pub-partenariat" target="_blank"><img src="http://illiweb.com/fa/pbucket.gif"></a>

</marquee></p></div></center><div class="credits">Codage by <a href="http://graph-forum.forumactif.com" target="_blank"><b>mimizZ</b></a> | Tout droit réservé</div></div></div><br><br><br><br><br><br>

Code:
/* ***************** CSS DE LA PAGE D'ACCUEIL ********************
                  by mimizZ | www.graph-forum.com
  Droit à la modification des couleurs et du fond uniquement
****************************************************************** */

#EnTete {
  position:relative;
  /* largeur et hauteur de l'image */
  width:800px;
  height:500px;
}

#EnTete #Bande {
  position:absolute;
  /* positionnement de la bande par rapport à la page d'accueil */
 left:119px;
  top:100px;
  /* largeur et hauteur de la bande */
  width:531px;
  height:72px;
  background-image: url('http://img15.hostingpics.net/pics/776869Bandeau.png'); 
}

.titre2 { /* TITRE "PRÉSENTATION */
  position:absolute;
  /* positionnement de la banche par rapport à l'image */
  left:175px;
  top:16px;
  font-family:Helvetica Neue;
  text-transform:uppercase;
  color:#535353;
  font-weight:bold;
  font-size:24px;
  letter-spacing:-1px;
  text-shadow:1px 1px 1px #fff;
  }

.titre2:hover {color:#5DCFD2;}

a:link{ cursor:  pointer;}
a, a:hover {text-decoration:none;}


.titre { /* TITRE " BIENVENUE SUR LE FORUM " */
  font-family:Helvetica Neue;
  text-transform:uppercase;
  letter-spacing:-1px;
  font-weight:bold;
  font-size:38px;
  color:#eeeeee;
  text-shadow: 1px 2px 1px #c3c3c3;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 40px;
  -moz-border-radius-bottomleft: 40px;
  border-radius: 10px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-color:#909090;
  border-bottom: 3px solid #cccccc;
  padding:5px;
  }

.titre:hover {letter-spacing:0px;}

.presentation { /* CADRE TURQUOISE " PRÉSENTATION " */
  margin-right:-4px;
    margin-left:-10px;
  background-color:#6BDDCF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  box-shadow: 0px 0px 5px #000;
  width:430px;
  height:auto;
  padding-bottom:8px;
  padding-left:16px;
  padding-right:16px;
  padding-top:50px;
  }

.presentation p { /* ZONE DE TEXTE PRÉSENTATION */
  background-color:#FFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border-bottom: 3px solid #99D6D3;
  border-left: 3px solid #99D6D3;
  border-right: 3px solid #99D6D3;
  color:#666;
  font-family:calibri;
  font-size:13px;
  text-align:justify;
  padding:20px;
  }

.navigation { /* LIENS */
  font-family:"Courier New", Courier, monospace;
  text-transform:uppercase;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:125px;
  background-color:#D31F1F; 
  font-size:12px;
  text-align:center;
  text-shadow:0px 0px 3px #666;
  margin-left:15px;
  margin-top:12px;
  padding: 3px;
  border-bottom:2px solid #EB3939;
  }

.navigation:hover {
  background-color:#AB2243;
  text-shadow:0px 0px 3px #fff;
  letter-spacing:1px;
  border-bottom:2px solid #C33358;
  }

.navigation a {color:#FFFFFF} /* COULEUR DES LIENS */
.navigation a:hover {color:#FFFFFF} /* COULEUR DES LIENS AU SURVOL */
 
.annonces { /* ANNONCES QUI DÉFILENT */
  width:170px;
  max-height:185px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color:#7022B2;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:10px;
  box-shadow: 1px 0px 4px #000;
  border-left:thin solid #000;
  text-align:center;
    }

.titre3 { /* TITRE " ANNONCE " */
  color:#9178D1;
  font-size:19px;
  font-family:helvetica neue;
  text-transform:uppercase;
  letter-spacing:-1px;
  font-weight:bold;
  text-align:center;
  text-shadow: 2px 2px 1px #7156B9;
  }

.titre3:hover {
  color:#A590DC;
  letter-spacing:0px;
  }

.annonces p { /* ZONE DE TEXTE " ANNONCES */
  color:#666;
  font-family:calibri;
  font-size:13px;
  background-color:#FFF;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align:justify;
  padding:8px;
  border-right:3px solid #d6c8f5;
  border-bottom:3px solid #d6c8f5;
  }

.html-marquee {height:125px;} /* PERMET DE LE DÉFILEMENT DES ANNONCES, NE PAS TOUCHER ! */
.html-marquee2 {height:31px;} /* PERMET DE LE DÉFILEMENT DES PARTENAIRES, NE PAS TOUCHER ! */


.partenaires { /* CADRE DES PARTENAIRES + TITRE */
  width:500px;
  background-color:#CEDCE2;
  box-shadow: 0px 0px 5px #000;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding-left:250px;
  padding-right:10px;
  padding-top:1px;
  padding-bottom:1px;
  background-image: url('http://illiweb.com/fa/pbucket.gif');
  background-repeat:no-repeat;
  background-position: left center;
  }

.partenaires p { /* ZONE OÙ LES LOGOS SONT MIS */
  background-color:#FFF;
  height:31px;
  padding:6px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border-bottom: 3px solid #E7F8F8;
  border-right: 3px solid #E7F8F8;
  border-left: 3px solid #E7F8F8
  }

.partenaires img { /* OMBRE PORTÉE SUR LES LOGOS DE PARTENARIAT */
  box-shadow: 0px 0px 4px #999; }
 
.credits { /* NE PAS ENLEVER ! */
  font-family:calibri;
  font-size:12px;
  color:#b5b5b5;
  padding:10px;
  text-shadow: 0px 0px 4px #000;
  text-align:center; }
.credits a {color:#e2007a;}
.credits a:hover {color:#ea69a0;}
 
/* ********************* FIN DU CODE DE LA PA ********************* */
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://jesuisunforumtest.jdrforum.com
 

Modification - Page d'Acceuil - FAIRY KINDGOM

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» PAGE D'ACCEUIL
» Page d'acceuil > Thème "Sondage"
» [RESOLU] Forcer "My location" à une position (pour météo en page d'accueil)
» [INFO] Comment enlever le rectangle gris derriere l'horloge ? page d'acceuil
» [INFO] comment avoir la page d'accueil sfr et la tv avec un acer f900

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Neb Art Test 8D :: Je suis une categorie.

 :: Je suis une archive. :: Codage
-