#magicalcore

[black-salt-cage]

ଘ(੭*ˊᵕˋ)੭* ੈ♡‧₊˚

[magicalcore]

[ Post de Rol ] For my beloved Izq + Dcho

¡He vuelto de mi hiatus y para celebrarlo les traigo un juego de tablillas de post!

Este post de rol te permite colocar todo el texto que desees sin cambiar su tamaño, ya que cuenta con un scroll. También posee un título y un subtítulo para poner la información deseada. ¡Favor de no quitar los créditos!

Nota especial: Las comisiones están abiertas para tablillas. También están a la venta todas las skins compartidas.

Código: Izquierdo / Derecho.

Créditos. La imagen utilizada no es de mi autoría. Las tipografías utilizadas son Playfair Display, Play y Hugiller.

[michellemouse]

Magical Preston!!>ᴗ<

��❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:

°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:･°❀⋆.ೃ࿔*:

Edit: Pallete used

[surrealedits]

[elalmacen-rp]

¡Hola, gente del almacén! Estoy buscando a un diseñador/coder para pedir una comisión de skin. Aunque podría yo misma buscar hasta los confines del universo(?) no sé por dónde empezar, así que mando este ask para ver si pudieran ayudarme dejando sus blogs para contactarles y ver con más calma sus portfolios. De antemano muchísimas gracias, ¡besos!

¡Hola anon! Te dejo unos pocos, y dejo abierto para quien quiera aportar a sus conocidos (u ofrecerse ellxs mismxs) en replies o reblogs.

@magicalcore (portfolio): Individuales y compartidas.

@apolocodes (portfolio): Generalmente para phpBB3 y ModernBB, individuales y compartidas.

@entourage-themes (portfolio): Individuales, fcs animados.

@necromancercoding (portfolio): Individuales, fcs reales.

(No he incluido a personas que sólo ofrecen tablillas a comisión por la petición de skin del anon, como aclaración 💕)

[necromancercoding]

Hola me preguntaba si tenías un código para insertar música invisible y en autoplay en post de rol. Gracias y perdón la molestia. ¡Saludos!

¡Hola anon! A día de hoy, los únicos códigos para insertar música que funcionen sin scripts son los que usan audio, y no es especialmente personalizable en cuanto aspecto; pero si lo quieres invisible, su capacidad de ser personalizable no importa. Simplemente tendrías que ponerle un display:none y apañado.

Sí que te diría que checases con los admins del foro antes de usar algo así pues es bastante obstrusivo si lo escondes y no hay manera de pausar la música. Checa el elemento <audio> aquí y su cualidad autoplay aquí. Tienes un tutorial de @magicalcore aquí, también. Sé además que @bettyleg tiene bellos códigos con reproductores integrados listos para ser usados.

De nuevo, sé buen user y checa con los admins antes de usar esta cualidad en autoplay y sobre todo si piensas esconder el player💕

[dreary-png]

[ame-nyan]

⭑･ﾟﾟ･*:༅｡.｡༅:*ﾟ:*:✼✿I want to fill my world with bright colors✿✼:*ﾟ:༅｡.｡༅:*･ﾟﾟ･⭑ ✨˗ˏˋ Alina Gray messy icons!! ˎˊ˗ ✨

[starchyu]

2016 vs 2020~ 

[bestodictadora]

Code: Peace & War

