Welcome

Halloween Présentations & Prédéfinis

Rowan

Halloween, LS codage Forumactif Fiches & Messages Présentations & Prédéfinis Rowan

Toutes versions

Optimisé Une fiche RP est également disponible. L'image de fond du header est en 500*340px. Les carrés d'introduction sont en 216*216px. L'image suivant le caractère est en 500*232px. L'illustration précédant les Funfacts est en 500*253px. Différents effets au survol : passage en noir & blanc, rotation, les overflow s'affichent également au survol des textes. La partie HRP est disponible au survol du "else" de bas de fiche.

Retour

Codage présentation Rowan Halloween Forumactif

CSS

.rowan_pres {
    background: #f3f3f3;
    width: 500px;
    margin: auto;
    text-align: justify;
    line-height: 2;
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    overflow: hidden;
  	position: relative;
}

.rowan_pres header::before {
    content: "";
    background: url(https://i.imgur.com/4kIXbAp.png);
    display: block;
    width: 100%;
    height: 23px;
}

.rowan_pres p {
    font-family: 'Roboto Condensed', sans-serif;
}

.clear {
    clear: both;
}

.rowan_pres ::-webkit-scrollbar-thumb {
    background: #333;
    border: 0;
}

.rowan_pres ::-webkit-scrollbar {
    background: #e3e3e3;
    border: 0;
    width: 3px;
}

/************************************ HEADER ************************************/
.rowan_pres header {
    background: url(https://i.imgur.com/px1IhBF.png);
    height: 340px;
    box-sizing: border-box;
}

.rowan_pres header div {
    background: rgba(255,255,255,.8);
    width: 48%;
    margin: 7%;
    padding: 0 5% 5%;
    box-sizing: border-box;
}

.rowan_pres header h2 {
    font-family: Arial, sans-serif;
    font-size: 60px;
    letter-spacing: -5px;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    color: #ddb642;
    margin: 0;
}

.rowan_pres header p {
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1.5;
    color: #707070;
    margin: -13% 0 0;
}

.rowan_pres header p::after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    border-bottom: 5px solid #daab06;
    margin: 5% 0;
}

/************************************ INTRODUCTION ************************************/
.rowan_introduction {
    height: 360px;
}

.rowan_pres #gauche {
    float: left;
    margin: -9% 0 0 5%;
}

.rowan_always, .rowan_before {
    width: 40%;
    float: left;
    margin: 0 5.5%;
    height: 145px;
}

.rowan_always h3, .rowan_before h3 {
    color: #daab06;
    font-size: 24px;
    font-weight: normal;
    font-style: italic;
    font-family: 'Arial', sans-serif;
    letter-spacing: -2px;
    text-transform: lowercase;
    margin: 5% 0 0;
}

.rowan_always p, .rowan_before p {
    font-size: 12px;
    margin: 0;
    width: 100%;
    height: 115px;
    overflow: hidden;
    padding: 0 5% 0 0;
    box-sizing: border-box;
}

.rowan_introduction:hover .rowan_always p, .rowan_introduction:hover .rowan_before p {
    overflow: auto;
}

.rowan_introduction span {
    color: #daab06;
    font-weight: 700;
}

.rowan_introduction #droite {
    margin: 5% 0 0 0;
    z-index: 2;
    position: relative;
}

/************************************ CARACTERE ************************************/
.rowan_caractere {
    background: #ffffff;
    padding: 5%;
}

.rowan_pres #graou {
    float: left;
    margin: 5% 10% 0 0;
}

.rowan_pres h4 {
    text-align: right;
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
}

.rowan_pres .rowan_caractere span, .rowan_pres .rowan_histoire span, .rowan_pres .funfacts span {
    display: block;
    content: "";
    width: 7%;
    border-bottom: 1px solid #daab06;
    float: right;
    margin: -.5% 0 0;
}

.rowan_caractere:hover .rowan_caractere p {
    overflow: auto;
}

.rowan_caractere p {
    width: 55%;
    box-sizing: border-box;
    height: 150px;
    overflow: hidden;
    margin: 2% 0 0;
    display: block;
}

