| | test pour les codes. | |
|
| Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| | | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| madrid.pays espagne langue espagnol habitants 3 223 334 hab. superficie 608 km2 capitale de l'espagne, madrid est aussi la plus grande ville du pays. située en plein coeur du royaume, elle abrite la plupart des institutions politiques du pays (dont le palais royal) et est une des destinations touristiques les plus prisées d'europe, en début de siècle. réputée pour son architecture moderne qui côtoie des constructions plus anciennes de style néo-classique, madrid compte pas moins de dix monuments historiques dont la porte d'Alcalá, la place de Cybèle ou encore le musée du Prado. mais plus encore que tout, madrid est connue pour son approche toute en finesse de l'art et du monde du spectacle. malgré la présence de l'un des plus grands clubs de football du monde, à madrid, c'est l'art qui prime sur le reste. la ville regorge de musées, de scènes et d'opportunités en or. l'école des arts de la scène.fondée au début des années 80, l'école des arts de la scène de carmen arranz doit sa réputation au nombre incalculable de vedettes hispaniques qui en sont sortis diplômés et auréolées de gloire. plus encore, fondée par carmen elle-même, l'école a pour but de préparer des jeunes adultes (entre 18 et 24 ans pour la première année) à toutes les formes d'art que peut demander la scène. ici, pas de préférence ni même de différence ; l'art s'enseigne à chacun et toutes les branches doivent être validées pour que l'étudiant puisse espérer poursuivre ses études. si au départ, le projet un peu fantasque de cette ancienne meneuse de revue fait sourire la population, vingt ans plus tard, il faut reconnaître que le nom de carmen arranz est devenu une référence dans la capitale. chaque année, plus d'un millier d'inscriptions pour uniquement une trentaine d'élève reçus. un mal pour un bien puisqu'ils ne seront pas plus de cinq à sortir diplômés de l'école, quatre ans plus tard. l'enseignement est rigoureux et les professeurs triés sur le volet, à l'école des arts de la scène, on n'exige que le meilleur tant de la part des élèves que du côté des enseignants. c'est pourquoi, aujourd'hui encore, l'école est réputée partout dans l'europe et nombreux sont les étudiants à venir d'ailleurs dans l'espoir de réussir à obtenir ce sésame qu'est le diplôme de fin d'étude ; comme une route toute tracée vers la voie du succès. |
| | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| yago garcia age : 23 ans. origine : espagnole. nationalité : espagnole. statut : célibataire et bien décidé à le rester. orientation : attiré par les formes voluptueuses des femmes, leur voix enchanteresse et leur regard ravageur. emploi : étudiant en troisième année à l'école des arts de la scène de carmen arranz. caractère : gentil, dans l'fond. mais l'caractère un peu chaud, parfois trop. grande gueule, sur de lui. il veut réussir, il est prêt à tout pour ça. de temps en temps, il écrase l'un ou l'autre de ses camarades pour s'octroyer un rayon d'lumière. il a été l'un des premiers rôles sur scène lors de sa première année, son caractère lui vaut parfois bien plus d'amis que d'ennemis. ce n'est pas un mauvais bougre, fondamentalement, il est loyal, franc et honnête avec les gens qu'il aime. c'est un ami sur lequel compter. mais pour qu'il soit un ami, il faut en premier lieu apprendre à composer avec son caractère explosif. localisation : t'as pris tes quartiers dans les dortoirs de l'école, comme tous les autres élèves. | |
ces quelques mots pour vous dire la famille tu es né près de barcelone, à badalona, pour être exact. un grand frère, une petite soeur. l'enfant du milieu, ton rôle, ton héritage. tes parents sont tous les deux ouvriers de classe modeste et ont toujours été prêts à se saigner pour vous permettre de vous réaliser. c'est d'ailleurs grâce à ta mère que tu découvres les joies du chant et de la danse, à l'âge de six ans. ta mère, c'est une ancienne danseuse de compétition. le flamenco a bercé tes plus beaux souvenirs d'enfance jusqu'à venir bercer tes rêves d'adolescent. c'est sans doute ce qui te pousse, à l'aube de ta majorité, à demander à tes parents de t'inscrire à l'école des arts de la scène de carmen arranz.
en bref l'école des arts de carmen arranz, ça fait longtemps que t'en entends parler. ta mère, à l'époque, a eu la chance d'y donner deux-trois stages à des élèves qui cherchaient absolument à se spécialiser dans la danse hispanique par défaut, le flamenco. sa spécialité. la première fois que tu mets les pieds dans cette école, tu as à peine six ans et déjà, tu rêves de l'intégrer. c'est ton objectif, fondamentalement, tu feras tout pour y parvenir. ≈ t'as connu l'amour, comme tous les adolescents le connaissent. elle était douce, gentille, mais peut-être un peu trop possessive. t'as mis un frein à votre histoire quand elle a commencé à envisager sérieusement l'avenir avec toi. à l'époque, t'étais trop jeune et stupide pour ça. avec du recul, tu regrettes la manière dont tout ça s'est terminé. ≈ tu as dû t'y reprendre à deux fois avant d'intégrer l'école. ta première audition s'est mal passée, un échec que tu as eu de la peine à essuyer. c'est sans doute pour cette raison que tu t'accroches autant à ta place, quitte à écraser un peu tes camarades. ≈ tu joues de la guitare depuis toujours, tu danses un peu mais ta spécialité, c'est le chant. ta voix soul envoûte les filles, généralement. et même si t'es pas du genre à t'en servir pour draguer, t'oublies jamais de prendre ton instrument quand tu quittes ta chambre. la musique, c'est quelque chose qui te berce depuis que t'es gosse, hors de question pour toi que de passer une journée sans chercher à écrire un vers ou à fredonner une mélodie. ≈ t'attaques ta troisième année, fier comme un coq d'avoir survécu déjà à tes deux premières. prêt à affirmer ton statut d'meilleur de la classe et à faire des étincelles sur le parquet. ton objectif ? composer suffisamment d'chansons et de musiques pour les proposer à un label et, peut-être, concrétiser un rêve de gosse. derrière l'écran nom/pseudo : kenny. avatar : shawn mendes. crédits : cosmic light (avatar) tumblr (icon). un petit mot : j'espère que vous vous sentirez tous bien par ici, comme moi.
| | - Code:
-
<t3>shwan mendes</t3> ~ yago garcia - Code:
-
<t7>YAGO GARCIA</t7> |
| | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| à chaque fois que..à chaque fois que vous posterez dans la pub bazzart ou la pub PRD, vous récolterez 5 points supplémentaires. aussi, merci de remplir le formulaire ci-dessous pour les réclamer. - Code:
-
<uu>pseudo :</uu> <uu>j'ai posté sur la pub [ ] bazzart / [ ] PRD.</uu> |
| | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| | | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| - Code:
-
/*général*/ a {text-decoration: none;} a:link {text-decoration: none;} a:hover {text-decoration: none!important;} tr.post span.gensmall { display: none; } .mainmenu img { display: none; } .bodyline { border-left: 2px solid #D6D0CF; border-right: 2px solid #D6D0CF;} .postbody {text-align:justify; padding-left: 2px; padding-right: 4px; max-width: 750px;}
.word-count { font-size: 10px !important; }
/*Conteneur qui contient toutes les catégories */ #conteneur_categoriesvo { } /* Conteneur de chaque catégorie */ .categorievo { } /* Conteneur de tous les onglets */ #conteneur_ongletsvo { display: none; margin-top: 5px; margin-bottom: -3px; margin-left: 450px; opacity: 0.7; } /* Un onglet */ .ongletvo{ cursor: pointer; } /* Onglet actif */ .actif{ color: #AD9185; }
/* codes messages */ .selectCode { float:right; text-transform: lowercase; font-size: 11px; font-style: italic; color: #3a3a3a; cursor: pointer; }
/* toolbar */ div#fa_search {display:none!important;} span#fa_share {display:none!important;} a#fa_welcome {display:none!important;} #fa_toolbar { background-color: transparent !important; text-transform: lowercase; font-family: verdana; font-size: 10px !important; color: #7a7a7a !important;}
a#fa_notifications { color: #7a7a7a!important; text-transform: lowercase; font-size: 12px !important;} span#notif_unread { color: #7a7a7a!important; text-transform: lowercase; font-size: 12px !important;} ul#notif_list { color: #7a7a7a!important; text-transform: lowercase; font-size: 12px !important; background-color: #e5e5e5!important; border: transparent !important;}
li.see_all { color: #7a7a7a !important; font-size: 12px !important; background-color: transparent !important; text-transform: lowercase;} li.unread {text-transform: lowercase; }
#fa_toolbar #fa_hide{ background-color: transparent !important; background-image: url(http://image.noelshack.com/fichiers/2014/06/1391771402-x.png) !important; width:50px !important; background-repeat: no-repeat; background-position: center; }
#fa_toolbar_hidden #fa_show{ background-color: #F5F5F5; !important; background-image: url(http://image.noelshack.com/fichiers/2014/06/1391771402-x.png) !important; width:50px !important; background-repeat: no-repeat; background-position: left !important; }
/*code spoiler*/ .code { padding: 2px; border: 1px solid #fafafa !important; background-color: #ffffff !important; color: #787b87 !important;}
.quote { padding: 4px; border: 1px solid #fafafa !important; background-color: #ffffff !important; max-width: 500px !important;}
.spoiler_closed{ /*Spoiler fermé*/ }
.spoiler_content{ /*Spoiler ouvert*/ padding: 3px; text-transform: lowercase; border: 1px solid #fcfcfc !important; background-color: #f9f9f9 !important;}
/*bottin*/ taken { font-family: 'Barlow', sans-serif; text-transform: uppercase; font-size: 10px; color: #61453E; }
resa { font-family: 'Barlow', sans-serif; text-transform: uppercase; font-size: 10px; color: #D4AB90; }
scena { font-family: 'Barlow', sans-serif; text-transform: uppercase; font-size: 10px; color: #8c5f3b; }
div#nav_forum_1{ position:absolute; background-color: #F5F5F5; width: 800px; height: 20px; padding-top: 5px; text-transform: lowercase !important; text-align: center; font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 11px; }
.b2 { border-bottom: 2px dotted #C8A0B5; }
.b2:hover { border-bottom: 2px dotted #fff; }
.b3 { font-weight: bold; font-style: italic; }
.b3:hover { font-weight: none; font-style: none; }
/* réponse rapide */
.sceditor-container.ltr.sourceMode { margin-top: 5px !important; border: 1px solid #f9f9f9 !important; background-color: #fff !important; color: #bababa; /*là où on écrit*/}
.sceditor-container.ltr.wysiwygMode { margin-top: 5px !important; border: 1px solid #D4D4D4 !important; background-color: #EBEBF0 !important;}
div.sceditor-group { background-color: #e3d6cc !important; border: 1px solid #e3d6cc !important; text-align: justify; /*contour groupes*/}
body div.sceditor-toolbar { border-bottom: 1px solid #fff !important; background-color: #F2EDE9 !important; } /*fond boutton*/
a.sceditor-button { background-color: #fff !important; width: 15px; text-align: center !important; } /*intérieur groupe*/ /* boutons */ input.liteoption { border: 1px solid #f9f9f9; background-color: #fff; border-bottom: 2px dotted #efefef; color: #777777; text-transform:lowercase; background-position: top; } input.mainoption { border: 1px solid #f9f9f9; background-color: #fcfcfc; border-bottom: 2px dotted #efefef; color: #777777; text-transform:lowercase; background-position: top; }
/*modifier l'apparence des scrollbars de tout le forum*/ ::-webkit-scrollbar { width: 2px; /*largeur de la scrollbar verticale*/ height: 2px; /*hauteur de la scrollbar horizontale*/ background-color: #fff;} ::-webkit-scrollbar-track { background-color: none; /*couleur du fond de la scrollbar*/} ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #d9c8d1; /*couleur de l'ascenseur*/; opacity: 0.8;}
b1 { font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 11px;}
bb { font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 11px;}
.upsujet { font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 10px; text-align: center; margin-top: 5px; margin-bottom: -15px; }
/*catégories*/ .secondarytitle { text-transform: uppercase; text-shadow: 1px 0px 1px #ffffff; border-bottom: 2px dotted #efefef; }
.forumlink { font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; text-shadow: 1px 1px 1px #ffffff; }
.lastmess { width: 150px; text-align: center; margin-top: 10px; }
.cate { text-align: justify; margin-right: 2px; overflow: auto; height: 60px; text-transform: lowercase; }
.ListeSousForums a { text-transform: uppercase; padding-right: 4px; padding-left: 4px; padding-bottom: 2px; padding-top: 2px; font-size: 9px; text-shadow: 1px 0px 1px #ffffff; background-color: #fafafa; opacity: 0.5; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.ListeSousForums a:hover { text-transform: uppercase; padding-right: 4px; padding-left: 4px; padding-bottom: 2px; padding-top: 2px; font-size: 9px; text-shadow: 1px 0px 1px #ffffff; background-color: #fafafa; opacity: 1; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.lastpost-avatar img { border-radius: 0px; border: 2px solid #e5e3e3; margin-left: 2px; height: 85px; width: auto; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.lastpost-avatar img:hover { border-radius: 0px; border: 2px solid #e5e3e3; margin-left: 2px; height: 85px; width: auto; opacity: 0.8; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
num { font-family: 'Quicksand', sans-serif; font-size: 14px !important;
}
ss { font-size: 10px; }
.texx { font-family: 'Muli', sans-serif; font-size: 10px; letter-spacing: 2px; color: #804133 !important; }
.msuj { height: 30px; line-height: 10px; margin-right: 2px; margin-top: -7px; }
.msuj2 { height: 30px; line-height: 10px; margin-left: 2px; }
.messs { text-transform: lowercase; border: 2px solid #f9f5f2; background-color: #F0EFEE; margin-top: 0px; padding-bottom: 1px; }
.fin { text-align: center; text-transform: lowercase !important; line-height: 10px !important; padding-bottom: 5px; }
/* codes présentation */
.policetitre { font-family: 'Seaweed Script', cursive; text-transform: lowercase; font-size: 20px; letter-spacing: -1px; text-shadow: 1px 1px 1px #ffffff; margin-left: 5px; line-height: 10px;}
.cadresujet { text-align: justify; padding: 10px; width:400px; background-color: #f4f4f4; border: 1px solid #f2efef; text-transform: lowercase;}
.cadretexte { margin-top: 2px; padding-top: 5px; border-top: 2px dotted #C8A0B5; }
.policepresa { font-family: 'Seaweed Script', cursive; text-transform: lowercase; font-size: 20px; letter-spacing: -1px; text-shadow: 1px 1px 1px #ffffff; margin-left: 5px; line-height: 10px;}
.cadrepresa1 { text-align: justify; padding: 10px; width:500px; border: 2px solid #f9f5f2; background-color: #F0EFEE; text-transform: lowercase;}
.imgpresa { width:100px; margin: 2px; border: 1px solid #e5e3e3; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.imgpresa:hover { width:100px; margin: 2px; opacity:0.7; border: 1px solid #e5e3e3; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.imgpresa1 { width:82px; margin: 2px; border: 1px solid #e5e3e3; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.imgpresa1:hover { width:82px; margin: 2px; border: 1px solid #e5e3e3; opacity:0.7; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.cadrepresa2 { margin: 2px; padding: 7px; line-height: 10px; width: 160px; height: 70px; font-size: 10px; background-color: #fefefe; border: 1px solid #f4f4f4; overflow:auto; border-bottom: 2px dotted #f4f4f4; }
.cadrepresa3 { margin: 0px; text-align: justify; max-height: 160px; overflow:auto; }
.cadrepresa4 { margin: 0px; text-align: justify; max-height: 230px; overflow:auto; }
.cadrepresa5 { margin: 10px; }
.cadrepresa6 { margin: 0px; text-align: justify; max-height: 400px; overflow:auto; }
titre { font-size: 10px !important; font-family: 'Lato', sans-serif; letter-spacing: 1px; text-transform: uppercase !important; text-shadow: 1px 1px 1px #ffffff; }
/*profil*/
.postdetails img { text-align: center; max-width:200px; opacity: 0.7;}
.contourpseudo{ font-size: 14px !important; font-family: 'Lato', sans-serif; letter-spacing: 1px; text-transform: uppercase !important; text-shadow: 1px 1px 1px #ffffff; border: 1px solid #f9f8f7; background-color: #fcfcfc; padding: 5px; text-align: center; }
.brang { text-transform: uppercase; text-shadow: 1px 1px 1px #ffffff; letter-spacing: 3px; font-size: 8px; margin: 2px; text-align: center; color:#A68FA0; }
.tourprofil { margin: 4px; padding: 5px; background-color: #f9f7f4;; border-bottom: 2px dotted #855E55; }
.tourinfoprofil { border: 1px solid #f9f8f7; background-color: #fcfcfc; padding: 3px; text-transform: lowercase; margin-top: 2px; line-height: 11px; }
.contourava { margin-top: 6px; margin-bottom: 6px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.contourava:hover { margin-top: 6px; margin-bottom: 6px; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.ava2 { background-color: #CCAF97; padding: 3px; }
/* harry potter fan */ .cadrehp1 { background-color: #e3e5e5; border: 1px solid #dbdbdb; margin: 2px; padding: 10px; width:550px; }
.policehp{ font-family: 'La Belle Aurore', cursive; text-transform: lowercase; font-size: 35px; margin-bottom: -5px; margin-top: 20px; }
.imghp1 { width: 100px; border: 5px solid #dbdbdb; }
.imghp2 { width: 200px; border: 5px solid #dbdbdb; }
/* Le bloc conteneur */ .contenteurhp { background:none; position:relative; margin: 4px; width:110px; /* on fixe la largeur */ height:170px; /* et la hauteur */ overflow:hidden; /* Tout ce qui dépasse est caché ! */ }
/* le bloc info */ .contenthp { /* positionnement absolu par rapport au conteneur (qui est en relatif) */ position:absolute; bottom:0; /* 0px par rapport au BAS du conteneur */ left:0; /* 0px par rapport à la gauche du conteneur */ width:110px; /* on fixe la largeur, là j'ai mis "tout l'espace disponible", donc 100% */ height:25px ; /* on fixe la hauteur, par exemple la même chose que notre conteneur (on peut mettre moins)*/ margin-bottom:-25px; /* on décale le bloc de 250px vers le bas, comme il "sort" des dimensions du conteneur, il disparait à cause du overflow hidden */ /* on indique la propriété qui nécessitera une transition et le temps de transition pour tous les navigateurs */ transition:margin 900ms ease; -moz-transition:margin 900ms ease; -o-transition:margin 900ms ease; -htm-transition:margin 900ms ease; -webkit-transition:margin 900ms ease; /* couleur de fond pour la démo */ background:none; background-color: #fff; opacity: 0.8; line-height: 11px; }
/* lorsqu'on survole le conteneur (:hover), le bloc .info change */ .contenteurhp:hover .contenthp { margin:0; /* la marge passe à 0, et le bloc réapparait ! Comme il était en bas, il donne l'impression de monter */ }
.cadrehp2 { margin: 2px; padding: 5px; line-height: 10px; width: 200px; height: 150px; font-size: 10px; background-color: #e8e8e8; border: 5px solid #dbdbdb; overflow:auto; text-align:justify; }
.cadrehp2::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }
.cadrehp2::-webkit-scrollbar-track { background-color: none !important; }
.cadrehp2::-webkit-scrollbar-thumb { background-color: #f4f4f4; width: 3px !important; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.cadrehp3 { margin-left: 3px; padding: 5px; line-height: 11px; width: 321px; height: 200px; font-size: 11px; background-color: #e8e8e8; border: 5px solid #dbdbdb; overflow:auto; text-align:justify; margin-bottom: 10px; }
.cadrehp3::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }
.cadrehp3::-webkit-scrollbar-track { background-color: none !important; }
.cadrehp3::-webkit-scrollbar-thumb { background-color: #f4f4f4; width: 3px !important; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.cadrehp4 { align:center; margin: 2px; padding: 5px; line-height: 11px; width: 500px; font-size: 11px; background-color: #e8e8e8; border: 5px solid #dbdbdb; text-align:justify; margin-bottom: 10px; }
/* Le bloc conteneur */ .contenteurhp1 { background:none; position:relative; margin: 4px; width:210px; /* on fixe la largeur */ height:330px; /* et la hauteur */ overflow:hidden; /* Tout ce qui dépasse est caché ! */ }
/* le bloc info */ .contenthp1 { /* positionnement absolu par rapport au conteneur (qui est en relatif) */ position:absolute; bottom:0; /* 0px par rapport au BAS du conteneur */ left:0; /* 0px par rapport à la gauche du conteneur */ width:210px; /* on fixe la largeur, là j'ai mis "tout l'espace disponible", donc 100% */ height:50px ; /* on fixe la hauteur, par exemple la même chose que notre conteneur (on peut mettre moins)*/ margin-bottom:-50px; /* on décale le bloc de 250px vers le bas, comme il "sort" des dimensions du conteneur, il disparait à cause du overflow hidden */ /* on indique la propriété qui nécessitera une transition et le temps de transition pour tous les navigateurs */ transition:margin 900ms ease; -moz-transition:margin 900ms ease; -o-transition:margin 900ms ease; -htm-transition:margin 900ms ease; -webkit-transition:margin 900ms ease; /* couleur de fond pour la démo */ background:none; background-color: #fff; opacity: 0.8; line-height: 11px; }
/* lorsqu'on survole le conteneur (:hover), le bloc .info change */ .contenteurhp1:hover .contenthp1 { margin:0; /* la marge passe à 0, et le bloc réapparait ! Comme il était en bas, il donne l'impression de monter */ }
.cadrehp5 { margin-left: 3px; padding: 5px; line-height: 11px; width: 220px; height: 310px; font-size: 11px; background-color: #e8e8e8; border: 5px solid #dbdbdb; overflow:auto; text-align:justify; }
.cadrehp5::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }
.cadrehp5::-webkit-scrollbar-track { background-color: none !important; }
.cadrehp5::-webkit-scrollbar-thumb { background-color: #f4f4f4; width: 3px !important; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.cadrehp6 { margin-left: 3px; margin-bottom: 4px; margin-top: 4px; padding: 5px; line-height: 11px; width: 442px; height: 250px; font-size: 11px; background-color: #e8e8e8; border: 5px solid #dbdbdb; overflow:auto; text-align:justify; }
.cadrehp6::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }
.cadrehp6::-webkit-scrollbar-track { background-color: none !important; }
.cadrehp6::-webkit-scrollbar-thumb { background-color: #f4f4f4; width: 3px !important; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
bbhp { font-size: 10px; font-family: 'Barlow', sans-serif; text-transform: uppercase !important; color: #472b35; }
.cadrehp7 { margin-top: 4px; margin-bottom: 4px; margin-left: 4px; padding: 5px; line-height: 11px; width: 324px; height: 45px; font-size: 11px; background-color: #e8e8e8; border: 5px solid #dbdbdb; overflow:auto; text-align:justify; }
.cadrehp7::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }
.cadrehp7::-webkit-scrollbar-track { background-color: none !important; }
.cadrehp7::-webkit-scrollbar-thumb { background-color: #f4f4f4; width: 3px !important; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
/* page d'acceuil */
.tourpa { background-color:none ; margin: -1px; }
/* Le bloc conteneur */ .contenteurpa { background:none; position:relative; margin: 4px; width:80px; /* on fixe la largeur */ height:30px; /* et la hauteur */ overflow:hidden; /* Tout ce qui dépasse est caché ! */ }
/* le bloc info */ .contentpa { /* positionnement absolu par rapport au conteneur (qui est en relatif) */ position:absolute; bottom:0; /* 0px par rapport au BAS du conteneur */ left:0; /* 0px par rapport à la gauche du conteneur */ width:80px; /* on fixe la largeur, là j'ai mis "tout l'espace disponible", donc 100% */ height:30px; /* on fixe la hauteur, par exemple la même chose que notre conteneur (on peut mettre moins)*/ margin-bottom:-30px; /* on décale le bloc de 250px vers le bas, comme il "sort" des dimensions du conteneur, il disparait à cause du overflow hidden */ /* on indique la propriété qui nécessitera une transition et le temps de transition pour tous les navigateurs */ transition:margin 800ms ease; -moz-transition:margin 800ms ease; -o-transition:margin 800ms ease; -htm-transition:margin 800ms ease; -webkit-transition:margin 800ms ease; /* couleur de fond pour la démo */ background:none; background-color: #fff; opacity: 0.8; }
/* lorsqu'on survole le conteneur (:hover), le bloc .info change */ .contenteurpa:hover .contentpa { margin:0; /* la marge passe à 0, et le bloc réapparait ! Comme il était en bas, il donne l'impression de monter */ }
.cadrepa1 { border: 1px solid #f9f8f7; background-color: #fcfcfc; width: 377px; padding: 3px; margin: 2px; margin-left:0px!important; margin-top:4px!important; margin-bottom: 4px!important;
} .cadrepa2 { border: 1px solid #f9f8f7; background-color: #fcfcfc; width: 377px; height: 100px; overflow: auto; text-align: justify; padding: 3px; margin: 2px; margin-left:0px!important; margin-top:4px!important; }
.cadrepatop { border: 2px solid #f9f5f2; background-color: #F0EFEE; color: #c9bbb1; margin-top: 1px; padding-bottom: 1px; text-align: center; width: 375px; padding: 3px; font-family: 'PT Sans Narrow', sans-serif !important; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; text-shadow: 1px 1px 1px #ffffff; }
.cadrepatop2 { border: 2px solid #f9f5f2; background-color: #F0EFEE; color: #c9bbb1; margin-top: 1px; padding-bottom: 1px; text-align: center; width: 375px; padding: 3px; font-family: 'PT Sans Narrow', sans-serif !important; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; text-shadow: 1px 1px 1px #ffffff; }
.cadrepa3 { border: 1px solid #f9f8f7; background-color: #fcfcfc; width: 377px; padding: 3px; margin: 2px; margin-left:0px!important; margin-top:4px!important; height: 60px; overflow: auto; text-align: justify; }
.mainmenu { font-size: 10px; font-family: 'Barlow', sans-serif !important; text-transform: uppercase !important; text-align: center; margin-bottom: 6px !important; color: #5C4E59 !important; }
.nav1 { align: center !important; text-align: center !important; background-color: #5C4E59; padding-bottom: 4px; padding-top: 1px; position: relative; width: 800px; }
/* geel */
.tourqeel { background-color: #EFEFEF; font-size: 10px; }
.cadreqeeltop { border: 2px solid #f9f5f2; background-color: #f9f7f4; color: #c9bbb1; margin-top: 1px; padding-bottom: 1px; text-align: center; width: 265px; padding: 3px; font-family: 'PT Sans Narrow', sans-serif !important; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; text-shadow: 1px 1px 1px #ffffff; }
.cadreqeel2 { width: 250px; height: 130px; text-align: justify; border: 1px solid #f9f8f7; background-color: #fcfcfc; margin-left: 1px; text-transform: lowercase; padding:1px; overflow:auto; }
#kaboum .row1 { background: none; overflow: auto !important; text-align: justify; font-size: 8px !important; }
.debug td.row1 { background: none; text-align: justify !important; height: auto !important;}
.cadreqeel3 { width: 270px; height: 100px; text-align: justify; border: 1px solid #f9f8f7; background-color: #fcfcfc; margin-left: 1px; text-transform: lowercase; padding: 1px; margin-top: 5px; margin-left:0px; }
.policeqeel { font-size: 8px; text-transform: uppercase !important; margin-top: 4px; }
.cadreqeel4 { width: 110px; height: 50px; text-align: center; padding: 1px; background-color: #f9f5f2; margin-bottom: 5px; font-family: 'Seaweed Script', cursive; text-transform: lowercase; font-size: 20px; letter-spacing: -1px; text-shadow: 1px 1px 1px #ffffff; line-height: 10px; }
.cadreqeel5 { width: 110px; height: 50px; text-align: center; padding: 1px; background-color: #f9f7f4; margin-bottom: 5px; font-family: 'Seaweed Script', cursive; text-transform: lowercase; font-size: 20px; letter-spacing: -1px; text-shadow: 1px 1px 1px #ffffff; line-height: 10px; }
.link1 { width: 90px; text-transform: uppercase; padding-right: 4px; padding-left: 4px; padding-bottom: 2px; padding-top: 2px; font-size: 9px; margin-bottom: 0px; text-shadow: 1px 0px 1px #ffffff; border: 2px solid #f9f5f2; background-color: #F0EFEE; opacity: 0.5; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; text-align: center; }
.link1:hover { width: 90px; text-transform: uppercase; padding-right: 4px; padding-left: 4px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 0px; font-size: 9px; text-shadow: 1px 0px 1px #ffffff; border: 2px solid #f9f5f2; background-color: #f9f7f4; opacity: 1; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; text-align: center; } |
| | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. ceci est un test pour les messages écrits et les réponses postées. |
| | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| - Code:
-
test pour le sélectionneur de code. |
| | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| nom et prénom age : écrire ici. origine : écrire ici. nationalité : écrire ici. statut : écrire ici. orientation : écrire ici. emploi : écrire ici. caractère : écrire ici. localisation : écrire ici. | |
ces quelques mots pour vous dire famille pour avoir des branches, l'arbre a besoin de racines. pour s'accomplir, l'homme a besoin d'une famille.
en bref à peine quelques points pour s'exprimer, se dévoiler. juste assez, pas besoin d'en faire des masses. derrière l'écran nom/pseudo : écrire ici. avatar : écrire ici. crédits : solsken (avatar) & bigbadwolf (icon). un petit mot : écrire ici.
| | - Code:
-
<t3>celebrité</t3> ~ nom et prénom étudiants ; - Code:
-
:star: <t7>NOM ET PRENOM</t7> corps professoral/administratif - Code:
-
:star: <u>fonction</u> / <t7>NOM ET PRENOM</t7> |
| | Bill Huxhon première année. Messages : 19 Localisation : camp westside, las vegas.
| |
| consulter le bottin.
a,b,calexis ren ~ murillo, valentina arón piper ~ pacheco miguel annie marie ~ jaz rio d,e,felle fanning ~ lily paréra elizabeth olsen ~ josefine gomez evangeline lilly ~ kiara velasques francisco lachowski ~ ìñigo santos g,h,igigi hadid ~ silene flores j,k,ljamie lorente ~ beni salvare jon kortajarena ~ nicolás siempre kaia gerber ~ del rio sierra kian lawley ~ ramírez janko LOLA HERRERA ~ carmen arranz m,n,omargot robbie ~ gaia cortes naomi scott ~ thalia lopez naya rivera ~ sanchez serena p,q,rs,t,u,vteresa seco ~ cataleya espiña timothée chalamet ~ carmine amato Timur Simakov ~ dante quesadas Tom Ellis ~ agustin mendoza w,x,y,zZAYN MALIK ~ yago garcia |
| | | | | test pour les codes.
Page 1 sur 1 ~ |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |