Admin Admin
Messages : 25Date d'inscription : 06/04/2013 Sujet: Page D'acceuil Sam 13 Avr - 17:32 Nouveautés
• FORUM MANGA • DÉCONSEILLÉ AUX MOINS DE 16 ANS • RECENSEMENT EN COURS • FORUM REFAIT À NEUF ! • qu'est-ce que ce forum ?
Bienvenue parmi nous
2013.04.12 ▬ Les nouveautés et annonces en texte ici ! 2013.04.12 ▬ Les nouveautés et annonces en texte ici ! 2013.04.12 ▬ Les nouveautés et annonces en texte ici !
concours & annonces
VOTEZ TOUTES LES DEUX HEURES. Codage inspiré par LG top-sites & navigation
nos top-partenaires
Dernière édition par Admin le Mer 13 Fév - 12:49, édité 1 fois
Admin Admin
Messages : 25Date d'inscription : 06/04/2013 Sujet: Re: Page D'acceuil Lun 30 Nov - 20:43 P.A ACTUELLE
Code: <center> <img alt="" border="0" src="http://img11.hostingpics.net/pics/682653bienvenue.png" /> </center> <table> <tbody> <tr> <td> <div class="titrepa"> Les nouvelles </div> <div class="block block-welcome"> <div class="chut"> <marquee style="" scrollamount="1" direction="up"> <p> ▬ Il neige dehors !<br />▬ Les moules sont moches.<br />▬ Les oiseaux ont éclos.<br />▬ On a lu un livre.<br />▬ Une vitre s'est pétée.<br />▬ Les toilettes sont débouchées !<br />▬ Un nouveau membre arrive.<br />▬ Un nouvel espace skyso est ouvert.<br />▬ Lolo a un nouveau baume.<br />▬ Le chat est mort.<br />▬ Nous avons de l’essence !<br />▬ Bobby a perdu une dent.<br />▬ Les toilettes sont rebouchées. :/<br />▬ Nous accueillons Marie.<br />▬ Valentine a pleuré.<br />▬ Chi a la colique ! </p> </marquee> <br /> </div> </div> </td> <td> <div class="titrepa"> Le Staff </div> <div class="block block-staff"> <center> <span class="infoadmins"><img src="http://img11.hostingpics.net/pics/874642icon1.png" class="opacite" /><span class="bulle"></span></span> <div style="padding: 1px; margin-bottom: -5px; font-size: 25px; font-family: 'Times New Roman'; font-style: italic; letter-spacing: -2px; text-shadow: rgb(255, 255, 255) 0px 0px 5px; text-decoration: none !important;"> Pocky - Fondatrice </div><span class="infoadmins"><span class="bulle"><img alt="" border="0" src="http://img11.hostingpics.net/pics/7359151365872808pzudfi1wu3a5iamxz43itlsuvm22.png" class="opacite" /><br /><a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/u1">Profil</a> - <a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/privmsg?mode=post&u=1"> MP </a></span></span>><span class="infoadmins"><img src="IMAGE" class="opacite" /><span class="bulle"></span></span> <div style="padding: 1px; margin-bottom: -5px; font-size: 25px; font-family: 'Times New Roman'; font-style: italic; letter-spacing: -2px; text-shadow: rgb(255, 255, 255) 0px 0px 5px; text-decoration: none !important;"> Tsuki - Administratrice </div><span class="infoadmins"><span class="bulle"><img alt="" border="0" src="IMAGE " class="opacite" /><br /><a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/u1">Profil</a> - <a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/privmsg?mode=post&u=1"> MP </a></span></span>><span class="infoadmins"><img src="IMAGE" class="opacite" /><span class="bulle"></span></span> <div style="padding: 1px; margin-bottom: -5px; font-size: 25px; font-family: 'Times New Roman'; font-style: italic; letter-spacing: -2px; text-shadow: rgb(255, 255, 255) 0px 0px 5px; text-decoration: none !important;"> Ash' - Modératrice ou Admin </div><span class="infoadmins"><span class="bulle"><img alt="" border="0" src="IMAGE" class="opacite" /><br /><a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/u1">Profil</a> - <a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/privmsg?mode=post&u=1"> MP </a></span></span>><span class="infoadmins"><img src="http://img11.hostingpics.net/pics/699183icon2.png" class="opacite" /><span class="bulle"></span></span> <div style="padding: 1px; margin-bottom: -5px; font-size: 25px; font-family: 'Times New Roman'; font-style: italic; letter-spacing: -2px; text-shadow: rgb(255, 255, 255) 0px 0px 5px; text-decoration: none !important;"> Kita - Graphiste </div><span class="infoadmins"><span class="bulle"><img alt="" border="0" src="http://img11.hostingpics.net/pics/3545741365872808pzudfi1wu3a5iamxz43itlsuvm2.png" class="opacite" /><br /><a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/u1">Profil</a> - <a target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/privmsg?mode=post&u=1"> MP </a></span></span> <center> <div class="menunav"> <a rel="nofollow" target="_blank" class="postlink" href="http://wolftemporale.forumgratuit.org/t27-histoire">Voir tout le Staff ? </a> </div> </center><br /> </center> </div> </td> </tr> </tbody> </table><br /> <center> <img alt="" border="0" src="http://img11.hostingpics.net/pics/510942bienvenue2.png" /> </center> <table> <tbody> <tr> <td> <div class="titrepa"> Nos Amis </div> <div class="block block-partenaires"> <a href="http://land-of-the-wolves.fra.co/"> <img src="http://uprapide.com/images/invite/788516dunetopaz--3-.png" /> </a> <a href="LIEN_PARTENAIRE"> <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" /> </a> <a href="LIEN_PARTENAIRE"> <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" /> </a> <br /> <center> <div class="menunav"> <a class="postlink" href="http://wolftemporale.forumgratuit.org/t94-petite-regle-de-partenaire?tid=8cf8466818c1c5a44b94868b792a8dae">Les autres ?</a> <a class="postlink" href="http://wolftemporale.forumgratuit.org/f40-partenaria-pub?tid=8cf8466818c1c5a44b94868b792a8dae">Le devenir ?</a> </div> </center> <br /> </div> </td> <td> <div class="titrepa"> Liens Utiles </div> <div class="block block-nouveautes"> <div> <div align="justify"> <div class="menunav"> <a class="postlink" href="http://marshmallowproject.asiat-world.com/t3-quelques-petites-explications"> Histoire</a> </div> <div class="menunav"> <a class="postlink" href="http://marshmallowproject.asiat-world.com/t1-reglement">Règlement</a> </div> <div class="menunav"> <a class="postlink" href="http://marshmallowproject.asiat-world.com/f2-presente-toi-d"> Présentation</a> </div> <div class="menunav"> </div> <div class="menunav"> <a class="postlink" href="http://wolftemporale.forumgratuit.org/f40-partenariat-pub"> Partenariats & Pub</a> </div> <div class="menunav"> <a class="postlink" href="http://wolftemporale.forumgratuit.org/f3-coin-des-invites"> Coin des Invités</a> </div> </div> </div> </div> </td> <td> <div class="titrepa"> Crédits </div> <div class="block block-credits"> <div> Forum administrer par: <strong>Truc, Bidule, Machin et Chose</strong><br /> Thème V.3 par<strong>Kita</strong><br />Codage et Page d’accueil par <strong>Ichigo Flaky</strong><br /><br /> </div> </div> </td> </tr> </tbody> </table>
Admin Admin
Messages : 25Date d'inscription : 06/04/2013 Sujet: Re: Page D'acceuil Lun 30 Nov - 20:54 FEUILLE DE STYLE POUR ALLER AVEC LA P.A
Code: .block, .titre, .lien { background-repeat: no-repeat; padding:5px; background-position:center; background-color : #c3b19a; box-shadow: 0px 0px 2px #000000; } .block, .lien { text-align: center; padding: 10px; } td { vertical-align: top; } /* Images */ .block-partenaires img, .thumbnail > div { -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; -htm-transition: opacity 1s; transition: opacity 1s; } .block-partenaires img { width: 99px; height: 41px; padding: 1px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .block-partenaires img:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .thumbnail { position: absolute; z-index: 0; margin:1px; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail > div { position: absolute; left: -2000px; padding: 5px; margin: auto; background-color: #000000; color: #ffffff; text-shadow: 0px 0px 8px #000000; border: #ffffff 1px solid; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .thumbnail:hover > div { top: 0px; left: 0px; width: 99px; height: 41px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* Liens */ .titrepa{ text-align : center ; font-size: 20px; color:#af8865; text-shadow: 1px 1px 0px #ffffff; font-variant: small-caps; padding-top: 3px; padding-bottom: 3px; font-weight: bold; } a.tstaff { display: block; text-align: center; margin-top: 95px; } .block a { text-decoration: none; } /* Blocs */ .block-welcome { height: 120px; overflow: auto; text-align: justify; margin-left:10px; margin-right:10px; padding:5px; } .block-staff { height: 120px; text-align: justify; margin-left:10px; margin-right:10px; padding:5px; } .opacite { opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .opacite:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .block-welcome { width: 400px; } .block-staff { width: 320px; } .block-staff table { margin: auto; } .block-staff td { width: 92px; } .block-partenaires, .block-nouveautes, .block-credits { width: 220px; height: 110px; padding:5px; margin-left:10px; margin-right:10px; } .block-partenaires > div, .block-nouveautes > div, .block-credits > div { width: 220px; height: 98px; } /* Titres */ .titre { font-family: impact; font-size: 14px; padding: 4px; margin: auto; margin-bottom: 5px; } .titre-welcome { height: 130px; width: 20px; padding: 7px; margin-right: -4px; margin-top: 15px; text-align: center; border-right: 0px #ffffff solid; } .titre-staff { width: 130px; text-align: center; } .titre:hover { background: #FFFFFF; color: #000000; text-shadow: 0px 0px 8px #000000; } .titre-welcome:hover { background: #000000; color: #ffffff; text-shadow: 0px 0px 8px #ffffff; } span.infoadmins { position: relative; text-decoration: none; } span.infoadmins span.bulle { display: none; font-size: 12px; } span.infoadmins:hover { background: none; z-index: 999; cursor: help; } span.infoadmins:hover span.bulle { display: inline; position: absolute; left: -10px; width; 150px; top:10px; color: #8C6645; background-color : #EBEBEB; border : 2px solid #af8865; padding: 3px; -moz-border-radius: 5px; } span.infoadmins span.bulles { display: none; font-size: 10px; } span.infoadmins:hover span.bulles { display: inline; position: absolute; left: 50px; width; 150px; top:0px; color: #8C6645; background-color : #EBEBEB; border : 2px solid #af8865; padding: 3px; -moz-border-radius: 5px; } .menunav { width: 210px; padding:2px; background-color:#E1D8CD; border-left : 2px solid #af8865; border-right : 2px solid #af8865; } .menunav:hover { width: 210px; background-color:#EBEBEB; color: #E2E8EB; letter-spacing:1px; border-left : 2px solid #af8865; border-right : 2px solid #af8865; } /*BARRE DE NAVIGATION*/ ul.navlinks { margin-top: -5px; } .navbar { width: 900px; height: 20px; text-align: center; background-color: #2f4a66; margin-left: 50px; margin-top: -1px; padding-bottom: 3px; } a.mainmenu { font-family: Trebuchet MS; color: white!important; margin-left: 4px; margin-right: 4px; text-transform: uppercase; font-size: 11px; font-style: normal; letter-spacing: 1px; text-shadow: 0px 0px 2px black; } a.mainmenu:hover { background-color: #D6D6D6; height: 20px; widht: 50px; margin: auto; }
Contenu sponsorisé
Sujet: Re: Page D'acceuil