.rowan_caractere:hover p {
    overflow: auto;
    padding: 0 3% 0 0;
}

.rowan_sosex {
    transition: .5s all;
}

.rowan_sosex:hover {
    transition: .5s all;
    transform: rotate(-3deg);
}

#graou:hover {
    transform: rotate(20deg);
    transition: .5s all;
}

/************************************ HISTOIRE ************************************/
.rowan_histoire {
    background: #fff;
    padding: 8% 5%;
}

.rowan_histoire h4 {
    text-align: left;
}

.rowan_pres .rowan_histoire span {
    float: left;
}

.rowan_histoire p {
    width: 100%;
    box-sizing: border-box;
    height: 210px;
    overflow: hidden;
}

.rowan_histoire:hover p {
    overflow: auto;
    padding: 0 3% 0 0;
}

.rowan_apreshistoire:hover, #caractere:hover {
    filter: grayscale(1);
    transition: .5s all;
}

.rowan_apreshistoire, #caractere, #graou {
    transition: .5s all;
}

/************************************ FUNFACTS ************************************/
.funfacts {
    background: url(https://i.imgur.com/TFsNYYy.png) no-repeat bottom right #f7f7f7;
    padding: 5% 5% 25%;
}

.funfacts p {
    margin: 3% 0;
    width: 100%;
    height: 195px;
    overflow: hidden;
    box-sizing: border-box;
}

.funfacts:hover p {
    overflow: auto;
    padding: 0 3% 0 0;
}

img.image_jaune {
    margin: 0 0 9.7%;
}

/************************************ FOOTER ************************************/
.footer h5 {
    background: #000;
    display: block;
    width: 100%;
    color: #f7f7f7;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    font-style: italic;
    letter-spacing: -2px;
    font-family: Arial, sans-serif;
    margin: 0;
}

.footer {
    position: absolute;
    z-index: 2;
    height: 298px;
    width: 100%;
    transition: .5s all;
    background: url(https://i.imgur.com/EYDIFZj.png) no-repeat bottom;
    bottom: -250px;
}

.footer:hover {
    transition: .5s all;
    bottom: 0;
}

.rowan_footer_content {
    float: right;
    width: 50%;
}

#ghost {
    margin: 10% 15% 0 0;
    float: right;
}

.rowan_footer_content p {
    font-family: 'Times New Roman', sans-serif;
    font-size: 24px;
    line-height: 1.3;
    font-style: italic;
    color: #fff;
    margin: 45% 5% 0;
    text-align: center;
}

.rowan_footer_content p span {
    font-family: 'Arial', sans-serif;
    font-size: 8px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5% 0 0;
    display: block;
    text-align: right;
}

HTML

Un peu faible, mais gentil. Il pense assez peu à lui finalement, vivant la vie qui lui a été prise (par sa propre personne) à travers les générations qui se succèdent au Château. Les Directeurs Scamander lui proposèrent même un poste de peur qu'il ne s'ennuie, mais le seul qui intéressait le fantôme était médecin : et clairement, c'était pas possible. En soit, s'occuper de tout ce beau monde et veiller à ce qu'un sourire teinte leur visage l'occupe bien assez. Et quand il a finit de veiller à ce que chacun se couche l'esprit tranquille, il va taper la causette au Choixpeau, qui souvent l'envoie promener. Alors il fait semblant de dormir, lui aussi. Parce que bon ses journées sont compliquées à Rowan : il aide untel avec ses devoirs, il conseille celui-ci sur le choix de son Balais, il écrit un poème pour bidule de la part de machin ... il y a toujours à faire !

Attention par contre à ne pas le frustrer, le Rowan. Il est gentil, partageur, ... mais il est susceptible aussi. Si vous critiquez ses proses, vous risquez de ne plus le voir plaider votre cause ! Même s'il faut vraiment le pousser pour atteindre ces extrêmes. Parce que bon ça reste un Papa poule dans un cœur d'enfant, un romantique, un humaniste. Confiez-lui vos secrets, ils ne seront jamais révélés ! Sans compter que Rowan ne fait aucune distinction : sang-mêlé, sang pur, cracmol ... tous dans le même panier ! Même au niveau des Maisons ! D'ailleurs, il est en pls à chaque match : car il tient à assister à tous ! Pour féliciter untel ou conseiller celui-là. Putain Johnny on t'a déjà dit de prendre une batte normale sinon ça accroche le cognard !

C'est à peu près tout. Ah non, un détail important : Rowan perd la boule. Faut dire qu'une cervelle explosée ça n'aide pas à garder les idées claires. Il y a donc des jours où il oublie qu'il est décédé, et où il se présente en cours comme un élève lambda, demandant à son voisin de table s'il est nouveau. D'autres où il se croit à l'époque féodales. Autant vous préparer à tout. Et attention si jamais vous voyez une lance se promener à vive allure dans les couloirs, ou si un escalier se met soudain à faire "tic tac".</p></div><img src="https://i.imgur.com/N4ZN7ub.png" class="rowan_sosex" alt="" /><div class="rowan_histoire"><h4>Histoire</h4><span></span><p>Rowan était un sang-mêlé. Un peu turbulent, mais gentil. Son père était compositeur, sa mère interprète. Une vraie catafiore. Mais lui n'était pas doué pour l'art. Pas du tout. Il décida de se consacrer entièrement aux sciences assez jeune. Si bien qu'une fois à Poudlard, il su que le Choixpeau l'enverrait chez les Serdaigle. C'était joué d'avance. Et parfait. Mais non, ntm le Choixpeau.

Lui avait vu juste. Rowan n'était pas un cérébral, pas un féru d'études. Donc naturellement il redirigea le gamin chez les Poufsouffle, bien plus adéquat à sa situation. D'ailleurs très vite le jeune Dillinger se retrouva perdu dans les divers cours de potions. La logique, clairement c'était pas son truc. Mais il persévérait : faut dire que l'ambiance de sa Maison aidait beaucoup. Les Blaireaux (qui n'en sont clairement pas) sont des bosseurs acharnés, si bien que Rowan surmonta vite ses lacunes. L'aide des copains c'est toujours bénéfique. Et il savait leur rendre la pareille. Car animer la salle des Poufsouffle, c'était un art propre à Rowan ! Il n'accordait que peu d'importance aux autres élèves, mais les jaunes & noirs c'était le sang ! En soit la vie était tranquille, il travaillait raisonnablement, s'investissait suffisamment dans sa vie sociale ... jusqu'à cette idée à la con en décembre 1980.

