Dende a Categoría “Diario de Sesións – Furia Demoníaca” vou comezar a engadir o Diario de Sesións do grupo ó que estou a dirixir esta campaña, coñecida en inglés como Out of the Abyss; é unha campaña de D&D (Dungeons & Dragons) bastante dura para o grupo, de supervivencia e dende aquí irei compartindo as entradas que vaia escribindo o grupo tras cada sesión na aplicación Nivel20.
Esta aventura xógase unha vez ó mes, polo que non haberá demasiadas entradas. Comezouse a xogar en setembro de 2020, polo que pode que nalgún momento suba máis entradas o mes pero tratarei de facer unha mensual para seguir o ritmo do grupo.
Esta é a entrada para presentar ó grupo. As dúas primeiras personaxes comezaron con algo máis de experiencia porque xa xogaran unha aventura curta previamente.
Farlee
Maga humana
Humana acostumada a unha vida de certo nivel, ó estudo pero sumamente despistada co que pasa no seu entorno e lixeiramente impulsiva, movida pola curiosidade ou a impaciencia, chegando a ser temeraria.
Breina
Gnoma dos bosques Exploradora
Gnoma aparentemente doce ata que lanza algún que outro corte. Prefire manter posicións de combate afastadas do corpo a corpo, ama a natureza e as plantas, principal provedora de alimento; tratada como a nai del grupo. Curmá de Oroko.
Oroko
Gnomo das profundidades Bardo
Gnomo coa partida entre a superficie e a infraoscuridade, coa mente esperta ó que lle gusta argallar, analizar e ten iniciativa. Preocúpase pola integridade e benestar do grupo ó punto de arriscar á súa propia. Curmán de Breina.
Kanelitah
Elfa escuro (Drow) Monxe
Drow lixeiramente farta e revolucionaria en contra de moitas das normas da sociedade drow. Déixase tentar polos praceres da vida como a bebida e comida, os cartos e tesouros pero tamén curiosa polos enredos familiares. Argalleira.
Silge
Githyanki Explorador
Extranxeiro na infraescuridade pero guiado polas premisas e obxectivos da súa sociedade. Determinado a motrar que é un membro digno e enfrontándose a coñecer novas sociedades e costumes; reservado e pragmático.
Este sábado 28 de Maio de 2022 en Madrid hubo un evento de rol denominado D20, siendo la de este año, la segunda edición. La organización del evento fue llevada a cabo por Nivel20. ( ¿Qué é Nivel20? )
Tuve la oportunidad de poder acudir y participar como máster en este gran evento. Además nos ofrecieron la posibilidad de exponer un poco los proyectos en que participamos o colaboramos para darlos a conocer.
Galicia – Madrid
Ó vivir en Galicia, o primeiro foi organizar a viaxe para chegar ata alí e, como non podía ser de outro modo, aproveitar para quedar con máis xentiña de Madrid e así desvirtualizala ou volver a vela. ¡En Madrid fai moita calor! Tiven que mercar roupa máis lixeira alí que abafaba senón pero foi xenial poder compartir momentos de risas con persoas incribles que viven alí ou que se desprazaron ata alí polo evento.
Conociéndome no me apunté al turno de mañana para no poder ir con prisas, así que por la mañana pude aprovechar para preparar la partida de la tarde, La Enfermedad, y coger fuerzas justo antes del evento comiendo por Madrid.
Evento D20
Por la mañana pude pasarme un poco antes del cierre y aproveché para ver las dinámicas y organización de las mesas, saludar a Álex y reencontrarme con personas geniales como Lu y Rolero a Vapor, además de hablar con DesiertoMuerto, aunque me enteré con retraso de que era él xD y bueno, aproveché para sacar una foto de la mesa donde jugaban estas tres persomitas, aunque sí… con muy mal pulso xD
Exposición de Proyectos turno de tarde: Lamia Escura y colaboraciones
Por la tarde, imagino que como por la mañana, hubo unas presentaciones rápidas y mi turno tocó, después de el de Rubén, ElTaberneRol y traté de comentar un poco los proyectos en los que colaboro y con las prisas me olvidé de cosillas. Dejo por aquí la diapositiva y los enlaces a las redes sociales de los distintos proyectos que comenté.
Así que aquí estoy yo presentando, con el pantalón que me compré a correr el día anterior para no morir de calor y tratanto de dar unas pinceladas de cada proyecto para que le sonasen a la gente y pudiera preguntar o investigar más si alguno le interesa.
¡Cualquier duda al respecto de los proyectos, preguntad!
Aquí la dispositiva que organizó Álex para mi presentación y la composición de logos que creó Ys.animArt, así como el logo de Lamia Escura y la imagen de la criatura.
Enlaces relacionados con los proyectos fijados:
Enlaces a Redes Sociales de los distintos proyectos; de arriba – abajo e izquierda a derecha son:
El grupo de másteres accedimos un poco antes y allí nos encontramos la primera sorpresa. Cada mesa lista para jugar con su cartelito identificativo de la partida y regalos para cada participante! Todo el mundo en la mesa se llevó un saquito de dados del evento, cada pack de un color diferente y un lápiz de Nivel20, para poder hacer seguimiento de la cordura y vida del grupo de personajes.
En la imagen puede verse también un cartel informativo sobre algunos de los poyectos que participo, esto es porque los había impreso para repartir en Galicia y los llevaba encima y… olvidé llevar folios así que los usé, por la parte libre, para las fichas de personajes y mis notas de la partida. Creo que al final el despiste fue positivo porque además de llevarse, si quieren, sus fichas de personaje de recuerdo, también tendrán algo de información para contactarme si tienen ganas de volver a compartir mesa, que sería genial!
Así que finalmente llegó el momento más esperado: Jugar!!
Poco a poco fueron apareciendo participantes a unirse a la mesa y seleccionar sus personajes. En mi línea de caos, alegaré en mi defensa que con tanto calor yo no puedo funcionar a un buen rendimiento xD, pues que ni les pregunté los nombres (shame on me), pero espero que me lo perdonen y que podamos volver a jugar!
El grupo con el que tuve oportunidad de jugar, fue genial; a pesar de las diferencias entre personajes, el grupo conectó rápido y se notaba que venían con ganas de pasarlo bien y, solo puedo hablar por mí, que me lo pasé genial; pero espero que se hayan ido con la misma sensación.
Ya he recibido algún contacto y seguro que volvemos a coincidir en mesa. Dejo por aquí algunas de las fotos que han sacado los Álex de Nivel20 y de Mansión del Dragón.
En la entrada de La Enfermedad están las fichas empleadas y los cambios aplicados en la aventura ya que la original, estaba planteada para un grupo de 3.
Imágenes de la partida!!
Al final todo el grupo sobrevivió, en contra de mi pronóstico y mi anterior experiencia, haha, aunque sus tiradas les pusieron en tensión, algún desmayo (de personaje) por una mala tirada, alguna herida de gravedad… algún cuerpo que perdió parte de su genuina belleza pero finalmente la colaboración ganó y los dados sonrieron. La unión de energías opuestas, el poder de los libros y aquella mirada de auxilio que dieron la fuerza suficiente para que su salvador se llenase de valor, con lo que finalmente esas dos colaboraciones y fuertes uniones permitieron que el grupo saliese triunfante en una experiencia muy divertida y saliendo muy contenta del grupo con el que tuve oportunidad de compartir esas gratas (y calurosas) horas en Madrid, en el D20.
Más allá de las partidas
Jugar a rol es genial, pero no lo es todo, porque lo más genial de estos eventos son las personas.
Durante el evento tuve la oportunidad de conocer a mucha gente y también reencontrarme o desvirtualizar personas maravillosas, sin ir más lejos, en la mesa de al lado; jugaba Zupe (en verde), una jugadora y máster genial de Galicia Rolera, a quien tenía muchas ganas de conocer en persona, en la mesa de ElTaberneRol (en rojo), el creador de uno de los proyectos/servidores en los que colaboro y un buen amigo y quieras que no tenerles a un paso siempre da una dosis extra de confort.
Y en la mesa 1, estaba Bruno (morado), si es que… super bien rodeada!
No tengo fotos de la mayoría de encuentros pero, por supuesto hablé con muchas otras personas de las que haría un listado pero la liaré con los nombres o me olvidaré de alguien y luego me sentiré culpable así que, además de las personas ya mencionadas y porque me hizo un poco de guía cuando llegué por allí mencionaré con especial cariño a frikimami, ojalá poder compartir de nuevo espacio rolero con ella y el resto de grandes personas con las que compartimos esta divertida afición.
Por supuesto aprovechamos al máximo estirando la noche para compartir más tiempo en buena compañía, así que dejo una fotillo por aquí, como recuerdo mágico de aquella noche de dolor de pies y subir escaleras a as 4-5am porque vivimos sin límites xD
Fin del evento: descanso y Madrid – Galicia
Una vez terminado el sábado, también estuve el domingo por Madrid, en buena compañía aunque ya con menos energía. Disfrutamos de un tiempo de relax y charla hasta que tocó volver al hotel y recoger todo porque el domingo tocó vuelta.
Muy feliz de volver al fresquito y humedad de las tierras gallegas xD
¿Y ahora qué?
Aunque nos lo hemos pasado bien, por supuesto, no ha sido suficiente… así que hay que ir pensando en el siguiente evento:
Anotad en vuestras agendas:
20 – 21 de Agosto, Rolversario de Galicia Rolera, Vigo, 2022
Partidas de Rol Presenciales en Gallego y Español
Nueva oportunidad para jugar a rol y oportunidades de reencuentros y desvirtualizaciones! Si queréis participar como másteres avisadnos lo antes posible que tenemos que reservar el espacio en breves y nos vendrían bien unas estimaciones de cuánta gente podría estar interesada.
Estamos encontrando bastante interés y buenas respuestas así que cada día tenemos más ganas!
Nos vemos allí y muchas gracias a
Nivel20 y Galicia Rolera
por organizar espacios de rol en los que disfrutar!!!
Una de las decepciones con este libro fue descubrir que las dotes eran genéricas a cada tipo dragón; así que revisando las características de cada subtipo y las originales del libro traté crear dotes, espero que equilibrada para cada tipo de dragón y dragona, en este caso de gema.
Las dejo aquí, por si a alguien le pueden resultar útiles.
Has manifestado algo del poder dragón de amatista, aquel que deja libera la más pura energía mágica.
Puedes usar tus habilidades de amatista un número total de veces igual a tu bono de competencia, y recuperas todos los usos gastados cuando terminas un descanso largo.
Represalia telequinética singular. Cuando recibes daño de una criatura que está a 10 pies o menos de ti, puedes usar tu reacción para emanar energía telequinética. La criatura que te hizo daño debe realizar una tirada de salvación de Fuerza (CD es igual a 8 + tu bonificación de competencia + el modificador de constitución). Si falla la salvación, la criatura recibe 2d8 de daño de fuerza y su movimiento se ve reducido 10 pies como efecto de tu restricción telequinética. Si supera la salvación, la criatura recibe la mitad de daño y no recibe penalización al movimiento.
Espíritu de la energía. Puedes emplear el conjuro Sirviente invisible con este rasgo consumiendo un uso de tus habilidades amatista.
Protección energética. (Consume dos puntos de habilidad amatista) Te concentras en un tipo de criatura (aberración, celestial, elemental, fata, infernal o no muerto) y tocas a un objetivo voluntario que recibirá una energía pura que la lo protegerá contra ellas, mientras mantegas la concentración. La protección garantiza varios beneficios. Las criaturas de esos tipos tienen desventaja en las tiradas de ataque que hagan contra el objetivo. El objetivo tampoco puede ser hechizado, asustado o poseído por ellas. Si el objetivo ya está hechizado, asustado o poseído por una criatura de ese tipo, tiene ventaja en una nueva tirada de salvación que haga contra el efecto pertinente.
Has manifestado algo del poder dragón de cristal, aquel que deja cruzar la más pura luz.
Magia psiónica. Aprendes uno de los siguiente trucos: Guía o Luces danzantes Puedes usar tus habilidades de cristal un número total de veces igual a tu bono de competencia, y recuperas todos los usos gastados cuando terminas un descanso largo.
Represalia telequinética centelleante. Cuando recibes daño de una criatura que está a 10 pies o menos de ti, puedes usar tu reacción para emanar energía telequinética. La criatura que te hizo daño debe realizar una tirada de salvación de Fuerza (CD es igual a 8 + tu bonificación de competencia + el modificador de constitución). Si falla la salvación, la criatura recibe 2d8 de daño radiante. Si supera la salvación, la criatura recibe la mitad de daño. Absorbes parte de esa energía radiante obteniendo 2 puntos de vida temporales.
Luz calmante. Tocas a una criatura y puedes terminar con una enfermedad o con un estado que la aflija. El estado puede ser cegado, ensordecido, paralizado o envenenado.
Has manifestado algo del poder dragón de esmeralda, aquel fortalece tu psique.
Magia psiónica. Aprendes el truco: Codificar pensamientos Puedes usar tus habilidades esmeralda un número total de veces igual a tu bono de competencia, y recuperas todos los usos gastados cuando terminas un descanso largo.
Represalia telequinética desorientadora. Cuando recibes daño de una criatura que está a 10 pies o menos de ti, puedes usar tu reacción para emanar energía telequinética. La criatura que te hizo daño debe realizar una tirada de salvación de Inteligencia (CD es igual a 8 + tu bonificación de competencia + el modificador de constitución). Si falla la salvación, la criatura recibe 2d8 de daño psíquico. Si supera la salvación, la criatura recibe la mitad de daño. Si no supera la salvación y la criatura realiza un ataque en su siguiente turno, pueder tirar 1d4 cuyo resultado será restado de su tirada de ataque.
Al hilo de tus pensamientos. Esta habilidad requiere de concentración y te permite acceder a pensamientos ajenos de una criatura a, al menos 30 pies de ti, incluso si no la puedes ver (salvo que sea una sólida barrera se interponga*). Será inmune si tiene una inteligencia inferior a 4 o no conoce ningún idioma. Puedes leer sus pensamientos superficiales de la criatura siendo complejo que lo perciba. Si deseas profundizar en sus pensamientos y guiarlos, lo notará y podrá hacer una tirada de salvación de Sabiduría (CD es igual a 8 + tu bonificación de competencia + el modificador de constitución) para bloquear la intromisión. Si falla, consigues ver su razonamiento, su estado emocional y algo de lo que ocupe su mente. Si tiene éxito, la conexión termina. * barreras a partir de 1 pie de piedra, 1 pulgada de metal común, una lámina de plomo o 3 pies de madera o tierra
Has manifestado algo del poder dragón de zafiro, aquel que deja libera la energía atronadora del sonido.
Puedes usar tus habilidades de zafiro un número total de veces igual a tu bono de competencia, y recuperas todos los usos gastados cuando terminas un descanso largo.
Represalia telequinética debilitadora. Cuando recibes daño de una criatura que está a 10 pies o menos de ti, puedes usar tu reacción para emanar energía telequinética. La criatura que te hizo daño debe realizar una tirada de salvación de Constitución (CD es igual a 8 + tu bonificación de competencia + el modificador de constitución). Si falla la salvación, la criatura recibe 2d8 de daño de trueno y quedará ensordecida hasta el final de su siguiente turno. Si supera la salvación, la criatura recibe la mitad de daño y no recibe penalización al oído.
Manos de la tierra. Te concentras en un espacio vacío de 5 pies cuadrados en el suelo que puedas ver y se encuentre dentro del alcance. Una mano Mediana hecha de barro compactado emerge de dicho lugar y atrapa a una criatura que puedas percibir y está situada a un máximo de 5 pies de ella. Dicha criatura deberá realizar una tirada de salvación de Fuerza. Si la falla, sufrirá 2d6 de daño contundente y estará apresada hasta que el conjuro finalice. Puedes utilizar una acción para hacer que la mano aplaste al objetivo apresado, que debe realizar una tirada de salvación de Fuerza. Sufrirá 2d6 de daño contundente si falla la tirada o la mitad de dicho daño si la supera. Una criatura apresada puede utilizar su acción para hacer una prueba de Fuerza (CD es igual a 8 + tu bonificación de competencia + el modificador de constitución). Si tiene éxito, el objetivo se escapará y dejará de estar apresado por la mano. Puedes utilizar una acción para ordenar a la mano que atrape a una criatura diferente o que se mueva a un espacio desocupado diferente dentro del alcance. La mano liberará a la criatura que tenga apresada si haces cualquiera de estas dos cosas.
Has manifestado algo del poder dragón de topacio, aquel que invita a sentir la muerte.
Puedes usar tus habilidades de topacio un número total de veces igual a tu bono de competencia, y recuperas todos los usos gastados cuando terminas un descanso largo.
Represalia telequinética enfermiza. Cuando recibes daño de una criatura que está a 10 pies o menos de ti, puedes usar tu reacción para emanar energía telequinética. La criatura que te hizo daño debe realizar una tirada de salvación de Constitución (CD es igual a 8 + tu bonificación de competencia + el modificador de constitución). Si falla la salvación, la criatura recibe 2d8 de daño necrótico y quedará debilitada hasta el final de su siguiente turno. Si supera la salvación, la criatura recibe la mitad de daño y no estará debilitada. Estar debilitada le provocará desventaja en las tiradas de habilidad y de salvación de fuerza.
Marchitar. Invocas la esencia de la muerte en una esfera de 10 pies de radio, dentro de un rango de 60 pies de ti, centrada en un punto dentro del alcance. Cada criatura de tu elección en esa área debe hacer una tirada de salvación de Constitución, recibiendo 2d6 de daño necrótico si falla, o la mitad de daño si tiene éxito. La vegetación no mágica en esa área se marchita.
AND(condición1, condición2)– Ambas condicións que deben cumprirse
OR(condición1, condición2) – Condicións das que unha deben cumprirse
NOT(condición)– Condición que non debe cumprirse
MIN(número1, número2)/ MAX(número1, número2)– Devolve o menor/maior valor
SUM(número1, número2, ...)/ AVG(número1, número2, ...)– Suma/Media dos valores
CONTAINS(texto1, texto2) -Indica se texto2 contén en texto1
ANY(listado, id_elemento, condición) – Comproba se algún elemento do listado cumpre a condición; nesta para referenciar o elemento faise utilizando o id_elemento
ALL(listado, id_elemento, condición) – Comproba que todos os elementos do listado cumpren a condición; nesta para referenciar o elemento faise utilizando o id_elemento
Valores xenéricos
info.level – Nivel TOTAL da personaxe
info.proficiency_bonus – Modificador de competencia
equipped.armaduras – Listado de armaduras equipadas
equipped.armas – Listado de armas equipadas
Características
Forza – {{abilities.fue.mod}}
Destreza – {{abilities.des.mod}}
Constitución – {{abilities.con.mod}}
Intelixencia – {{abilities.int.mod}}
Sabedoría – {{abilities.sab.mod}}
Carisma – {{abilities.car.mod}}
Tiradas de Salvación
Forza – {{saving_throws.fue.total}}
Destreza – {{saving_throws.des.total}}
Constitución – {{saving_throws.con.total}}
Intelixencia – {{saving_throws.int.total}}
Sabedoría – {{saving_throws.sab.total}}
Carisma – {{saving_throws.car.total}}
Habilidades
Acrobacias – {{skills.acrobacias.total}}
Arcanos – {{skills.arcanos.total}}
Atletismo – {{skills.atletismo.total}}
Enganar – {{skills.enganar.total}}
Historia – {{skills.historia.total}}
Interpretación – {{skills.interpretacion.total}}
Intimidar – {{skills.intimidar.total}}
Investigación – {{skills.investigacion.total}}
Xogo de mans – {{skills.juego_de_manos.total}}
Medicina – {{skills.medicina.total}}
Natureza – {{skills.naturaleza.total}}
Percepción – {{skills.percepcion.total}}
Perspicacia – {{skills.perspicacia.total}}
Persuasión – {{skills.persuasion.total}}
Relixión – {{skills.religion.total}}
Sixilo – {{skills.sigilo.total}}
Supervivencia – {{skills.supervivencia.total}}
Trato con Animais – {{skills.trato_con_animales.total}}
Exemplos
Dado de 4 + Mod.DES + metade do nivel total redondeado á alza
En Nivel20 podedes engadir código para abrir en ventás flotantes criaturas, conxuros ou equipo.
Por exemplo para Pocións (que é o que está no exemplo) en “Otras posesiones” e así ter a información a un click.
E así para o que os dea a imaxinación.
Actualmente Nivel20 engadiu un asistente, pode verse na creación de monstros, que facilita o proceso.
Deixo aquí o código Markdown porque o asistente non está en todas as seccións e non está engadido equipo no asisnte. Grazas a este formato poderían habilitarse fiestras flotantes para abrir en fiestras flotantes o equipo que se carga, como pocións.
Non teño obxectos!
A comunidade de Nivel20 é moi colaboradora, entre ela temos a ACro que creou 01 ❄️ La Xeitosiña Tienda de Oni No Pipo 🐧, entre outros libros de regras*. Nesta tenda podemos atopar o equipo principal que usaremos, así como resumos do equipo inicial por clase e outras axudas. Grazas ACro!!
*Calquer Patreon Dungeon Máster pode crear libros de regras e compartirlos con toda a comunidade.
Markdown – abrir elementos en fiestra flotante
Abrir enlace en ventá flotante asistente
As ventas flotantes poden configurarse para conxuros, bestiario e equipo con propio asistente de Nivel.
Na barra de ferramentas das seccións, o icono con dúas fiestras/recadros que se superpoñen, entre o icono de vídeo e o ollo.
No seguinte paso simplemente é seleccionar o tipo no primeiro selector e no segundo escoller o elemento de interese.
Abrir enlace en ventá flotante Markdown
A url pode ser completa (dende https) ou relativa (dende games). Igual que nos exemplos que se amosan na seguiente sección só hai que cambiar a Url e o texto, a sección data-floating=’true’ é a que define que se abra noutra pestana.
A url pode ser completa (dende https) ou relativa (dende games). Igual que nos exemplos que se amosan na seguiente sección só hai que cambiar a Url e o texto, a sección data-floating=’true’ é a que define que se abra noutra pestana.
| Tables | Are | Cool |
|----------|:-------------:|------:|
| col 1 is | left-aligned | $1600 |
| col 2 is | centered | $12 |
| col 3 is | right-aligned | $1 |
Estas linguaxes poden empregarse en diferentes seccións de Nivel20 que o permiten como nos libros de regras, na descrición do equipo na sección de notas de máster… Empregalas nos permite amosar a información tendo máis opcións de formato e funcionalidades de modo sinxelo.
Indiquei algún do contido máis básico, se considerades que estaría ben dar información doutro elemento ou estilo, comentádeme e verei de engadilo.
Nivel20 deixou de aceptar HTML o CSS, polo que
este contido estaría obsoleto de cara a usalo na plataforma.
Etiquetas HTML
A linguaxe de marcado HTML emprégase para definir a estrutura nun contido, o formato máis básico.
En HTML é importante que toda etiqueta (textos entre <>) se pechen tras abrirse (</>), algunhas fanos no propio elemento e outras precisan dous.
Hai moita información ó respecto en w3schools, onde ademais dan espazo para facer probas. Deixarei por aquí, por tanto, só os elementos máis básicos que poden ser de utilidade para mostrar os contidos desta aplicación web.
Imaxes
<img src="https://www.enlaceImaxe.png/" />
Hai que fixarse que o final do enlace, da url, da imaxe sexa un formato de imaxe e non que, como en moitos casos, o enlace á web na que está a imaxe e non o enlace directo á imaxe. Podemos obter o enlace directo premendo o botón dereito sobre a imaxe:
Encabezados / Títulos
<h1>Texto título nivel 1 </h1>
Texto título nivel 1
<h2>Texto título nivel 2 </h2>
Texto título nivel 2
<h3>Texto título nivel 3 </h3>
Texto título nivel 3
<h4>Texto título nivel 4 </h4>
Texto título nivel 4
<h5>Texto título nivel 5 </h5>
Texto título nivel 5
<h6>Texto título nivel 6 </h6>
Texto título nivel 6
Nesta sección pode ser interesante comentar tamén p, parágrafo, e span como elementos de texto, o primeiro para frases que rematan cun salto de liña e span para fragmentos de texto menores.
<p> Texto </p>
<span> Texto
<p> Texto <span> fragmento de texto que terá un formato diferente, por exemplo cor vermella </span> máis texto </p>
Lista
<ul>
<li><a href="www.enlace.com"> Texto del elemento de la lista con enlace</a></li>
<li>Texto de elemento de lista sin enlace</li>
</ul>
ul marca o inicio e fin do listado; se na contra de usar “ul” usamos “ol” na contra dunha enumeración, amosará unha lista numerada
li é cada un dos elementos da lista
a é o elemento de hipervínculo indicando no href o enlace en entre as etiquetas “a” o texto ou elemento (podería ser unha imaxe, todo o listado…) que ó premerse abrería o link, se ademais engadimos target=”_blank” antes do peche da apertura da etiquera “a” abriríase nunha pestaña nova:
A linguaxe CSS emprégase para definir estilos a estrutura que creamos con HTML.
Como en HTML, hai moita información ó respecto en w3schools, onde ademais dan espazo para facer probas. Deixarei por aquí, por tanto, só os elementos máis básicos e comúns a usar sobre os compoenentes HTML que poden ser de utilidade para mostrar os contidos desta aplicación web.
Hai varios modos de engadir CSS sobre o código HTML, neste caso só imos propoñer un para que non sexa confuso, simplemente, nunha primeira liña, antes de todo o contido HTML engadimos a etiqueta style e dentro dela xa podemos indicar o CSS que se empregará sobre ese contido HTML.
O formato para o CSS é sinxelo: indicador de elemento, chaves, propiedade, formato e punto e coma:
indicador { propiedade: formato}
Indicadores
etiquetas html
clases; en html se engadirían como no exemplo previo con target, antes de pechar a etiqueta como class="nomeClase" e se referenciaría en CSS como .nomeClase
identificador; en html se engadirían como no exemplo previo con target, antes de pechar a etiqueta como class="nomeIdentificador" e se referenciaría en CSS como #nomeIdentificador
estes elementos poden encadearse, por exemplo un elemento li coa clase “rol” dentro dun ul referenciaríase como: ul li.rol
Os formatos se aplicarán a TODOS os elementos que coincidan co indicador descrito e tamén ós elementos “fillos”
Propiedades e estilos
As propiedades son os formatos que podemos alterar e cada un terá un listado de estilos diferentes que se poden aplicar
Debido á gran cantidade de opcións posibles e ó sinxelas que son de topar en internet vou indicar só algunhas delas:
Texto en cursiva
font-style: italic;
Texto en negrita
font-weight: bold;
Tamaño do texto
font-size: 1.2em;
O tamaño pode indicarse en diferentes formatos como píxeles (12px) ou em que axusta o tamaño é relación ó resto do contido dando grandes saltos co aumento decimal, sendo 1 o tamaño “normal”.
Cor nos textos
color: #9a3333;
O formato de cor pode poñerse en formato hexadecimal ( #00FFFF ), rgba ( rgb(0,255,255) ) ou co nome da cor ( cyan ).
Ancho da imaxe (e elemntos contendores – divs)
width: 100%;
O alto da imaxe se axustará automaticamente mantendo as súas proporcións, en caso de querer indicalo igualmente sería con heigh; para que a imaxe se adapte ó tamaño do navegador é interesante poñer o tamaño en porcentaxes, podería establecerse un tamaño mínimo para que a porcentaxe non provoque que se volva difícil de apreciar, sería con min-width ou máximo con max-width.
Propiedades xenéricas
Marxe exterior ó elemento
margin: 10px;
Marxe interior ó elemento
padding: 10px 0;
Tanto padding como margin permite indicar un específico engadindo un guion e top, bottom, left ou right para especificar unha marxe concreta (padding-left), en caso contrario aplicarase sobre os catro eixos. Estes poden indicarse tamén na propia liña seguindo a orde das manillas do reloxo: arriba, dereita, abaixo, esquerda ( margin; 5px 0 2% auto) ou só escribindo dous valores que farían referencia ós eixos verticais o primeiro o horizontal ó segundo.
No caso de Nivel20, en caso de non poñer “p” e escribir e premer salto de liña asumirá ese formato. Noutros contextos toda a sección de HTML inciaría cunha etiqueta HTML, que incluiría outras como header e body; en Nivel20 non é preciso facelo porque xa forma parte dunha web maior.
Con respecto tamén ó CSS, hai que ter en conta que estamos escribiendo código nunha sección da web e, de non especificar algo contrario na sección que estamos engadindo collerá os formatos establecido na aplicación web.
As liñas engádense con hr
Exemplo Esquerda – The Sunless Citadel
<style>
h1, h2,h3,.title {
font-style: italic;
color: #9a3333;
font-weight: bold;
font-size: 1.2em;
}
h2 {
font-size: 1em;
}
img {
max-width: 512px;
width: 100%;
margin: 10px 0;
}
.title {
text-align: center; font-size: 1em;font: italic;
}
</style>
<a href="urlInfo">Story </a>
<h1> NPCs Principales </h1>
<ul>
<li>Relva Dextray (Durnan - Mir)</li>
<li>Hermelinda</li>
</ul>
<h1> Yawning Portal </h1>
How Deep is the Well? 140 feet. If you fall, that's 14d6. Not good!
<ul>
<li>Relva Dextray (Durnan - Mir)</li>
<li>Vando, camarero mediano</li>
<li>Ruloc, mediano que le encanta apostar</li>
</ul>
<h1> The Sunless Citadel </h1>
Rol | Lamia Escura 