#calicodes

[calicodes]

10. Unbound (Expediente)

Precio: Free!

Especificaciones:

Ancho: 520px

Alto: 575px

3 colores. Los cambian en :root.

Contenido: 1 imagen (500x500), espacio para datos (los que gusten), tres pestañas totalmente personalizables. Pueden colocar dentro de estas títulos, texto e imágenes a gusto. ¡Más info debajo!

—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

Puede que me descuelgue con más tablitas con pestañas, tengo algunas en proceso, pero me llevan algo de tiempo. En general quiero empezar a hacer más tablillas que no sean posts de rol. (?)

[calicodes]

09. Shadow Born (Búsqueda/Post de rol)

Precio: Free!

Especificaciones:

Ancho: 450px

Alto: 265px

2 colores + texto. Los cambian en :root.

Contenido: 1 imagen, título, texto, datos (los que gusten y entren(?)).

—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. 

Quizás luego me despache con tablitas guapas de husbandos, o no. Quizás solo decore el tumblr con husbandos.(?)

[calicodes]

08. Moody Blues (Complemento)

Codember 2020 hosted by @elalmacen-rp​, prompt 2: “Contador”

Precio: Free!

Especificaciones:

Ancho: 1010px

Alto: 100px

1 color + texto. Los cambian en :root.

Contenido: Countdown + 2 imágenes + Título + Frase.

—Instalación: Se explica más abajo.(?) —Extra: ¡Funciona en Foroactivo y también en Tumblr!

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.*

*Dado este caso particular, si quieren quitarle el borde redondeado al contador o el efecto de relieve, son libres de hacerlo.

[calicodes]

06. Secret Book (Post de rol)

Precio: Free!

Especificaciones:

Ancho: 500px

Alto: ¡Automático!

2 colores + texto. Los cambian en :root.

Contenido: Texto y frase.

EXTRA: Pueden usar íconos o símbolos con la font que les puse integrada. Abajo hay más detalle.(?)

—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>”.

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

[calicodes]

07. High Hopes (Post de rol)

Precio: Free!

Especificaciones:

Ancho: 500px

Alto: ¡Automático!

3 colores + texto. Los cambian en :root.

Contenido: Texto, ícono y frase.

—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.

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

[calicodes]

05. Fionn (Búsqueda)

Precio: Free!

Especificaciones:

Ancho: 500px

Alto: ¿320px? Más o menos.

2 colores + texto. Los cambian en :root.

Contenido: 1 imagen 200x300 (redimensiona sola) + Título + Espacio para datos.

EXTRA: El code es doble; la segunda tablita es igual, solo que adaptada para que la imagen quede a la derecha en vez de a la izquierda.

—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í. 

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

[calicodes]

¡Mi Ko-fi aquí!

Bueno, por tiempo limitado estoy ofreciendo este pack para ver si consigo algún extra para permitirme un caprichito.(?)

Paso a listar los términos y condiciones de la promo:

Se trabajará únicamente con pago previo, y se pide como mínimo una semana de tolerancia para entregar el pedido.

Pueden revisar mis tablillas para ver el estilo en que me manejo, pero también (y preferiblemente) puedo trabajar sobre ideas que ustedes me entreguen, sean bocetos a papel o mock-ups en Photoshop.

En caso que deseen alguna otra clase de tablilla (como por ejemplo, un diario, un moodboard, alguna firma, administrativas), también puede hacerse; un Ko-fi serían tres tablillas simples (hasta dos imágenes y un hover) o una compleja (con pestañas, varios hovers, imágenes, etc). Me atrevo a ofrecer hasta un tablón de anuncios simple con tres módulos+últimos temas.(?)

Para poder adquirir esta promo, deberán abonar el Ko-fi y dejar en el mensaje su usuario de tumblr, o los números de su usuario en Discord (ya que estos no cambian, a menos que pagues, pero para robar el pedido de alguien más pagando para cambiar eso, mejor pagar y ya(?)), y seguidamente hablarme. Reitero: para mayor conformidad, ¡agradezco que me compartan sus ideas de la mejor forma que puedan!

Estaré tomando estos pedidos hasta el 14 de Noviembre inclusive.

Cualquier duda pueden preguntar con confianza. Muchas gracias por el interés. <3

[calicodes]

Work in progress...

Preview del perfil de #Insomnia, el skin inspirado en Dreamcatcher.

El avatar vendría por defecto en 250x500, aunque podría hacerlo más bajito en caso que quieran menos datos ahí. Es una de las poquitas mods que serán gratuitas para quien compre el skin.

Acabando este me pondré a hacer el otro que tengo en la carpeta.