#calicodes

—Link: Pastebin

Una pequeña práctica con pestañas que terminó escalando. Traté de hacer algo lo más personalizable posible, aunque creo que es una tablilla que aprovechará la gente que gusta de escribir mucho, por el tamaño. Pueden usarla para poner personalidad + historia + extras, o habilidades en vez de extras, ¡o lo que gusten!

Las imágenes todas se redimensionan automáticamente, y también se recortan solas si no son cuadradas, pero en el code vienen con las medidas exactas por si gustan de recortarlas o editarlas ustedes mismos. Todas las instrucciones vienen con el código, como bien dice arriba, pueden colocar tantas imágenes como deseen, al igual que con los datos.

Las fuentes utilizadas son Romanesco (el nombre y los títulos) y Raleway para el resto. El code tiene incluidos los links de Cappuccicons y Game Icons.

La probé en tres foros diferentes y en teoría debería funcionar en cualquiera, pero como no me tengo confianza, cualquier problema que tengan por favor avísenme. x’DDD

—Link: Pastebin

Esta tablilla fue una comisión que al final no gustó, así que hice otra para el cliente y esta quedó para mi, la personalicé un poquito y pues, sigue siendo simple as fuck pero me parece bonita.(?)

Puede servir como post de rol pero en lo personal siento que queda mejor como búsqueda. Si quieren usarla en varias búsquedas de personajes distintos, el color quedará igual pero con algo de toqueteo se puede cambiar para que sean distintos, si necesitan ayuda me pueden mandar mensaje aquí o en Discord. 

Antes que nada, quiero agradecer a @adven-codes​ por ayudarme en mi hora más oscura con este código.

¡Una cuenta regresiva inspirada en Moody Blues! Abbacchio es uno de mis personajes favoritos, y por extensión, su stand también; tanto su diseño como su planteo y las razones de ser que tiene me encantan, así que les traje esta cosita para que siempre lo recuerden.(?) Pueden utilizarlo para hypear a sus usuarios sobre eventos y cosas así. Está diseñado para ir debajo de un tablón de anuncios.

Como se puede ver en la imagen, una vez que la fecha esperada llega, automáticamente el contador desaparece para dar paso a un banner que, de otra manera, permanece oculto.

Pero Cali, ¿cómo instalo esta cosa?

—Foroactivo: 1. Tienes que tener acceso a todas las áreas de edición del foro, así que: cuenta fundadora. 2. Instalas el CSS: Pastebin. En este podrás cambiar la imagen. ¡El propio código aplica la transparencia! También aquí puedes escoger si quieres que el contador muestre solo los números o también “días, horas”, etc.  3. Instalas el Javascript: Pastebin. Marca la opción “Mostrar en todas las páginas”. Aquí deberás colocar la fecha en la cual quieres que finalice tu cuenta regresiva. Usa el UTC para que todos lo vean al mismo tiempo.(?) ¡No tienes que modificar nada más que la fecha! 4. Instalas el HTML: Pastebin. Las fonts que utilicé vienen instaladas, pueden cambiarlas de querer otras. Lo que es muy importante que no borren por nada del mundo es el script. Sin eso, el contador no va a funcionar. Eso lo pegan debajo de esta etiqueta: </head>, en el template OVERALL_HEADER. El resto del HTML lo van a pegar justo debajo de su tablón de anuncios. Ahí podrán cambiar la imagen del banner y la frase que saldrán una vez la cuenta regresiva llegue a su fin. 5. El code en sí no trae créditos, pero si lo utilizan por favor acredítenme donde tengan el resto de sus créditos, agradecería que me muestren el resultado, le tomé mucho cariño.(?)

—Tumblr: Recomiendo que se tenga cierto conocimiento en cuanto a códigos para esta instalación, y traten de no guardar nada sin previsualizar antes y asegurarse que todo está en orden. Todas las aclaraciones previas aplican aquí también. 1. Accede al panel de editar tema y ve a editar html. 2. Copia y pega la sección LIBRERÍA Y FONTS debajo de la etiqueta <title>. 3. Debajo de esto, coloca el Javascript dentro de una etiqueta <script>. ¡No olvides cerrarla!  4. Coloca el CSS junto al que ya tengas instalado, no debería interferir en nada, pero puedes colocarlo justo al final para no confundirte. 5. Ubica la parte de la estructura donde quieras colocar el contador, y pega ahí el HTML. Por el ancho del código, sugeriría que se coloque debajo del header de su blog. 6. Lo mismo, por favor coloquen el crédito donde tengan el resto, y muéstrenme cómo les quedó. 

¡Y eso es todo! Espero que los siguientes prompts no me lleven a codear más locuras de este estilo, pero hey, si lo disfrutan valdrá la pena.(?)

Cualquier problemilla que surja pueden contactarme sin miedo, trataré de ayudar a la brevedad.

Se pueden cambiar los colores, imágenes y fonts, pero no rediseñar el código.*

—Link: Pastebin

Diría que esta tablita igual iba a mezquinarla, pero la han usado montón de amigos míos y yo no.(?)

El alto es automático, se alarga o acorta dependiendo cuánto escriban. Pueden usarla para autoconclusivos y queda muy bonita, solo basta con copiar los módulos “#book .head” y “#book .para”, con eso quedaría separado con la frase... o bien pueden solo copiar “#book .para” y que todos los párrafos empiecen con la letra grande. Infinitas posibilidades.(?)

LOS ICONOS: La tablilla incluye icons de Honeybee, pero podrían probar con cualquier otra si añaden el link. En ese caso, deberían colocarlos como “<span class>”, como toda la vida. De igual forma, pueden explorar la font que les doy con la tablilla, Type One Embellishments, que es el ejemplo de abajo. Para usarla tienen que colocar el “<span>” y dentro de este el caracter que gusten, el cual pueden consultar en esta imagen. Quedaría algo como “<span>1</span>”.

—Link: Pastebin

Siento que todos mis codes son sencillitos pero es que la mayoría son tablillas que hago en el momento porque determinada canción me fuerza a escribir un tema con tablilla o mejor me muera.(?)

Espero que esta les guste, es una de mis favoritas a pesar de lo simple que puede verse.

—Link: Pastebin

Confesaré que estuve a punto de ser mezquina y no publicar esta. Pero ya que no la usaré en un futuro cercano, pensé que bien podría gustarle y servirle a alguien más.

Este fue el segundo round de Cali vs Polygon, y creo que quedó más prolija que Dio’s World, al menos ahora no se come tanta imagen.(?)

Dado que en realidad son dos tablillas en una (la segunda no sale porque me dio fiaca extender el preview, pero es igual solo que con la imagen del otro lado) el crédito se ve solo abajo de la segunda. Si desean usar solo una, o poner tres, o lo que sea, solo pido que siga viéndose.

No me tengo confianza así que cualquier cosa me avisan si se descuadra o algo así.