C'était la veille des vacances de Noël. Rowan aurait pu rentrer chez lui, danser dans la rue habillé en héros de tragédie pendant que ses vieux chantaient, comme chaque année. Mais non, il n'avait pas envie. Il allait donc rester avec quelques camarades au Château, à se morfondre sur la vie devant des gros pots de glace. Comme chaque année, malgré les efforts du personnel. Mais la tristitude, ça, Rowan il n'aime pas. Alors il avait préparé son coup. Il avait commandé un tout nouvel objet de Farces & Attrapes, destiné à exploser en plein milieu du dernier repas avant le grand départ. Un truc inoffenssif, gentil, qui repeindrait tout bêtement ses victimes. Rowan entendait déjà les rires de ses comparses. Mais personne ne rit et tout ce qu'il fit fut de recouvrir le chemin vers Pré-au-Lard des confettis de sa modeste personne (cf <a href="http://dabberblimp.forumactif.com/t43p195-demande-de-particularite-test-rp#32424">comment je suis mort</a> en vente dans toute bonne librairie).

Il ne se souvint même pas des détails. Ni de la douleur qu'il avait pu ressentir. Quand il émergea de ses propres songes, il était plus ou moins assis sur une chaise, face au Directeur de l'époque. Il ne comprit pas le mot "décédé" et son statut de fantôme fut rude à accepter. Les regards de ses comparses changèrent, du compatissant au haineux (faut dire qu'à cause de lui la nouvelle boutique de l'époque avait du fermer). Et il erra à l'extérieur pendant de longues semaines, se laissant mourir d'ennui. Avant de comprendre que non, il ne pourrait pas en mourir. Puis vint une période où son esprit malade décida de tout effacer. Sa disparition, les regards d'autrui. Il était un étudiant comme un autre. Rowan se conviait à la table des Poufsouffle, tentant de dialoguer avec ses camarades. Il assistait aux cours. Prenait sa douche. Mangeait (les elfes le remercie pour toute la bouffe tombée par terre). Étudiait. Il allait même aux toilettes et tirait la chasse.

