Créditos
» Skin obtenido de Captain Knows Best creado por Neeve, gracias a los aportes y tutoriales de Hardrock, Glintz y Asistencia Foroactivo.» Demás Créditos del Foro. |
Lorem ipsum dolor sit amet consectetur adipiscing elit tellus tempor leo nisl non dictumst, lacinia primis ligula nunc rhoncus vitae morbi accumsan vulputate potenti in egestas. Sem gravida eget etiam euismod volutpat arcu suspendisse natoque auctor enim faucibus, neque metus tempus sociosqu aptent fusce erat scelerisque interdum class laoreet primis, accumsan taciti nisi aenean dictum ut cursus litora tempor lectus. Pharetra torquent etiam eget felis venenatis per accumsan cum, eleifend blandit semper vivamus penatibus orci magnis convallis lacinia, id rhoncus aliquam risus hendrerit conubia potenti.
Lorem ipsum dolor sit amet consectetur adipiscing elit et augue dis duis mollis facilisi fames, porta vitae nascetur mi mattis habitant praesent proin ut eros auctor vivamus. Dapibus nisl sociosqu curabitur faucibus fermentum tempor ridiculus scelerisque maecenas lectus pharetra felis, litora parturient enim odio vel montes dis nam orci sollicitudin sed nunc, risus varius duis fusce tristique imperdiet aliquam mauris neque magna blandit. Fermentum posuere sodales est cursus quisque augue pellentesque felis ridiculus nunc tristique, lectus laoreet leo ante habitant diam commodo primis potenti etiam, curabitur auctor eleifend integer varius euismod per cubilia libero ullamcorper. Porttitor hendrerit congue diam dis montes, taciti ullamcorper luctus nisi justo consequat, duis blandit sem aliquet.
Diam porta himenaeos class quam vulputate sodales pellentesque, dapibus ad malesuada ultricies ridiculus risus aliquet, metus lobortis dignissim neque magnis vestibulum. Imperdiet interdum egestas turpis dignissim cras gravida vulputate dis orci potenti sed, nec ligula quam sodales sagittis lacinia nulla ut eget sapien aenean tempus, aliquam inceptos nullam commodo suscipit mattis justo dapibus scelerisque duis. Orci eu nullam fusce suscipit lacinia per morbi, habitant egestas aenean dictumst facilisis lobortis, vehicula placerat et erat tortor sagittis. Sem ridiculus nisi arcu urna eget etiam in, ligula curabitur integer scelerisque at justo leo aliquet, tristique fringilla magnis vestibulum felis ullamcorper. Nibh justo ac neque pretium fermentum magna torquent luctus class, commodo per rhoncus imperdiet in senectus habitasse quis sagittis, id mollis primis nostra bibendum leo porta scelerisque. Curabitur euismod ad magnis id sollicitudin lobortis hendrerit ultrices duis tincidunt, hac egestas risus mus habitant suscipit sagittis elementum proin pharetra, senectus dapibus cras mauris quisque etiam eros primis convallis. Pulvinar aptent massa porttitor justo taciti congue suspendisse cras morbi elementum enim, tellus blandit eget nisl rhoncus turpis vehicula platea metus. Tellus lobortis posuere pharetra mauris morbi pellentesque litora class aliquet, ante auctor varius iaculis placerat laoreet molestie suspendisse, rhoncus magnis et bibendum mattis ultrices dictumst justo. Mollis vivamus tellus maecenas libero eget, aliquam nunc gravida suspendisse, congue molestie malesuada iaculis. Curabitur mi suscipit dapibus litora aenean eleifend vel, augue leo venenatis habitant donec turpis. Senectus eros mus quis in venenatis luctus dui cum magna suspendisse, velit quisque penatibus nam pharetra eu suscipit nec quam, dignissim at natoque vulputate morbi proin a turpis facilisi. Leo sociis mi varius non id hendrerit dui nulla malesuada, potenti urna mollis libero sollicitudin venenatis magnis facilisi suspendisse class, ac posuere mattis arcu donec montes tellus quisque. Tristique venenatis euismod himenaeos cras neque ultrices imperdiet, senectus tortor mattis in porta magnis. Vehicula tempor hendrerit condimentum mattis sollicitudin et, sapien pulvinar eget fusce hac, eu ridiculus mauris tristique faucibus.
L.
F a n i a h h / L a l a / C y a l a n a
Faniahh/Lala/Cyalana
Faniahh/Lala/Cyalana
You, the moon. You, the road. You, the little flowers by the side of the road.
You keep singing along to that song I hate. Stop singing.
Dato: Contenido. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Contenido. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Contenido. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Contenido. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Contenido. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Contenido. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Contenido. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Título de dato, puede ser icono Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula.
Título de dato, puede ser icono Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu.
Título de dato, puede ser icono Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque.
Título de dato, puede ser icono Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Título de dato, puede ser icono Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam.
Título de dato, puede ser icono Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Nombre Apellido: Dato. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nombre Apellido: Dato. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nombre Apellido: Dato. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nombre Apellido: Dato. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nombre Apellido: Dato. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nombre Apellido: Dato. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nombre Apellido: Dato. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
08STRENGTH
12DEXTERITY
15CONSTITUTION
10INTELLIGENCE
14WISDOM
16CHARISMA
parts of him were dead already, certainly other parts were still only waiting
for something to happen, something grand, but it isn’t
always about me,
he keeps saying, though he’s talking about the only heart he knows—
He could build a city. Has a certain capacity. There’s a niche in his chest
where a heart would fit perfectly
and he thinks if he could just maneuver one into place—
well then, game over.
NC
Dernière édition par Admin le Jeu 4 Avr 2024 - 18:13, édité 1 fois
name surname
RANK OR DATA OF THE CHARACTER
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Nunc posuere turpis et quam ultrices fringilla. Quisque auctor tellus quis neque vehicula sodales.
Morbi accumsan justo egestas consectetur porttitor. Vestibulum vulputate velit ut nibh tempus dictum.
Etiam vitae lacus scelerisque, consequat turpis at, commodo felis. Donec venenatis eros a mauris posuere, et tincidunt lacus gravida.
Ut hendrerit sem a fermentum ullamcorper. Quisque mollis lacus id auctor volutpat.
name surname
RANK OR DATA OF THE CHARACTER
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Nunc posuere turpis et quam ultrices fringilla. Quisque auctor tellus quis neque vehicula sodales.
Morbi accumsan justo egestas consectetur porttitor. Vestibulum vulputate velit ut nibh tempus dictum.
Etiam vitae lacus scelerisque, consequat turpis at, commodo felis. Donec venenatis eros a mauris posuere, et tincidunt lacus gravida.
Ut hendrerit sem a fermentum ullamcorper. Quisque mollis lacus id auctor volutpat.
name surname
RANK OR DATA OF THE CHARACTER
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Nunc posuere turpis et quam ultrices fringilla. Quisque auctor tellus quis neque vehicula sodales.
Morbi accumsan justo egestas consectetur porttitor. Vestibulum vulputate velit ut nibh tempus dictum.
Etiam vitae lacus scelerisque, consequat turpis at, commodo felis. Donec venenatis eros a mauris posuere, et tincidunt lacus gravida.
Ut hendrerit sem a fermentum ullamcorper. Quisque mollis lacus id auctor volutpat.
name surname
RANK OR DATA OF THE CHARACTER
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dato: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin accumsan gravida. Suspendisse ac finibus arcu. Curabitur et vestibulum quam. In non nibh eu neque elementum venenatis. Sed sodales metus et aliquet porttitor. Proin aliquet elit at suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus tortor, luctus tristique lacus sed, vehicula venenatis arcu. Donec vestibulum nibh non nunc pulvinar, eu pulvinar mi hendrerit. Morbi consectetur molestie dolor at tempor. Donec malesuada maximus purus eget scelerisque. Duis finibus faucibus elit vel mattis. Mauris malesuada sagittis felis tristique varius.
Fusce euismod metus eget magna dapibus sollicitudin. Curabitur et justo nec felis gravida feugiat quis at massa. Fusce elit risus, euismod feugiat posuere a, feugiat vel diam. Nunc quis eros eu est efficitur cursus. Cras sed tristique ipsum. Mauris non convallis enim. Suspendisse potenti. Ut at mattis justo.
Nunc posuere turpis et quam ultrices fringilla. Quisque auctor tellus quis neque vehicula sodales.
Morbi accumsan justo egestas consectetur porttitor. Vestibulum vulputate velit ut nibh tempus dictum.
Etiam vitae lacus scelerisque, consequat turpis at, commodo felis. Donec venenatis eros a mauris posuere, et tincidunt lacus gravida.
Ut hendrerit sem a fermentum ullamcorper. Quisque mollis lacus id auctor volutpat.
NC
98 puntos Slytherin is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by Salazar Slytherin. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters. | 198 puntos Slytherin is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by Salazar Slytherin. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters. | 108 puntos Slytherin is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by Salazar Slytherin. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters. | 128 puntos Slytherin is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by Salazar Slytherin. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters. |
dato dato dato dato dato |
Date de naissance
Nationalité
Race
Lieu de vie
Métier
Langues parlées
Anecdotes Si tu veux rajouter quelques passages amusant qui sont arrivés à ton personnage
Et pour l'école ?
Ton personnage à l'opportunité d'aller à l'école de Sorcerien à n'importe quel moment de sa vie. Qu'il y soit aller ou non, il en a forcément entendu parlé ! Dis nous ici ce qu'il en pense ou comment s'est passé sa scolarité s'il y est déjà allé.
S'il vient juste de s'inscrire, tu peux noter ici la spécialité qu'il a choisi et nous envoyer la réponse à ce formulaire par mp histoire que l'on te donne la maison dont il fera partie à l'école pour que tu puisse la rajouter. Merci d'effacer ce texte pour écrire ce que tu veux à la place.
Ce que j'aime... Liste de ce que tu aimes
Ce que je déteste... Liste de ce que tu détestes
Mes petites manies... Des habitudes ? Des tocs ? Des manies inavouées mes remarquables par les plus observateurs d'entre nous ?
Des peurs ? Des phobies ? Ici
Mon physique ? Ce n'est pas assez voyant ?
Taille ici
Poids ici
Carrure ici
Couleur de peau ici
Cheveux ici
Yeux ici
Voix ici
Démarche ici
Habitudes vestimentaire ici
Autres particularités ici
Note ici toutes les capacités de ton personnage et leur niveau de maîtrise.
S'il ne les connaît pas mais que c'est une évolution futur que tu a en tête, merci de les noter également en précisant qu'il ignore leurs existence.
Tu peux noter ici également s'il a des problèmes à maîtriser sa nature ou s'il ne l'apprécie pas... en bref, le regard qu'il porte sur celle-ci. Merci d'effacer ce texte pour écrire ce que tu veux à la place.
Mon dossier médical ? Et puis quoi encore...
Ici, tu peux noter tout ce qui concerne le côté médical de ton perso, qu'il en soit conscient ou non. Cela fait beaucoup mais nous aimons bien avoir des petit détails pour apprendre à te connaître au mieux. Merci d'effacer ce texte pour écrire ce que tu veux à la place.
Dernière édition par Admin le Dim 31 Mar 2024 - 19:57, édité 13 fois
01. DATO
02. DATO
03. DATO
04. DATO
05. DATO
06. DATO
Hye Ri
- Code:
/*
— ☾ —
CYBERPUNK Copyright (C) 2022 Crescendum
Visit for my codes:
- https://crescendumcodes.tumblr.com/
- https://codepen.io/crescendumcodes
*/
a {text-decoration: none}
body{
background-image: url("https://i.imgur.com/bWmo8Qu.jpg");
height: 100vh;
width: 100%;
overflow: hidden;
display: flex;
flex-direction:column;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover
}
David Martinez
Ocupado
Libre
Ocupado
- Code:
<link href="https://fonts.googleapis.com" rel="preconnect" /><link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,600;0,700;1,400&display=swap" /><script crossorigin="anonymous" src="https://kit.fontawesome.com/04c456a8d1.js"></script>
<div id="hueso22">
<div id="banner">
</div>
<div id="tablon">
<div class="conexiontop">
</div>
<div id="contenido">
<input checked="" id="principal" name="tabs" type="radio" /> <label for="principal">información</label> <input id="secundario" name="tabs" type="radio" /> <label for="secundario">ambientación</label> <input id="terciario" name="tabs" type="radio" /> <label for="terciario">staff y actualizaciones</label>
<div class="tab contprincipal">
<ul class="enlacesimportantes">
<li>
<em class="fa-solid fa-skull">
</em> <a href="enlace">Enlace uno</a>
</li>
<li>
<em class="fa-solid fa-skull">
</em> <a href="enlace">Enlace dos</a>
</li>
<li>
<em class="fa-solid fa-skull">
</em> <a href="enlace">Enlace tres</a>
</li>
<li>
<em class="fa-solid fa-skull">
</em> <a href="enlace">Enlace cuatro</a>
</li>
<li>
<em class="fa-solid fa-skull">
</em> <a href="enlace">Enlace cinco</a>
</li>
<li>
<em class="fa-solid fa-skull">
</em> <a href="enlace">Enlace seis</a>
</li>
</ul>
<div class="ultemas">
</div>
</div>
<div class="tab contsegundo">
<div class="ambientacion">
<h1>
nombre del foro
</h1>
<h2>
subtítulo
</h2>
<div class="texto">
texto que explique ambientación o datos del foro
</div>
</div>
<div class="estacion">
<span>pequeño texto, como por ejemplo temperaturas</span>
</div>
</div>
<div class="tab contercero">
<div class="staff">
<li class="ministaff">
<a href="enlace">ENVIAR MP</a>
</li>
<li class="ministaff">
<a href="enlace">ENVIAR MP</a>
</li>
<li class="ministaff">
<a href="enlace">ENVIAR MP</a>
</li>
</div>
<div class="anuncios">
<li class="evento">
<h1>
título del evento
</h1>
<div style="background-image:url('imagendelevento')" class="imagen">
<a href="enlace al evento">IR</a>
</div>
</li>
<li class="noticia">
<strong>01/11</strong>
<p>
lorem ipsum dolor
</p>
</li>
<li class="noticia">
<strong>01/11</strong>
<p>
lorem ipsum dolor
</p>
</li>
<li class="noticia">
<strong>01/11</strong>
<p>
lorem ipsum dolor
</p>
</li>
<li class="noticia">
<strong>01/11</strong>
<p>
lorem ipsum dolor
</p>
</li>
</div>
</div>
</div>
</div>
</div>
CSS
- Code:
/*HUESOS x CODEMBER22 x MARYSKINS*/
#hueso22 {
--borde:#2E2E2E;
--fondo:#1D1D1D;
--fondo2:#171717;
--acento:#7F8157;
--texto:#ffffff;
--tipografia:'Raleway'; /*Tipografia utilizada*/
--tamanotexto:12px; /*Tamano del texto*/
--imgbanner:url('https://images.pexels.com/photos/8113068/pexels-photo-8113068.jpeg'); /*Imagen del header*/
--imgestacion:url('https://i.imgur.com/2l7ZMqI.png'); /*Imagen de la estacion*/
--imgstaff1:url('https://i.imgur.com/pSHpJL2.jpg'); /*Primera imagen de staff*/
--imgstaff2:url('https://i.imgur.com/pSHpJL2.jpg'); /*Segunda imagen de staff*/
--imgstaff3:url('https://i.imgur.com/pSHpJL2.jpg'); /*Tercera imagen de staff*/
}
/*Esconde los widgets*/
#left,
#right {
display: none;
}
/*Codigo del tablón*/
#hueso22 {
width: 90%;
height: 500px;
background: var(--fondo);
margin: auto;
border: 1px solid var(--borde);
display: flex;
flex-direction: row;
font-family: var(--tipografia);
color:var(--texto);
font-size: var(--tamanotexto);
margin-top: 5%;
margin-bottom: 5%;
overflow:hidden;
}
#hueso22 #banner{
background-image:var(--imgbanner);
background-size: cover;
background-position: center;
width:50%;
height:500px;
border-right:1px solid var(--borde);
}
#hueso22 #tablon {
width: 50%;
height: 500px;
overflow: hidden;
}
#hueso22 #tablon .conexion_mover {
background: var(--fondo2);
width: 100%;
height: 150px;
border-bottom: 1px solid var(--borde);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
position.relative;
position:relative;
}
#hueso22 #tablon .conexion_mover #userbox {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: center;
transition:1s;
}
#hueso22 #tablon .conexiontop #avatarc {
height: 80px; /*Alto del avatar*/
width: 80px; /*Ancho del avatar*/
overflow: hidden;
border: 1px solid var(--borde);
border-radius: 5px;
background-size: cover;
display: flex;
background-position: center;
align-items: center;
justify-content: center;
}
#hueso22 #tablon .conexiontop #avatarc img {
width: 100%;
}
#hueso22 #tablon .conexiontop #cambiobox {
height: 150px;
width: 300px;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--fondo);
transition: 1s;
align-items: center;
}
#hueso22 #tablon .conexiontop #conjuntocambio {
background: var(--fondo);
display: flex;
flex-direction: row;
position: absolute;
right: 0px;
}
#hueso22 #tablon .conexiontop button {
background: var(--acento);
height: 150px;
border: none;
width: 50px;
border-left: 1px solid var(--borde);
font-size: 20px;
color: var(--fondo2);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-right: 1px solid var(--borde);
}
#hueso22 #tablon .conexiontop #cambiobox input {
border: 1px solid var(--borde)!important;
padding: 5px;
border-radius: 5px;
width: 200px!important;
}
#hueso22 #tablon .conexiontop .boton2 {
background: var(--acento);
width: 530px;
font-weight: 600;
height: 30px;
color: var(--fondo2);
border-radius: 5px;
margin-top: 10px;
margin-left: 20px;
border: 1px solid var(--acento);
}
#hueso22 #tablon .conexiontop #boxc {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 5%;
}
#hueso22 #tablon .conexiontop #boxc i{
font-style: normal;
}
#hueso22 #tablon .conexiontop #boxc span{
font-weight:900;
font-size: 1.5em;
color: var(--acento);
}
#hueso22 #tablon .conexiontop form {
display: flex;
flex-direction: column;
height: 150px;
width: 570px;
flex-wrap: wrap;
}
#hueso22 #tablon .conexiontop .invi1 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
height: 50px;
align-items: flex-end;
}
#hueso22 #tablon .conexiontop .invi1 input {
border: 1px solid var(--borde)!important;
padding: 5px;
border-radius: 0px 5px 5px 0px;
width: 200px!important;
height: 17px;
}
#hueso22 #tablon .conexiontop .invi1 p {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 5px;
margin-left: 5px;
}
#hueso22 #tablon .conexiontop .invi1 p strong {
background: var(--acento);
width: 20px;
height: 21px;
border: 1px solid var(--borde);
border-radius: 5px 0 0 5px;
display: flex;
align-items: center;
padding: 3px;
justify-content: center;
color: var(--fondo2);
margin-right: -9px;
z-index: 3;
position: relative;
}
#hueso22 #tablon .conexiontop .invi {
display: flex;
justify-content: flex-start;
padding-left: 46px;
flex-direction: column;
}
#hueso22 #tablon .conexiontop form .invi label {
display: flex!important;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 230px;
margin-top: 10px;
color: var(--texto);
}
#hueso22 #tablon .conexiontop form .invi span a{
margin-top: 5px;
color: var(--acento);
font-weight: 600;
display:block;
}
#hueso22 #tablon #contenido{
background:none;
}
#hueso22 #tablon #contenido input { display: none; }
#hueso22 #tablon #contenido input + label { display: inline-block }
#hueso22 #tablon #contenido input ~ .tab { display: none }
#hueso22 #tablon #contenido #principal:checked ~ .tab.contprincipal,
#hueso22 #tablon #contenido #secundario:checked ~ .tab.contsegundo,
#hueso22 #tablon #contenido #terciario:checked ~ .tab.contercero{ display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding: 5px;
}
#hueso22 #tablon #contenido input + label {
position: relative;
text-align: center;
width: 30%;
padding: 9.5px;
transition: 1s;
cursor:pointer;
color:var(--texto);
}
#hueso22 #tablon #contenido input:checked + label {
background: var(--acento);
color:var(--fondo2);
font-weight: 600;
transition:1s;
}
#hueso22 #tablon #contenido input ~ .tab {
border-top: 1px solid var(--borde);
}
#hueso22 #tablon #contenido .contprincipal, #hueso22 #tablon #contenido .contsegundo, #hueso22 #tablon #contenido .contercero {
flex-direction: row;
}
#hueso22 #tablon #contenido ul{
padding:0px;
margin:0px;
}
#hueso22 #tablon #contenido .enlacesimportantes {
list-style: none;
width: 40%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
height: 320px;
}
#hueso22 #tablon #contenido .enlacesimportantes li {
background: var(--fondo2);
width: 180px;
border: 1px solid var(--borde);
padding: 3%;
margin: 5px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 26px;
color: var(--acento);
transition: 1s;
padding-right: 5%;
padding-left: 5%;
}
#hueso22 #tablon #contenido .enlacesimportantes li:hover{
background:var(--acento);
color:var(--fondo2);
transition:1s;
}
#hueso22 #tablon #contenido .enlacesimportantes li:hover a{
color:var(--fondo2);
transition:1s;
font-weight: 600;
}
#hueso22 #tablon #contenido .enlacesimportantes li a{
text-decoration: none;
color:var(--acento);
}
#hueso22 #tablon #contenido .ultemas {
width: 54%;
height: 277px;
border: 1px solid var(--borde);
background: var(--fondo2);
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
padding: 10px;
overflow: auto;
margin-top: 5px;
}
#hueso22 #tablon #contenido .ultemas .cajatema{
background: var(--fondo);
width: 100%;
margin-bottom: 10px;
border: 1px solid var(--borde);
}
#hueso22 #tablon #contenido .ultemas .cajatema .titulo {
padding: 10px;
border-bottom: 1px solid var(--borde);
font-weight: 600;
}
#hueso22 #tablon #contenido .ultemas .cajatema .titulo a{
color:var(--acento);
}
#hueso22 #tablon #contenido .ultemas .cajatema .useryhora{
display: flex;
align-items: center;
flex-direction: row;
padding: 5px 10px 5px 10px;
}
#hueso22 #tablon #contenido .ultemas .cajatema .useryhora strong{
margin-right: 5px;
margin-left: 5px;
}
#hueso22 #tablon #contenido .ambientacion h1 {
color: var(--acento);
padding: 0px;
font-size: 25px;
}
#hueso22 #tablon #contenido .ambientacion h2 {
text-transform: uppercase;
padding: 0;
margin: 0;
font-size: var(--tamanotexto);
color: var(--acento);
margin-bottom: 10px;
}
#hueso22 #tablon #contenido .ambientacion {
padding: 10px;
}
#hueso22 #tablon #contenido .ambientacion .texto {
background: var(--fondo2);
width: 260px;
border: 1px solid var(--borde);
overflow: auto;
padding: 10px;
height: 210px;
border-radius: 5px;
text-align: justify;
}
#hueso22 #tablon #contenido .estacion {
background-image: var(--imgestacion);
width: 226px;
height: 285px;
background-size: cover;
background-position: center;
margin-left: 10px;
border: 1px solid var(--borde);
border-radius: 5px;
display: flex;
margin-top: 10px;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
#hueso22 #tablon #contenido .estacion span {
font-size: var(--tamanotexto);
background: var(--fondo2);
width: 200px;
display: block;
border: 1px solid var(--borde);
padding: 5px;
border-radius: 5px;
text-align: center;
margin-bottom: 10px;
}
#hueso22 #tablon #contenido .staff {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#hueso22 #tablon #contenido .staff li:nth-child(1){
background-image:var(--imgstaff1);
}
#hueso22 #tablon #contenido .staff li:nth-child(2){
background-image:var(--imgstaff2);
}
#hueso22 #tablon #contenido .staff li:nth-child(3){
background-image:var(--imgstaff3);
}
#hueso22 #tablon #contenido .staff li {
list-style: none;
background-size: cover;
background-position: center;
width: 175px;
height: 100px;
margin: 5px;
border: 1px solid var(--borde);
border-radius: 5px;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: center;
}
#hueso22 #tablon #contenido .staff li a {
background: var(--fondo2);
width: 90%;
height: 30px;
display: flex;
justify-content: center;
border-radius: 5px;
border: 1px solid var(--borde);
color: var(--acento);
align-items: center;
margin-bottom: -100px;
font-weight: 600;
transition:1s;
}
#hueso22 #tablon #contenido .staff li:hover a {
margin-bottom: 10px;
transition:1s;
}
#hueso22 #tablon #contenido .anuncios {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 5px;
}
#hueso22 #tablon #contenido .anuncios li {
background: var(--fondo2);
list-style: none;
width: 540px;
border: 1px solid var(--borde);
margin-bottom: 5px;
padding: 5px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
#hueso22 #tablon #contenido .anuncios .noticia {
width: 46%;
}
#hueso22 #tablon #contenido .anuncios .noticia strong {
color: var(--acento);
font-size: 20px;
padding: 0;
margin: 0;
width: 30%;
text-align: center;
}
#hueso22 #tablon #contenido .anuncios .noticia p {
padding: 0;
margin: 0;
margin-left: 10px;
font-weight: 600;
width: 80%;
}
#hueso22 #tablon #contenido .anuncios .evento {
width: 98%;
padding: 0;
}
#hueso22 #tablon #contenido .anuncios .evento h1 {
display: block;
width: 43%;
margin-right: 10px;
margin-left: 20px;
font-size: 20px;
color: var(--acento);
}
#hueso22 #tablon #contenido .anuncios .evento .imagen {
background: grey;
width: 272px;
height: 70px;
display: flex;
align-items: center;
justify-content: flex-start;
border-left: 1px solid var(--borde);
background-position: center;
background-size: cover;
}
#hueso22 #tablon #contenido .anuncios .evento .imagen a {
font-weight: 600;
background: var(--fondo);
border: 1px solid var(--borde);
border-radius: 100%;
padding: 12px;
width: 12px;
height: 10px;
color: var(--acento);
margin-left: -15px;
display: flex;
align-items: center;
justify-content: center;
}
/*afiliados del foro*/
#alfinalforo {
background: #fafafa;
border: 3px double #65737A;
padding: 10px;
}
#af-herm, #af-eli, #af-credi, #af-direc {
background: #fff;
padding: 10px;
display: block;
margin-bottom: 2px;
}
#af-herm, #af-credi {width: 289px; }
#af-eli, #af-direc {width: 540px; }
#af-eli {margin-bottom: 0px; }
#af-credi {
height: 138px;
overflow: auto;
text-align: justify;
}
#af-herm img {
width: 49px;
height: 90px;
border: 3px double #BDB78C;
margin: 1px;
}
#af-direc img {
width: 52px;
height: 52px;
border: 3px double #BDB78C;
margin: 1px;
}
#af-eli img {
width: 41px;
height: 41px;
border: 3px double #BDB78C;
margin: 1px;
}
#af-tit1, #af-tit2, #af-tit3 {
padding: 5px;
background: #65737A;
margin-top: -10px;
margin-left: -10px;
line-height: 20px;
font-size: 12px;
letter-spacing: 2px;
color: #F3F2ED;
font-family: 'Unica One';
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
}
#af-tit1 {width: 299px; }
#af-tit2 {width: 550px; }
#af-tit3 {width: 299px; margin-bottom: 10px; }
#af-sub1, #af-sub2, #af-norm a {
padding: 0px 3px;
background: #BDB78C;
margin-left: -10px;
line-height: 18px;
font-size: 8px;
font-family: 'verdana';
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
margin-bottom: 10px;
}
#af-sub1, #af-norm a {width: 303px; }
#af-sub2 {width: 554px; }
#af-norm a {
margin-left: 2px;
display: block;
margin-bottom: 0px;
}
/*barra lateral*/
::-webkit-scrollbar-thumb {
background-color: #BDB78C;
border: 2px solid #fff;
height: auto;
width: 5px;
}
::-webkit-scrollbar {
background-color: #8E9C8D;
border: 4px solid #fff;
height: 10px;
width: 10px;
}
- Code:
/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
}
dl.codebox dt {
display:block;
text-shadows: 1px 1px 1px #000;
text-align: center;
font: 12px 'Unica One';
background: #65737A;
color:#ffffff;
padding: 5px;
}
dl.codebox code {
color:#333333;
font-size:11px;
}
blockquote {
background: #fcfcfc url(https://i.servimg.com/u/f42/09/02/12/09/commen10.png) 6px 8px no-repeat;
border-bottom: 8px solid #8E9C8D;
border-top: none;
border-left: none;
color: #333333;
border-right: none;
}
.content blockquote {
color:#333333;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:12px;
}
blockquote cite {
display: block;
font-family: Dosis;
font-size:12px;
color: #65737A;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
}
blockquote blockquote {background: #fff; }
|
|