La calidad es una garcha pero in qualité tumblr se me freseaba y no dejaba subir la imagen :(

Y he de decir que el fondo gris que rodea la tablilla en realidad corresponde al foro en que la publiqué, porque ese espacio es transparente. Tanto los círculos de arriba como el “Peace & War” están sobre fondo transparente.

¿Recuerdan el code de Templanza? Ese que dije que “maybe le agregaba una frase por algún lado”. Minga, se convirtió en un código completamente nuevo y diferente JAJAJA.

La verdad no sabría por dónde empezar para decir todo lo que apliqué para hacerlo, así que empezaré por decir que aprendí una banda de cosas sobre la marcha: necromancer’s codes tu patrón. Recomendadísimo que vayan a ver sus tutoriales, a mí me ayudaron un montón para hacer esto. Específicamente, los de pestañas (aunque también mirujeé el de alinear verticalmente el texto y me ayudó una baaanda). También seguí un tutorial (de magicalcore) para agregarle los reproductores de música a la tablilla.

Pestañas: Parte 1 — Parte 2.

Alinear texto verticalmente: Here.

Reproductor de música: Here.

También con esta tablilla fui aprendiendo a hacer clipping mask en imágenes (con el mask-image, gg, que en mi caso era con el -webkit porque uso chrome), y aplicar modos de fusión en las mismas (background-blend-mode y mix-blend-mode). Se me liaron un poco los hovers en un punto por esto, pero una vez le vas agarrando la mano es como un “aaah, eso es lo que estaba mal”.

Empecé a usar clip-path para recortar el área que el mouse detecta de las imágenes: yo quería que sólo se activara el hover cuando se apoyara el mouse sobre la imagen recortada, y no en todo el espacio rectangular vacío, así que usé el clip-path. También lo hice con los círculos. Y esta vendría siendo la principal razón por la que no creo que pueda compartir el code y hacerlo intercambiable (?). Eso y las máscaras de recorte que mencioné antes, aunque en mi cora eso sí resulta sencillo de intercambiar, sólo es un url ¿?

Para generar el código del clip-path usé esta página. No sé si hay gente que lo haga manual but ahí les dejo el dato jsjs.

Le agarré la mano a esto de ubicar imágenes grandes en un espacio pequeño (como en los circulitos) en el área que quiero que se vea poniéndolas como background-image, y dicho sea de paso, es mi primera tablilla usando el position absolute en tantas cosas. Suelo evitarlo como la peste porque el foro en que participo está mal codeado y rompe casi todas las tablillas con algo en absolute PERO logré arreglármelas para no romper nada y ahora me pregunto qué hice toda mi vida sin usar esta cosa, es mágica. Ahora el relative sólo es mi putita para cuando necesito un padre para mis bebitos en absolute (???).

Mi intención era usar iconos de honeybee pero terminé cediendo a la tentación y metiendo imágenes png (las nubes, la espada y la balanza). Sólo quería sus siluetas así que les bajé la opacidad al 0% y las pinté completamente de un color con el mask-image (también les metí clip-path para que no me impidan seleccionar texto).

Y nada, man. Creo dije todo lo que tenía que decir ¿? estoy muy muy contenta con el resultado, y creo es mi mejor code hasta ahora :( por eso lo publico asies, que no he publicado ninguno antes.

I’m happy. 

[black-salt-cage]

ଘ(੭*ˊᵕˋ)੭* ੈ♡‧₊˚

[magicalcore]

[ Cronología ] Aurora de Ates

He regresado después de mucho tiempo y traigo para ustedes un codecito mágico como ofrenda(?).

Esta cronología te permite poner la cantidad de temas que desees. Después de los cinco temas, los demás estarán en un scroll, así que podrás poner todos los posts que quieras y la tablilla no cambiará de tamaño. Cada uno de los temas numerados cuenta con una sección de avatares donde puedes poner los avatares de máximo tres participantes por tema, así como el link de su perfil. De este modo cuando pases el mouse puedes acceder a ellos de forma directa.

PD: Si de casualidad al utilizar el post llegan a tener problemas con la línea que aparece en hover abajo del nombre de la cronología, intenten buscar en el css ".ps-linita" y ahí cambien el top: 25px; por un top: 15px;. Aún así espero que funcione bien desde el principio <3.

¡Espero que les guste mucho! ¡Favor de no quitar los créditos!

Código aquí.

Nota especial: Comisiones están abiertas para tablillas. También están a la venta todas las skins compartidas.

Créditos. La imagen utilizada no es de mi autoría. Las tipografías utilizadas son Playfair Display, Roboto Condensed y Rozha One.

[zaruchi]

[bettyleg]

PLAYLIST: ROLLING IN THE DEEP.

¿Recuerdan esta playlist? que se podía reproducir en el mismo tema. Bueno, esta es su versión 2.0

Nuevamente recomiendo la lectura del tutorial de @magicalcore para poner audio en las tablillas: [hermoso tutorial aquí] En este código el html del audio ya esta puesto, lo único que deben seguir son los pasos para generar el link del .mp3.

CONSIDERACIONES [IMPORTANTE LEER]

No se puede poner dos playlist en el mismo tema copy-pasteando el código. Si quieren poner en sus baúles dos de estas tablillas deberán seguir los pasos de este tutorial [tutorial justito aquí.] Si ponen dos tablillas sin modificarlo se romperán y funcionarán mal ¡Así que sí es importante! Aquí se explicará como cambiar el color de acento también.

Para generar el audio, nuevamente vayan a leer el tutorial de Cyalana.

El círculo que crece solamente lo hace 20 veces. Se puede poner de forma infinita, pero a veces me dificulta la carga de la página. Preferí evitarlo.

REGLAS.

NO quiten los créditos y no lo tomen como base. En el caso que quieran aprender cómo hacer una tablilla así pregúntenme y vamos hablando <3.

Tablilla [aqui]

[smokiegxrl]

Hey there ! I am so sorry i can't speak spanish, i was terrible in spanish class. I hope english is good for you ! I just saw you reblog my blank theme for PhpBB3, do you guys use Forumactif too ? If so, i can maybe translate my theme in english (and why not, in spanish ?)

ENG: Oh, I didn't expect this message! I appreciate that you wrote me! My level of English is basic but I could understand your ask perfectly ♥ 

In Latin America we use Foro Activo. As I understand it, it is the same server as Forumactif, so in theory your theme should be able to apply without problem (here we call them 'Skin'). 

It would be great to have your installation guide in English or Spanish. I really appreciate this message and I hope to see more of your precious creations!  _________________________________

ESP: Oh, no esperaba este mensaje! Agradezco que me escribieses! Mi nivel de inglés es básico pero pude entender tu ask a la perfección ♥

En America latina usamos Foro Activo. Según tengo entendido, es el mismo servidor que Forumactif así que, en teoría debería poder aplicarse sin problema tu theme (aquí les llamamos 'Skin'). 

Sería grandioso contar con tu guía de instalación en inglés o bien, en español. En verdad te agradezco muchísimo este mensaje y espero poder ver más de tus preciosas creaciones!

Para quienes estén leyendo, sean parte de la comunidad RP Hispanohablante y sepan contestar ¿Foroactivo, es lo mismo que  Forumactif, no? Solo que uno es el server de América Latina y el otro de Francia ¿verdad? A ver, etiqueto a @necromancercoding @isleycodes @magicalcore y a @millie-non-codes​ (por llamar a algunos) ya que son coders que han trabajado mucho con foroactivo y quizá lo sepan responder ;n; que quizá pueden ayudarnos!

[ame-nyan]

The magic! It calls to me!~* ੈ✩‧₊˚