Sa fausse vie pleine d'illusion troublait la vie à Poudlard. Alors un jour le Directeur fut obligé de lui demander de cesser, et d'accepter la vérité. Quand il sortit du bureau, il tomba sur une jeune fille en pleurs qui changea le reste de son existence à jamais. Des paroles réconfortantes, une petite blague pour soulager tout le monde, et accepter le poids des erreurs de jeunesse. Voila pourquoi Poudlard l'avait gardé près de lui. Pour apporter l'attention dont manquait certains élèves, pour leur rendre le sourire et les épauler ! Dés le lendemain il se mit à l'ouvrage. Et plus jamais il ne fut triste. Plus jamais il ne s'ennuya. Il s'appelle Rowan, aimez-le !</p></div><img src="https://i.imgur.com/6vkyj9O.png" class="rowan_apreshistoire" alt="" /><div class="funfacts"><h4>Funfacts</h4><span></span><p>Rowan parle de lui à la troisième personne, parce que Rowan est précieux ~ Rowan parle souvent en vers, du coup faut être patient quand on attend une réponse de sa part ~ Quand il est à l'extérieur, il se balade généralement à dos de Sombral ~ Rowan a épousé Poudlard : une belle cérémonie, avec son Sombral attitré (Hamlet), où il a pu dire au Château "jusqu'à ce que tes lèvres nous sépare". Parce qu'un château ça a pas de lèvres. Donc ils seront jamais séparés, voyez. Les Directeurs Scamander le lui ont permis même que. La présence du cheval légendaire fut l'occasion pour lui de déterminer quels élèves avaient le plus besoin de soutien : ceux qui percevaient sa présence ~ Il voulait être le médecin de l'école, mais askip "faire des bisous magiques et poser des pansements Garfield" c'est pas des compétences suffisantes. Rabat-joie cette Aileen ~ Rowan veut une fiancée ~ Il oublie parfois qu'il est mort, alors quand il fonce dans quelqu'un il sort un "Oh pardon, je ne vous ai point blessée ? Quel gardon ! Je me maudits quand je vois votre air affligé !" ~ Il prépare tout un arsenal de farces & attrapes caché dans la Forêt Interdite, pour défendre Poudlard au cas où ils seraient attaqués par des clowns sans talent ~ Rowan adore la technologie : une première année lui a même offert un téléphone pour le remercier de ses précieux conseils. Même que quand on appuie sur le bouton vert il dit "oulala j'ai un appel" et sur le rouge il distribue des bonbons à la fraise. A quand le minitel ? ~ Il vous donnera tout ce que vous voulez contre un aliment à base de fraise ~ Il adore Halloween mais n'a pas bien compris le concept ~ Rowan prend sa douche deux fois par jour ~ Si vous l'enfermez dans les toilettes il va pleurer jusqu'à ce que quelqu'un lui ouvre (non, il ne pensera pas à passer à travers la porte) ~ Il a un fan club : le Deal In Gear. Il en est le créateur et le principal membre. N'hésitez pas à le contacter pour tout problème, c'est traité en vitesse ! Tous les ans il convie les élèves sur le chemin de Pré-au-Lard où il célèbre sa mort. Chacun vient déguisé et fait son lot de farces pour rire de ce jour.</p></div><img src="https://i.imgur.com/juyglq8.png" class="image_jaune" alt="" /><div class="footer"><h5>else</h5><div class="rowan_footer_content"><img src="https://i.imgur.com/3NRUOBC.png" alt="" id="ghost" /><p>Coucou c'est Alex
Je vous aime
Des bisous
<span><a href="http://ls-halloween.fr/">Halloween</a></span></p></div></div></div>

#Rowan #Présentation #forumactif #codage #libreservice

Halloween