| | Auteur | Message | Admin Admin Messages : 203 Date d'inscription : 17/07/2013 Localisation : hhr
| Sujet: ATR PA 1 ---- Lun 8 Déc - 19:00 | |
| - Code:
-
<div style="background-color: #f0f1eb; padding: 6px; border: 1px solid #e2e2d7;"> <center> <img src="http://img15.hostingpics.net/pics/749951TITREPA22copie.png" /> <table style="width: 100%;"> <tbody> <tr> <td style="width: 32%;"> <div class="fruitpassion"> <div class="slideshow" id="slideshow"> <div id="slideshow-container"> <div class="slide"> <a href="http://amongtheroses.forumactif.org/t90-famille-holmes-xx-xx"><img src="http://img15.hostingpics.net/pics/886532famille1.png" /> </a> </div> <div class="slide"> <a href="http://amongtheroses.forumactif.org/t89-famille-powell-4-4"><img src="http://img15.hostingpics.net/pics/725846famille.png" /> </a> </div> <div class="slide"> <a href="http://amongtheroses.forumactif.org/t91-famille-rocester-xx-xx"><img src="http://img15.hostingpics.net/pics/171148famille3.png" /> </a> </div> </div> </div> </div> <div style="height: 100px;"> <div class="butt"> <a href="http://amongtheroses.forumactif.org/t60-bottin-des-avatars">Bottin </a> </div> <div class="butt"> <a href="http://amongtheroses.forumactif.org/t41-le-reglement"> Reglement </a> </div> <div class="butt"> <a href="http://amongtheroses.forumactif.org/f7-if-you-love-me-let-me-go">invités</a> </div> </div> </td> <td> <div style="margin-top: -2px; padding: 5px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); height:211px; border: 1px solid #dbdbd0;"> <div class="pa1"> <div class="paimg1"> <img src="http://img15.hostingpics.net/pics/194403bidulecontextecopie.png" /> </div> <div style="overflow: auto; padding: 5px; margin-top:-250px; position: relative;"> C'est un bruit qui court, volatile et troublant, qui laisse sur son passage des âmes sans voix et des cœurs liés autour du mystère. Une histoire, une folie, quelque chose que l'on entend et que l'on répète pour amuser la galerie, on ose à peine y croire : ces choses-là ne peuvent exister, elles ne doivent pas exister. Elles créent une scission dans le monde, ceux qui savent, ceux qui doutent, ceux qui refusent d’admettre la vérité et finalement ceux qui frôlent seulement le passage de la rumeur. « On dit que » éclot dans toutes les bouches, les murmures fourmillent dans la ville dès le levé du soleil. <br /><br /> <div align="center"> <a href="http://amongtheroses.forumactif.org/t39-le-contexte"><aa5>SUITE</aa5> </a> </div> </div> </div> </div> </td> <td style="width: 32%;"> <div> <center> <div> <aa42>partenaires </aa42><br /><a href="http://amongtheroses.forumactif.org/"><img style="width: 60px; padding: 2px; border: 1px solid #d9dbd8; margin-right: 5px;" src="http://img15.hostingpics.net/pics/974118PART.png" /></a> <br /><a href="http://secretsonline.forumactif.org/"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <br /> <form name="form"> <select size="1" style="width:180px; background-color: #dfe5e3;" onchange="location = this.options[this.selectedIndex].value;"> <option>Nos partenaires</option> <option value="http://amongtheroses.forumactif.org/t51-demande-de-partenariat">Le devenir</option> <option value="http://amongtheroses.forumactif.org/t53-nos-partenaires">Nos partenaires simples</option> <option value="http://amongtheroses.forumactif.org/t52-nous-lier">Nos boutons</option> </select> </form><a href="http://www.bazzart.org/t95686-among-the-roses-9830-ouverture-28-11#2818738"><aa43>bazzart .</aa43></a> <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=22479"><aa43>topsite</aa43></a> </div> </center> </div> <div style="height: 100px; margin-top: -2px"> <div class="butt"> <a href="http://amongtheroses.forumactif.org/f8-truth-be-told-i-never-was-yours">scénario</a> </div> <div class="butt"> <a href="http://amongtheroses.forumactif.org/t54-liens-recherches"> liens recherchés</a> </div> <div class="butt"> <a href="http://amongtheroses.forumactif.org/t65-les-rumeurs"> annexes</a> </div> </div> </td> </tr> </tbody> </table> <table> <tbody> <tr> <td> <div id="contenu" style="height: 95px; padding: 10px; width: 305px; background-color:#f0f0f0; border: 1px solid #d4d5d4; box-shadow: inset 0 0 50px 10px #dedede; font-size: 9px; line-height: 10px; text-align: justify; color: #808080; text-shadow: 1px 0px 0px white; overflow: auto;"> <div id="premier_onglet"> <aa43>évenements</aa43> › Bienvenue sur <aa2>Among The Roses</aa2>, nous demandons 13 lignes de RP. Evitez les fautes d'orthographe. Les pseudos doivent tenir sur une ligne dans le profil. <pris>25/09 ›</pris> création du forum. <pris>22/10 ›</pris> demande d'avis bazzart <pris>28/11 ›</pris> ouverture du forum <pris>xx/xx ›</pris> prochain événement. </div> <div id="deuxieme_onglet" style="display: none; line-height: 11px; font-size: 9px; "> <aa5>PEAKS ISLAND</aa5> Bienvenue chers étrangers à Peaks Island la petite Île la plus attractive de la « Casco Bay ». Elle appartient à la ville de Portland qui se trouve dans le Maine aux États-Unis. C'est un état qui se situe dans l’extrême nord et qui est enclavé de l'ouest au nord par la province canadienne du Québec, au nord-est par la province du Nouveau-Brunswick, et finalement au sud-est par l'océan Atlantique. Peaks Island se trouve à 4,8 kilomètre de la côte Américaine et il s'y concentre en son cœur une moyenne de 800 insulaires, chiffre instable qui varie durant l'été, cependant le nombre d'habitant à l'année reste stable, les départs et les arrivés étant en osmose. Malgré que Peaks Island soit rattachée à Portland sur le papier la ville a une indépendance totale et son propre gouvernement qui n'est influencé en rien par ce qui se passe par de-la l'horizon. </div> <div id="troisieme_onglet" style="display: none;"> <div style="text-align: justify; margin-top: 3px; line-height: 11px; font-size: 9px; text-transform: lowercase; word-spacing: -0.5px;"> <aa6>crédit</aa6> le design et touts les éléments graphés ont été réalisés par l'incroyable et talentueuse <pris>nazack.</pris>; le codage a été fait par les administratrices <pris>Hollfeather </pris> et <pris>nazack.</pris>. <pris>among the roses</pris> appartient à ses administratrices Hollfeather, nazack. boye, off limits., flyingsquirrel. Toutes reproductions partielles ou totales sont interdites. Forum optimisé pour google chrome. Évitez de copier, faites appel à votre imagination. </div> </div> </div> </td> <td> <div class="tabs-onglets" style="margin-left: 2px; margin-right: 2px;"> <a href="#premier_onglet"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 35px;" /></a><br /><a href="#deuxieme_onglet"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 35px;" /></a><br /><a href="#troisieme_onglet"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 35px;" /></a><br /> </div> </td> <td> <div class="accordion"> <ul> <li> <a href="##"><span style="display: block;"><img style="height:30px; width: 120px;" src="http://img15.hostingpics.net/pics/451514staf5.png" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align: center;"><ff>adriel m. lansky</ff><br /><cc>flyingsquirrel.</cc> <aa5>as maëlle</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=8">contacter</a> / <a href="http://amongtheroses.forumactif.org/u8">profil</a></span> </li> <li> <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/706147STAF4.png" style="height:30px; width: 120px; margin-right: 550px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>selenia floyd</ff><br /><cc>off limits.</cc> <aa5>as Marine</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=6">contacter</a> / <a href="http://amongtheroses.forumactif.org/u6">profil</a> </span> </li> <li> <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/270526staf3.png" style="height:30px; width: 120px; margin-right: 550px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>eliess a. rocester</ff><br /><cc>nazack.</cc> <aa5>as Ivana</aa5><br /><res>dc : N. Aspen Eastwood</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=5">contacter</a> / <a href="http://amongtheroses.forumactif.org/u5">profil</a> </span> </li> <li> <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/591783staf2.png" style="height:30px; width: 120px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>faustian trancy</ff><br /><cc>Boye</cc> <aa5>as Coline</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=3">contacter</a> / <a href="http://amongtheroses.forumactif.org/u3">profil</a> </span> </li> <li> <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/218978staf1.png" style="height:30px; width: 120px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>adam t. stylder</ff><br /><cc>hollfeather</cc> <aa5>as Holly</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=2">contacter</a> / <a href="http://amongtheroses.forumactif.org/u2">profil</a> </span> </li> </ul> </div> </td> </tr> </tbody> </table> </center> </div><br /> |
| | | Admin Admin Messages : 203 Date d'inscription : 17/07/2013 Localisation : hhr
| Sujet: Re: ATR PA 1 ---- Lun 8 Déc - 19:00 | |
| - Code:
-
/*QEEL*/ #lastco .row1 {background: none; padding: 2px; text-align: justify !important;} #lastco2 .row1 {float: left; margin-left: -2px; padding: 12px; border: 1px solid #e2e2d7; width: 290px !important; background-color: #f6f6ef; height: 115px; text-align: justify; overflow: auto; line-height: 11px; color: #88755f; font-size: 9px !important; text-transform: lowercase; letter-spacing: -0.5px;} .jj{display: block; margin-bottom: 6px; transform : rotate(-20deg);-webkit-transform : rotate(-20deg);} gp1{color: #A7535C; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;} gp2{color: #688771; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;} gp3{color: #6C9693; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;} gp4{color: #85648A; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 25px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;} gp5{color: #9E5C7A; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;} gp6{color: #717D8F; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}
/*ACCORDEON*/ .accordion{font-family: Arial, Helvetica, sans-serif;border-right:1px solid #CCCCCC;} .accordion>ul>li>a {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3b75f, endColorstr=#74892d);font-size:15px;text-decoration:none;} .accordion>ul>li>div {background-color:#efefe5; border:1px solid #e4e4d9; font-size: 10px; text-align: center; padding: 5px; font-family: arial; color: #88887c;} .accordion>ul>li>div {border-width:1px 0;height:120px;padding:10px;width:240px;} .accordion>ul>li>a {border-width:0 1px 0 0;width:30px;} .accordion {width:330px;background-color:#efefe5;border:1px solid #e4e4d9;} .accordion, .accordion>ul>li>a { height:120px;} .accordion>ul>li {margin-right:-180px; width:210px;transition: margin-right 0.5s ease-in-out 0.1s;-moz-transition: margin-right 0.5s ease-in-out 0.1s;-webkit-transition: margin-right 0.5s ease-in-out 0.1s;-o-transition: margin-right 0.5s ease-in-out 0.1s;} .accordion {overflow:hidden;} .accordion>ul {margin:0;padding:0;list-style:none;width:9999em;} .accordion>ul>li {float:left;overflow:hidden;} .accordion>ul>li>a {float:left;margin:0;position:relative;z-index:1;-moz-outline-style:none;outline:none;} .accordion>ul>li>a>div{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-ms-writing-mode:lr-bt;margin-top: 90px;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:absolute;width:100%;white-space:nowrap;} .accordion>ul>li>a>span{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-ms-writing-mode:lr-bt;margin-top: 90px;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:absolute;width:100%;white-space:nowrap;} ul.accordion-ie>li>a>div {cursor:pointer;width:auto;} ul.accordion-ie>li>a>span {cursor:pointer;width:auto;} .accordion>ul>li>div {float:left;} .accordion>ul>li:hover {margin-right:0px;}
/*BANDEAU DEFILANT*/ .fruitpassion{background-color: #ecece7; border: 1px solid #dae1de; width:224px; display: block; position:relative;} .slideshow,.slide { width: 224px; height: 120px;} .slideshow {margin: 0;overflow: hidden;} .slideshow div {position: relative;top: 0;left: 0;} .slide {margin: 0;overflow: auto;display: inline-block;vertical-align: middle;text-align: center;color: white;} .slide p {margin: 10px;text-align: justify;}
/*PA*/ .butt{background-color: #f3f3ea; border: 1px solid #e4e4da; border-bottom: 2px solid #e4e4da; margin-top: 4px; text-align: center; font-family: 'Sail', cursive; font-size: 23px; color: #b2b2a8; text-transform: lowercase; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .butt a{color: #b2b2a8; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .butt a:hover{color: #dbdbd0; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .pa1:hover .paimg1{bottom: -150; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .pa1{overflow: hidden; height:210px; font-size: 11px; line-height: 11px; font-family: arial; text-align: justify; background-color: #f3f3ea; border: 1px solid #ebeae1;} .paimg1{position: relative; bottom: -10; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
cc{font-family: 'Sail', cursive; font-size: 22px; color: #9495a4; text-shadow: 1px 0px 0px white; letter-spacing: -1px; text-transform: lowercase;} cc1{font-family: 'Sail', cursive; font-size: 20px; color: #6c7d92; text-shadow: 1px 0px 0px white; letter-spacing: -1px; text-transform: lowercase;} ff{font-family: 'Sail', cursive; font-size: 26px; color: #596896; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}
/*CATÉGORIE/ FOND FORUMS *//*SOUS FORUMS */ /* Bloc principal */ .monBloc {border-radius: 10px; margin-top: 10px; position: relative; overflow: hidden; width: 422px; height: 21px; background: #f6f6ef;border: 1px solid #edede9; font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; padding: 4px;} /*Bloc de recouvrement*/ .blocVolet {border-radius: 10px; position: absolute; top: 0;left: 0; width: 430px; height: 30px; box-shadow: 1px 0px 8px #d6d3c8;background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); /* réglage de la transition */-webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;} /* Changement au survol */ .monBloc:hover > .blocVolet {top: -40px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */}
/*CATÉGORIE/ FOND FORUMS *//*SOUS FORUMS */ aa52{font-family: 'Mate SC', serif; font-size: 11px !important;} .catstat{margin-top: 30px; border: 1px solid #e2e2d7; padding: 10px; font-size: 15px; height: 70px;width: 155px; position: center; text-align: center; line-height: 15px; text-shadow: 0px 0px 1px #E0C5C7; font-family:arial; letter-spacing:-1px;text-transform: lowercase; background-color: #f6f6ef;} .lastpost a{font-family: 'mate sc', serif; text-transform: uppercase; font-size: 12px; color: #7F90A4; letter-spacing: 1px; text-shadow: 0px 1px 1px #fff; line-height:17px;} .lastpost {font-size: 11px; margin-bottom: 6px;} .lastpost a.gensmall {font-family:'sail';font-size:17px;text-transform: lowercase; letter-spacing: -1px;text-align: center;line-height:12px;text-shadow: 0px 1px 1px #fff;} #fondgateau {background-color: #f6f6ef; border: 1px solid #e2e2d7; font-family: arial; padding:5px;height:75px; width:420px; text-align: justify; margin-top:25px; color: #817E70;} .cerisechoco{position: relative; margin-bottom: -62px !important; margin-left: 15px; font-family: 'Sail', cursive; font-size: 20px; text-transform: lowercase; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .cerisechoco:hover{letter-spacing: 1.5px; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .secondarytitle {background-color: none; background-repeat: no-repeat; background-image: url(http://img15.hostingpics.net/pics/914154SIDHAUT.png); width: 136px; height: 102px;} .secondarytitle h2{font-family: 'UnifrakturMaguntia', serif;text-transform: lowercase;font-size: 24px;color: #7f90a4; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff;position: relative; top: 4px;}
/*BOTTIN*/ aa43{text-shadow: 1px 0px 0px white; font-family: 'Sail', cursive; font-size: 20px; text-transform: lowercase; color: #a9b0bb; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s; margint-bottom: 2px;} aa43:hover{letter-spacing: 0.5px; color: #767987;} pris{font-weight: bold; text-transform: lowercase; color: #69709f; text-shadow: 1px 0px 0px white;} res{text-transform: lowercase; color: #b1aba6; text-shadow: 1px 0px 0px white;}
/*FICHE ADMIN*/ .psedd{position: relative;font-family: 'UnifrakturMaguntia', serif; text-transform: lowercase; font-size: 25px; color: #7F90A4; letter-spacing: -1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -95px; margin-bottom: 70px;} .psedd2{position: relative;font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; color: #7F90A4; letter-spacing: 1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -69px; margin-bottom: 40px;} .fraisechantillyx{padding: 5px; border: 1px solid #dbdcd9; width:390px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png);} .cachou{text-align: justify; background-color: #f5f6ef; padding: 6px; line-height: 11px; font-family: arial; font-size: 11px; border: 1px solid #dbdcd9;}
/*PROFIL*/ .cadreprofil {text-align: center; border: 1px solid #b2b9c3; box-shadow: 0 0 0px white, 0 0 0px #b8c4ca, 0px 0px 60px 10px rgba(156,163,173,0.5)inset; background-color:#edeeea; padding: 4px; height: auto; margin: 2px;} .pseudoprofil {font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; text-align: center; } bgh {color: #57514B !important;font-family: times new roman;font-size: 8px;text-transform: uppercase;letter-spacing: 1px; padding: 4px;} kgh {color: #57514B !important;font-family: times new roman;font-size: 9px;text-transform: lowercase;} .avatarprofil {margin-top: -320px; padding: 5px; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .avatarprofil img:hover {filter: grayscale(100%);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.2; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .avatarprofil img{margin-left:-5px; margin-top: -5px; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .rangimage2{height: 320px; width: 200px; border: 1px solid #c7cfd4; padding: 5px; opacity: 0.8; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png);} .rangprofil {text-align: center;font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; color: #7F90A4; letter-spacing: 1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -14px;} .infosprofil {box-shadow: 0px 0px 5px #f1f2eb; width: 202px; height: auto; padding: 4px; border: 1px solid #dddedc; text-align: justify; opacity: 0.9; background-color: #eef0ec; font-family: arial; font-size; 11px;} .infosprofil img{width: 200px;} .infosprofil2 {margin-top: 8px; box-shadow: 0px 0px 5px #f1f2eb; width: 202px; height: auto; padding: 4px; border: 1px solid #dddedc; text-align: center; opacity: 0.9; background-color: #eef0ec; font-family: arial; font-size; 11px;} .rangimage {margin-bottom: 10px; width: 200px; height: 100px; padding: 5px; padding-top: 7px; background-color: #f6f6ee; border: 1px solid #dbdcd9;padding: 4px; opacity: 0.9;}
/**PRÉSENTATION**/ .pre21{width: 195px; height: 110px; background-repeat: no-repeat; background-size: 100%; margin-bottom: 5px;} .pre2{position: relative; color: #83827b; margin-top:2px; margin-bottom: 2px; background-color: #f0eee6; text-shadow: 0px 1px 1px #ffffff; text-align: center; margin-left: 10px; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .pre2:hover{opacity: 0; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .pre1{margin-bottom: -20px; text-align: center; margin-left: 17px;margin-top: 0px;} .pre3{height:217px; margin-bottom: -262px; border: 3px solid #c5cdd2;} .pre31{height:217px; border: 4px solid #c5cdd2; background-repeat: no-repeat; background-size: 100%;} .pre4{height: 217px; border: 3px solid #c5cdd2; position: relative; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;} .pre4:hover{opacity: 0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;} .pre41{height: 217px; position: relative; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;} .pre41:hover{opacity: 0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;} .imageinfo{height: 90px; padding: 2px; border: 1px solid #9baab1; opacity: 0.7; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .imageinfo:hover{opacity: 0.9; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .infoscode{text-align: left; width: 350px; margin-top: -20px;} .imageinfo:hover .infoscode{opacity: 1;} .psed{position: relative;font-family: 'UnifrakturMaguntia', serif; text-transform: lowercase; font-size: 29px; color: #7F90A4; letter-spacing: -1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -95px; margin-bottom: 70px;} .psed2{position: relative;font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; color: #7F90A4; letter-spacing: 1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -69px; margin-bottom: 40px;} .citronauchocolat{width: 426px; background-image: url(http://img15.hostingpics.net/pics/313737Sanstitre2copiHHhh.png); background-repeat: no-repeat; background-size: 100%; height: 135px;} .coeurdecitron {width: 400px; background-color: #e9e7de; box-shadow: inset 0px 0px 2px #e1dfd5 !important; border: 1px solid #; padding: 13px;} .chocolatfraise {width: 368px; padding: 5px; background-color: #f0eee6; border: 1px solid #dad7cd;} .chocolatbanane {background-color: #f6f6ee; height: 260px; width: 195px; padding: 5px; border: 1px solid #cdcdcc;} .bananefraise {overflow: auto; height: 140px; text-align: justify; line-height: 12px; font-family: arial; font-size: 11px;} .fleurdorange {background-image: url(http://img11.hostingpics.net/pics/541054fleur.png); background-repeat: no-repeat; background-size: 85%; height: 70px; width: 70px; position: relative; margin-bottom: -55px; margin-top: -17px; margin-left: -40px; -webkit-transform: rotate(-20deg);} .avachocolat {background-color: #9da2ad; padding: 3px; border: 1px solid #7e828b;} .groupecitron {font-family: 'UnifrakturMaguntia', cursive; text-transform: lowercase; font-size: 15px; padding: 6px; width: 140px; box-shadow: inset 0 0 20px 2px #7f8f99; color: #66667f; margin-top: 8px; border-radius: 2px; text-align: center;} .gifchocolat {float: left; height: auto; width: 80px; margin-right: 8px; opacity: 0.9; border: 5px solid #f6f6ee;} .fraisechantilly {width: 368px; padding: 5px; background-color: #ebebe6; border: 1px solid #dbdcd9;} .fraisechocolat {font-size: 11px; line-height: 12px; font-family: arial; color: #9a9a9a; text-align: justify; height: 190px; overflow: auto;} .pseudoguimauve {font-family: 'Sail', cursive; font-size: 23px; margin-bottom: -13px; letter-spacing: -1px; text-transform: lowercase; color: #b4b9bf; text-shadow: 0px 2px 1px #fff;} .guimauvechocolat {background-color: #f6f6ee; border: 1px solid #cdcdcc; width: 352px; padding: 5px; margin-top: 8px;} .guimauvecaramel {height: 90px; overflow: auto; line-height: 11px; font-size: 10px; font-family: arial; text-align: justify;} .guimauvecitron {background-image: url(http://img15.hostingpics.net/pics/307745Sanstitre2copiHH.png); width: 426px; background-repeat: no-repeat; background-size: 100%; height: 135px;} .ongletchoco1 {background-image: url(http://img11.hostingpics.net/pics/276922ONGLETFICHEcopie.png);} .ongletchoco2 {background-image: url(http://img11.hostingpics.net/pics/276922ONGLETFICHEcopie.png);} .eden{width: 195px; height: 110px; background-repeat: no-repeat; background-size: 100%; margin-bottom: 5px;} .guimauvecitron2 {background-image: url(http://img11.hostingpics.net/pics/828620presabarhstoire.png); width: 426px; background-repeat: no-repeat; background-size: 100%; height: 15px;} aa45{text-shadow: 1px 0px 0px white; margin-bottom: 8px; font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #767987; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s; margint-bottom: 2px;} aa45:hover{letter-spacing: 0.5px; color: #a9b0bb;}
/**SCÉNARIO**/ .chocolatbanane2{background-color: #f6f6ee; height: 217px; width: 195px; padding: 5px; border: 1px solid #cdcdcc;} .bananefraise2{overflow: auto; height: 205px; text-align: justify; line-height: 12px; font-family: arial; font-size: 11px; padding-top: 10px;} .lavie{height:205px; overflow: auto; margin-bottom: -223px; border: 3px solid #e0e1d9; width: 124px; font-size: 10px; line-height: 11px; background-color:#e8eae5; padding: 6px; text-align: justify;} .avachocolat2{background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); padding: 3px; border: 1px solid #dbddd2; height:223px;} .crunch {float: left; height: 145px; padding-right: 6px; padding-bottom: 2px; opacity: 0.9; border: 5px solid #f6f6ee;} .pre42{height: 217px; border: 3px solid #e0e1d9; position: relative; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;} .pre42:hover{opacity: 0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;} .orangefruit{background-color: #f0f0eb; border: 1px solid #e5e5e4; padding: 6px; border-bottom: none; margin-bottom: -3px;} .orange1{width: 160px; padding: 5px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); border: 1px solid #e3e3e0; margin-right: 3px;} .orange2{width: 160px; padding: 5px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); border: 1px solid #e3e3e0; margin-left: 3px;} .kiwi{height: 130px; overflow: auto; text-align: justify; background-color: #f0f0eb; border: 1px solid #e5e5e4; padding: 6px; line-height: 11px; font-family: arial; font-size: 11px; border-top: none;} .fraisechocolat2{font-size: 11px; line-height: 12px; font-family: arial; color: #9a9a9a; text-align: justify; height: 145px; overflow: auto;} .poirechocolat{margin-top: 1px; font-size: 11px; line-height: 12px; font-family: arial; color: #9a9a9a; text-align: justify;} aa42{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} aa42:hover{letter-spacing: 0.5px; color: #9daecc; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .gifchocolat2 {float: left; height: auto; width: 80px; margin-right: 8px; opacity: 0.9; border: 5px solid #f6f6ee; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .gifchocolat2:hover{ opacity: 0.5; border-radius: 5px; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .orange3{width: 353px; padding: 3px; opacity: 0.9; border: 1px solid #e3e3e0;}
/**CODES COULEURS**/ aa5{color: #6f84aa; font-family: 'Mate SC', serif; font-size: 12px !important;} aa6{color: #6f84aa; letter-spacing: 1px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 10px;} aa62{color: #6f84aa; letter-spacing: -0.5px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 10px; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} aa62:hover{color: #6f84aa; letter-spacing: 2px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 10px; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} aa7{color: #7c808d; letter-spacing: -1px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 11px;} aa4{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; } aa12{color: #6f84aa; font-family: 'Mate SC', serif; letter-spacing: 1px; font-size: 13px !important;} aa41{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} aa41:hover{letter-spacing: 1px; color: #7c808d; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .aa16{color: #6f84aa; font-family: 'Mate SC', serif; letter-spacing: 1px; font-size: 15px; padding-top: 4px;}
G1{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; } G2{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; } G3{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; } G4{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; } G5{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; } G6{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; } .deco{background-image: url(http://img4.hostingpics.net/pics/161992DECOPROFIL.png); width: 200px; height: 25px; background-repeat: no-repeat; background-size: 100%; float: center; }
/*CODE*/ .code{opacity: 0.3; width: 320px; border: 1px solid #b8c4ca !important; box-shadow: 0px 0px 2px #d6dddc !important; font-family : arial; letter-spacing:-1px; word-spacing:1.5; background-color:#e0e1de !important; padding :3px; font-size :10px; text-align:justify; line-height:11px;} .genmed{font-size: 9px !important; color: #a6acb5 !important; text-shadow: 1px 0px 0px white;} .quote{background-color:#eeefef !important; font-family:arial; line-height:11px; letter-spacing:-0.5px; border: 1px solid #e3e4e4 !important; width:350px; overflow:auto; text-align:justify; padding:3px; color: #8C8B89;}
/*SELECTIONNER LE CONTENU*/ .selectCode { float:right; text-transform: lowercase; cursor:pointer; font-size: 10px; font-family: arial;color: #a6acb5 !important;text-shadow: 1px 0px 0px white;} div.cont_code { clear: right; }
/**CHAMPS**/ .sceditor-dropdown input,input,input:focus,select,select:focus,textarea,textarea:focus{ background-color: #f3f5f7 !important; border-radius: 5px !important; box-shadow: 0px 0px 2px #d5d8d4 !important; border: 1px solid #cccdcb !important; color: #8d8c8b !important; font-size: 12px !important; line-height: 13px !important; font-family: arial !important;}
/* HEADER DE FOND */ body {background-image:url(http://img11.hostingpics.net/pics/191963AMONGTHEROSESV2test1.png); background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}
/*BARRE DE NAVIGATION*/ a.mainmenu {text-decoration: none; font-family: 'Mate SC', serif; font-size: 12px !important; color: #ac2e23; text-transform: uppercase !important; text-shadow: 0px 0px 4px #ffffff !important; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} a.mainmenu:hover {letter-spacing: 1.6px; color: #ac2e23; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .navig {position: absolute;top: 0px; width: 99%; background-color: none;}
/*SCROLLBAR*/ ::-webkit-scrollbar { width: 4px; background-color: #e0dbd4; height: 4px;} ::-webkit-scrollbar-track { background-color: #fcfaf0;} ::-webkit-scrollbar-thumb { background-color: #e0dbd4;} ::-webkit-scrollbar-button { background-color: #fcfaf0; height: 1px;} ::-webkit-scrollbar-button:horizontal { background-color: #e0dbd4; width: 4px;}
/*SOULIGNEMENTS*/ a {text-decoration: none !important;} a:hover {text-decoration: none !important;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:active {text-decoration: none;} a {outline:none;} hr {border-bottom: 1px #d4d6d3 solid;}
/*DERNIERE EDITION*/ tr.post span.gensmall { display: none; }
/*MENU*/ a.mainmenu img{display:none;} a.mainmenu {text-transform: lowercase;text-decoration: none !important;font-size:10px; text-transform: uppercase;}
/*CORPS DE MESSAGE*/ .postbody {display: block; text-align:justify; padding-left:20px; padding-right:20px; padding-top: 10px;}
/*MARGES DU FORUM*/ body {margin-top:-14px;margin-bottom:-11px;} |
| | | Admin Admin Messages : 203 Date d'inscription : 17/07/2013 Localisation : hhr
| Sujet: Re: ATR PA 1 ---- Lun 8 Déc - 19:01 | |
| java - Code:
-
$(function () { //VARIABLES MODIFIABLES var delaiSwitch = 3000; // Délai (en ms) d'affichage d'un slide var delaiTransition = 1000; // Délai (en ms) de l'animation de transition var direction = 'left'; // Sens (left ou right) du défilement var idSlideshow = '#slideshow'; // ID du slideshow var idContainer = '#slideshow-container'; // ID du container //VARIABLES SYSTEME var slideshowWidth = parseInt($(idSlideshow).css('width')); var slideshowHeight = parseInt($(idSlideshow).css('height')); var nbSlides = $(idContainer+' > .slide').length; //ADAPTE LA TAILLE DU CONTENEUR AU NOMBRE DE BLOCS QU'IL CONTIENT $(idContainer).css('width', slideshowWidth*nbSlides+'px');
//REDEFINIT LE CONTENU POUR SUPPRIMER LES EVENTUELS ECARTS DUS AUX BORDERS if(direction==='right') { var decalageLeft = -slideshowWidth*(nbSlides-1); $(idContainer).css('left', decalageLeft+'px'); $(idContainer+' > .slide').each(function() { var el = $(this).remove(); $(idContainer).prepend(el); }, this); } else { $(idContainer+' > .slide').each(function() { var el = $(this).remove(); $(idContainer).append(el); }, this); } //ADAPTE LA TAILLE DES IMAGES AUX DIMENSIONS DU SLIDESHOW $(idSlideshow+' img').css('max-width', slideshowWidth); $(idSlideshow+' img').css('max-height', slideshowHeight); //LANCEMENT DE L'ANIMATION setInterval(function() { slideshow() }, delaiSwitch); //FONCTION DE DEFILEMENT function slideshow() { var compteur = 0; // Compte les slides ayant bougé if(direction==='right') { $(idContainer+' > .slide').animate({left: '+='+slideshowWidth}, delaiTransition, function() { compteur++; // Lorsque le dernier slide à bougé, on crée la boucle if(compteur===nbSlides) { var el = $(idContainer+' > .slide:last').remove(); $(idContainer).prepend(el); $(idContainer+' > .slide').css('left', '0'); compteur = 0; } }); } else { $(idContainer+' > .slide').animate({left: '-='+slideshowWidth}, delaiTransition, function() { compteur++; // Lorsque le dernier slide à bougé, on crée la boucle if(compteur===nbSlides) { var el = $(idContainer+' > .slide:first').remove(); $(idContainer).append(el);
$(idContainer+' > .slide').css('left', '0'); compteur = 0; } }); } } }); |
| | | Contenu sponsorisé
| Sujet: Re: ATR PA 1 ---- | |
| |
| | | |
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |