Roromiya Karuta Débutante du forum
Messages : 53 Date d'inscription : 21/08/2013 Localisation : Au Monde des Pokémons
| Sujet: Page D'accueil . Mer 21 Aoû - 22:59 | |
| Coucou, une petite page d'accueil que j'ai faite pour le forum . Pour la page d'accueil, ► Panneau d'administration► Affichage► Page d'Accueil► Généralité► Message sur la page d'accueil► ContenuEt bien sûr, Le code : - Code:
-
<table width="100%"> <tr> <td width="20%"><a href="http://bulle-de-filles.forumactif.org/t1-les-regles" class="linknav">Règlement</a></td> <td width="20%"><a href="http://bulle-de-filles.forumactif.org/f3-presentations" class="linknav">Présentations</a></td> <td width="20%"><a href="http://bulle-de-filles.forumactif.org/f6-vos-idees" class="linknav">Des idées ?</a></td> <td width="20%"><a href="http://bulle-de-filles.forumactif.org/f8-recrutement" class="linknav">Recrutement</a></td> <td width="20%"><a href="http://bulle-de-filles.forumactif.org/f7-aides" class="linknav">Besoin D'aide ?</a></td> </tr><tr> <td style="vertical-align:top;" align="center"> <div class="titre">ADMINISTRATION</div> <table><tr> <td><div class="thumbnail"> <img src="http://i71.servimg.com/u/f71/18/48/61/82/abcd1_11.jpg"> <span><div class="tstaff" align="center"> Fonda' Surpuissante
<img src="http://i71.servimg.com/u/f71/18/48/61/82/abcd1_11.jpg"><br> <a href="http://bulle-de-filles.forumactif.org/u1">Profil</a> - <a href="http://bulle-de-filles.forumactif.org/privmsg?mode=post&u=1">MP</a> </div></span> </div></td> <td><div class="thumbnail"> <img src="http://i71.servimg.com/u/f71/18/48/61/82/abcd2_10.jpg"> <span> ADMINE - ACTIVE<div class="tstaff" align="center">
<img src="http://i71.servimg.com/u/f71/18/48/61/82/abcd2_10.jpg"><br> <a href="http://bulle-de-filles.forumactif.org/u14">Profil</a>, <a href="http://bulle-de-filles.forumactif.org/privmsg?mode=post&u=14">MP</a> </div></span> </div></td> </tr></table> </td> <td colspan="2" style="vertical-align:top;"> <div class="titre">contexte Du Forum</div> <div class="content" align="justify"> U svijetu se odlučite najjači u više frakcija ili samo preživjeti, žene su gospodarica čitavog čovječanstva. Neki smanjuju ljude u ropstvo, as druge bi svoje osobne zabave. Stanovnik ili magija, žene koriste svoje darove da ozdravi bilo kakve ozljede, smrt ili ne, oni su tzv su besmrtni.
S jedne strane, žene mijenjaju svoja tijela pomičući svoje mišljenje, oni su u mogućnosti da utječu na neke ljude. Oni mogu pozvati alkohola njegu ili pomoć borben za njegovatelja može duhovi spasio od kobne ozljede. Oni se bore s mačevima, ali su zavidne protivnici. Zvali Prisma. Njihovi muškarci također mogu koristiti ove sposobnosti za potporu za lov ili kao zabavu. Neki su čak i pomicanje u stranu duha u drugom tijelu. </div> </td> <td colspan="2" style="vertical-align:top;"> <div class="titre">Nouveautés de Bulle de Filles .</div> <div class="content" align="center"> <img src="http://i71.servimg.com/u/f71/18/48/61/82/le_bla10.jpg" alt="meteo"> </div> </td> </tr>
Qui nous donneras un aperçu de .. Sa : Mais pour le rendre un peu plus beau, Suivez ces Instructions : ► Panneau d'administration► Affichage► Images et couleurs ► Couleurs► Feuille de style cssEt le code : - Code:
-
/*DEBUT PAGE D'ACCUEIL*/[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .linknav {[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] display:block;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] background-color: #000000;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] margin:5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] padding:5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] color: #DB9744 !important;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-align: center;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-transform: uppercase;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-decoration: none;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] border: 2px solid #DAE698;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -moz-border-radius:10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -webkit-border-radius:10px;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .titre {[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] display:block;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] background-color: #000000;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] padding:5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] margin:5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] color: #DB9744;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-align:center;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-transform:uppercase;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] border: 1px solid #DAE698;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] border-left:5px solid #DB9744;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -moz-border-radius-topright: 10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -moz-border-radius-bottomleft:10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -webkit-border-radius-topright: 10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -webkit-border-radius-bottomleft:10px;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .content {[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] display:block;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] height:150px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] overflow:auto;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] background-color: #000000;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] padding:5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] margin:5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] color: #ffffff;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] border: 1px solid #DAE698;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -moz-border-radius-topleft: 10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -moz-border-radius-bottomleft:10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -webkit-border-radius-topleft: 10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] -webkit-border-radius-bottomleft:10px;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] /*CODAGE INFOBULLES STAFF*/[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .tstaff{font-size:1em;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .thumbnail{position: relative;z-index: 0;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .thumbnail:hover{background-color: transparent;z-index: 50;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .thumbnail span{[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] position: absolute;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] background-color: #303030;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] padding: 5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] left: -1000px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] visibility: hidden;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] color: #DB9744;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-transform:uppercase;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .thumbnail span img{padding: 2px;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] .thumbnail:hover span{[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] visibility: visible;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] top: 15px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] left: 25px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] width: 150px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] padding:5px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] border: 1px solid #DAE698;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] /*CODAGE INFOBULLES PREDEFINIS*/[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] a.info {[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] position: relative;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] color: #DB9744;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] font-size:10px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-decoration: none;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] a.info span {display: none; /* on masque l'infobulle */}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] a.info:hover {[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] background: none; /* correction d'un bug IE */[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] z-index: 999; /* on définit une valeur pour l'ordre d'affichage */[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] cursor: help; /* on change le curseur par défaut en curseur d'aide */}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] a.info:hover span {[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] width:200px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] display: inline; /* on affiche l'infobulle */[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] position: absolute;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] top: -50px; /* on positionne notre infobulle */[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] left: 20px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] background-color: #303030;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] color: #DB9744; [color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] text-align:center; [color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] padding: 2px;[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] border: 1px solid #DAE698;}[color=#9ccccf][font=Courier, CourierNew, sans-serif][/font][/color] /*FIN PAGE D'ACCUEIL*/ Et à la fin, Le Tout donneras : Une belle Page D'accueil !Le petite Nouvelle Cherche à se faire Une petite Place ont dirais !Merci à Mitsakune de Elegance Temptation pour le tout ! | |
|