En este tumblr, nos dedicamos a ofrecer soporte y ayuda de códigos a todos aquellos roleros de habla hispana. Podrás encontrar los códigos de múltiples creadores todos en un mismo sitio, y con nuestra navegación encontrarás el código perfecto para tu foro.Si eres creador, taggea tus creaciones con el tag #elalmacen-rp o #elalmacenrp y te rebloguearemos tus trabajos, así como te añadiremos a nuestro directorio.
¡Hola a todos! Este es un mensajito para recordarles que tenemos un servidor de discord para la comunidad, tanto de codeo como de rol en general. Hicimos una limpieza hace poquito, y traeremos cosas nuevas en las próximas semanas, así que es un buen momento para unirte.
Únete al servidor haciendo click aquí. ¡Recuerda leer las normas!
En este tutorial, enseñaré cómo usar Github (Pages) para alojar archivos de fuentes, CSS, JS, e incluso imágenes.
Primero que nada, por supuesto, regístrate en Github. Una vez estés dentro, verás a la izquierda un botón verde que dice "Create repository". Haz click en él.
Ahora verás un formulario; lo único que tienes que editar es el "Repository name". Puedes ponerle el que quieras; este saldrá en la url del enlace. En mi caso, he creado una cuenta nueva para mi foro privado, y voy a llamar al repository "skin". Ahora, clickamos abajo en "Create repository" otra vez.
Ahora verás un panel grandito con un montón de info. Busca un link de texto que pone "creating a new file" y haz click. En "Name your file…" ponle "readme.md" y en el "Enter file contents here", pon lo que quieras, como si pones un punto. Yo uso esta sección para poner los créditos de un skin. Después, haz click en "Commit changes" (y de nuevo en el popup).
A continuación, en la barra de tabs, le vas a dar a "Settings" (al lado de "Insights", y ahí, le vas a dar a "Pages", dentro de "Code and automation". En "Branch", dale al dropdown que pone "None" y selecciona "main". Entonces, dale a "Save".
Volvemos a la pestaña de "Code". Ahora, en "Add file", puedes poner manualmente tus archivos (igual que hemos hecho con el readme.md) o puedes subirlos.
-> Si quieres hacer carpetas, crea un file como hemos creado el de readme, y cuando estés escribiendo el nombre, pon el nombre de la carpeta, un slash (/), y el nombre de tu archivo. Si quieres subir un archivo a la carpeta, puedes crear un archivo readme.md (que luego una vez subas tu archivo, puedes borrar).
Un pequeño addendum de cómo subir fuentes. Primero que nada, sube tus archivos de fuente (woff, woff2, ttf, svg…) a tu carpeta preferida dentro del repositorio. Tienen que estar en la misma carpeta donde vayas a subir el .css de tu fuente. Ahora, a la hora de crear una fuente, normalmente tiene esta pinta (sin el / después del arroba):
Pues bien, lo único que tienes que hacer es asegurarte de que tus src están puestos así, con un puntito delante (y, lógicamente, poner los nombres de archivo correctamente, igual que se llamen en tu repositorio):
Ahora, para vincular un .css, o una imagen, o whatever, ¿cómo lo hacemos? Sencillo. Tus links tienen que tener esta pinta:
https://USERNAME.github.io/REPOSITORY/…/FILE.ext
-> USERNAME: Tu nombre en github.
-> REPOSITORY: El nombre del repositorio.
-> …: Si tu archivo está dentro de carpetas, deberán salir aquí (mira el ejemplo si tienes dudas).
-> FILE: El nombre de tu archivo.
-> .ext: Extensión de tu archivo.
Un ejemplo de link podría ser, usando mi ejemplo de repositorio inicial: https://USERNAME.github.io/skin/fonts/Roboto/roboto.css
Así de sencillo. Además, para archivos de texto (como .css o .js), puedes editarlos directamente en github y (tras un pequeño periodo en el que se actualice el archivo), el link se actualizará solo, sin necesidad de volver a linkearlo.
Y eso es todo. Si me he dejado algo por el camino, algo no ha quedado claro, o cualquier otra duda, mis asks y dms están abiertos.
Se agradecen los reblogs para que llegue esta publicación a posibles afectados por la caída de Dropbox 💞
Dropbox culpable de los problemas de carga en foros
Desde hace un par de días, los foros en general están teniendo problemas de carga. Esto se debe a los links de dropbox, y se puede comprobar haciendo una comparación con y sin ellos.
Debido a esto, he contactado con Dropbox pero la respuesta ha sido tremendamente insatisfactoria, así que en las próximas semanas todos mis skins y tablillas recibirán una migración completa de fuentes y códigos hosteados en dropbox. Es posible que tarde un poco y se priorizarán comisiones y skins de compra libre, así que pido paciencia 🙏🏻
Informaré por aquí cuando se suban los updates a los skins de compra libre, y los que tengáis comisiones, podéis contactarme por discord.
Además, haré en unos días también un mini tutorial de cómo subir estos archivos a Github, para que también podáis hacerlo vosotros si el delay es muy alto.
AVISO: Esto no te afecta si el link de Cappuccicons que tienes es de Dropbox.
Si tu skin tenía el link original de la página de Cappuccicons (cpf), es posible que no puedas acceder a tu foro y seas redireccionado a una página maliciosa. La mayoría de mis skins fueron actualizados tras la caída, pero aquellos que no lo han actualizado, pasamos nuevo link por aquí cuando ocurrió. Recuerda que si eres admin, puedes acceder directamente al PA usando /admin al final de tu foro; también puedes desactivar brevemente los JS en chrome://settings/content/javascript y así poder ingresar en el foro sin verte afectado por la redirección. Puedes informarte más al respecto aquí.
Si tienen dudas o no encuentran donde está instalado, contacten con el coder de su skin o en su defecto, mis DMs/Ask están abiertos. ¡Saludos!
¡Buenas! Vengo con un nueva consulta: ¿qué motivo podría causar que un reproductor MP3 en los perfiles de mis usuarios no reproduzca la canción aunque el link usado termine en .mp3? He intentado diversos links en distintas webs y simplemente no empieza una vez que le das al botón de play (en el foro), aunque sí suena si abres la canción en dicho link.
Gracias de antemano.
¡Hola anon! Sin saber qué tipo de reproductor estás usando es difícil de saber. <audio> no debería dar estos problemas (siempre y cuando tengas declarado controls para que se muestre el reproductor), ya que se pone el link directamente en src y no tiene mucha más ciencia.
Si estás usando algún reproductor JS, sin el código es imposible saber el fallo. La mayoría de estos reproductores usan #id para localizarse; recuerda que una #id debería ser única, no debería repetirse varias veces en el foro, y el lenguaje JS/jQuery respetará esto. Es lo único que se me ocurre que pueda ser el culpable sin más datos.
Hola. ¿Podrían ayudarme con una consulta?
He visto que hay foros en foroactivo donde los administradores ocultan dentro del tema de tienda algunos posts que aparecen solo cuando ellos lo permiten en fechas especiales, como Navidad, Halloween, etc., y que contienen items de temporada. ¿Esto se hace con algún tipo de código en específico? Sé que no es con [Hide] ya que al postear en el tema, cualquier usuario podría verlo. Sin embargo, nadie lo ve hasta que ellos lo habilitan.
Gracias de antemano.
¡Hola anon! Es posible que usen alguna clase dentro del post y usen :has() para esconder el post que contiene esa clase. Por ejemplo, si uso una tablilla y le pongo la class halloween, puedo esconder el post entero usando algo como:
Una pregunta medio extraña, pero no sabía dónde más preguntar lsdnjfd ¿La capuccino font dejó de servir/existir? Estoy en un foro privado y los iconos que pertenecían a capuccino no me aparecen TT
Por lo que sé, Cappuccicons lleva caída desde ayer. Es posible que sea un problema del servidor que tenía contratado su creadora; si encontrase un link alternativo, editaré este post para añadirlo 😉
EDIT: Para consultar los iconos, usen la Wayback Machine. Y para el CSS, usen este link.
✦ Uso libre.
✦ No retirar créditos, ni usar como base para otro código.
✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.
✦ Código para firma.
✦ Medidas 450 x 250.
✦ La imagen se acomoda con las variables.
✦ No exagerar en título ni en el texto.
✦ Tiene ocho variables:
-accent: Color blanco de la letra.
-shadow: Color sombra de la letra.
-bckgrnd: Color con transparencia del fondo donde está el texto.
-img: Url de la imagen.
-font: Tamaño del titulo.
-zoom: Porcentaje del Zoom de la imagen si solo quieren una parte de la imagen, se puede omitir y ocupara todo el espacio.
-h: Medida en porcentaje para mover la imagen de forma horizontal a gusto.
-v: Medida en porcentaje para mover la imagen de forma vertical a gusto.
✦ Personaje: Neuvillette | Genshin Impact
✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia.
✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!
✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.
✦ Uso libre.
✦ No retirar créditos, ni usar como base para otro código.
✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.
✦ Código para firma.
✦ Medidas 470 x 240.
✦ La imagen se redimensiona.
✦ No exagerar en título y en la frase.
✦ Tiene seis variables:
--accent: Color blanco letra.
--accent1: Color Principal.
--bckgrnd: Color fondo de la frase con transparencia - aquí les dejo el generador de Hex a Rgba.
--posi: Posición en vertical de la imagen.
--font: Tamaño de la letra en vertical.
--mode: Modo de fusión de la imagen con el gif que tiene de fondo, por aquí les dejo el generador para que miren cual efecto les gusta más o dejar el que tiene.
✦ Personaje: Jade | Honkai: Star Rail.
✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia.
✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!
✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.
Hola, almacén! Estaba ocupando un código para mis pj, pero tengo un problema. Hagan de cuenta que cuando que posteo el código, y todo bien. Pero al momento de postearlo por segunda vez, se desconfigura :c y se deja de ver el segundo. Creen que es algo del foro en donde estoy o del código? El code es Instagram 001 (el de perfil)
¡Hola anon! Entendemos que te refieres a este code de Mora Codes. Si no es ese, háznoslo saber.
Tras testearlo, el problema está en los inputs; al haber más de una instancia del mismo input con el mismo nombre, estos se rompen. Por suerte, tiene fácil solución. Modifica el valor name e id de todos los <input> de la segunda tablilla por uno diferente (con ponerle una letra al principio o al final es más que suficiente) y ponle el mismo valor de id en el for del <label> que le sigue. Importante: el valor de los name debe ser igual en todos los inputs.
Acto seguido, incluye al final de tu post lo siguiente:
Hace unos días, cuando estaba compilando las fuentes para el pack que les subimos, me llegó una duda. Verán, algunas fuentes tienen versiones alternativas o caracteres alternativos. En Photoshop es fácil elegir la opción para usar esas variantes, pero me surgió la duda de cómo se lograría en CSS.
Bueno, al parecer la opción sí existe y se llama font-feature-settings. ¿Es infalible? Nope. ¿Podré usar todos los caracteres que tenga la fuente? No lo sé al cien por ciento. De todas maneras, quise hacerles este post para compartirles mi nuevo descubrimiento.
Tomemos de ejemplo la primera fuente de este pack, Balgon. Lo primero que vemos es el nombre de la fuente con caracteres que no están en los glifos principales, ¿cierto?
Pero si clickamos en "Ver todos los glifos", podremos darnos cuenta que sí están incluidos en la fuente, sólo que bajo un nombre diferente. En el caso de la fuente Balgon, tienen el nombre uniE000, de acuerdo al caracter. A veces, en otras fuentes, estos caracteres alternativos se llaman alt, aalt, salt, etcétera.*
Entonces, si queremos usar estas versiones, basta con agregar lo siguiente:
✦ Uso libre.
✦ No retirar créditos, ni usar como base para otro código.
✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.
✦ Código para firma.
✦ Medidas 450 x 300.
✦ Las imágenes se redimensionan.
✦ No exagerar en títulos ni textos.
✦ Tiene dos variables:
–accent: Color Principal banco.
–bckgrnd: Color De fondo, negro.
✦ Personajes: Boa Hancock, Crocodile, Doflamingo | One Piece.
✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia.
✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!
✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.
Buenas tardes, venimos a dejar un mensaje después de un par de asks, para no repetirnos. Pedimos disculpas por adelantado, pero el año no ha empezado excepcionalmente bien para un servidor y es mejor tener la cabeza tranquila antes de publicar algo mal escrito.
Se ha compartido cierto documento que acusa a este blog y a sus mantenedores de "difamar" o criticar a cierto foro por un enfrentamiento (en Marzo de 2022, a nuestro conocimiento). Dicha conversación no se dio en un canal privado con pocos miembros o sólo miembros de moderación: esta conversación se dio en el canal de #debates de la categoría General del servidor del Almacén, un servidor de acceso libre (tienen la publicación fijada en este mismo blog), en el cual a día de hoy hay cerca de 190 usuarios de discord que pueden leer y comentar. Ciertos comentarios provinieron de gente colaboradora, en su momento, de El Almacén, pero que no han ayudado en el mantenimiento del blog desde hace años.
En el momento en el que se dan estos mensajes, en 2022, los colaboradores habituales del Almacén eran Necromancer Coding, Mary Skins y King Codes, y en ocasiones, Soliloquy. Este blog colaborativo ha pasado por muchas manos (Gitano, te echamos de menos). A día de hoy, el 90% del mantenimiento corre a cargo de Necro.
Como colaborador y mantenedor del Almacén y su fundador, yo, Necromancer, aparezco en dichas capturas, y los mensajes siguen en el servidor de discord pues no dije nada que no creyese cierto. Mis clientes saben de primera mano que ellos pueden hacer los cambios que deseen en sus skins, pero en mi portfolio figurará el diseño que yo entregué en su momento, sin los cambios de la administración (salvo contadas excepciones y siempre preguntando primero a dicha administración). De hecho, hago esa misma broma en uno de los mensajes que se ven en la captura. Pero no quiero desviarme del tema en cuestión con justificaciones, en mi opinión, innecesarias en este momento.
Es en lo único en lo que nos podemos posicionar de manera firme, puesto que el servidor de discord es una comunidad abierta donde lo único que tienes que hacer para comentar en ese canal en concreto es aceptar las normas del mismo y "recibir color". Cuando este tema se dio en su momento por el post de Entourage Themes, no se le dio reblog en El Almacén, como pueden comprobar.
No publicamos un anuncio en su momento (de nuevo, este caso es de 2022) porque no se nos hizo llegar ninguna prueba de la otra parte y si se compartió en algún tumblr de conversación, tristemente no lo leí (de nuevo, como fundador del Almacén, es mi responsabilidad y la considero tal). Al tener sólo un mensaje de desvinculación por parte de Entourage, no consideramos que el caso fuese más que eso, un desacuerdo entre dos partes que debía resolverse entre las mismas. ¿Debí interesarme más, buscar información de la otra parte? Por supuesto. En ese punto no diré otra cosa.
Queremos decir que hay puntos del documento que nos parecen irrelevantes para la situación que se está dando y que es algo que no consideramos una estafa tanto como un conflicto entre lo que quería el cliente y lo que se le dio y mala comunicación. Pero creemos que como blog de almacenaje de códigos para foros de rol esa porción no nos compete juzgar, sino a potenciales clientes de dichos coders. Sin embargo, es cierto que hay ciertos puntos (relacionados con los créditos y tablillas de terceros) que nos gustaría que se aclarasen por parte de Entourage habiendo visto el documento de la otra parte, y en caso de no darse una respuesta que nos satisfaga, igual que se ha hecho en otros casos, El Almacén no hará reblog a dicha parte en el futuro cercano.
Queremos cerrar con una petición a un diálogo civilizado. Esta situación se ha dado entre terceras personas que no pertenecen a la moderación y equipo de mantenimiento del Almacén. El Almacén se creó para que no se perdieran entre las grietas de tumblrs los numerosos coders ante la falta de un foro central de códigos en esta década, y seguirá siendo eso por delante. Hacemos esto por apoyar a la comunidad en lo que podemos, y lo seguiremos haciendo hasta que la comunidad no nos necesite, porque significará que se ha vuelto al almacenamiento de códigos que la comunidad usaba hace años.
✦ Uso libre.
✦ No retirar créditos, ni usar como base para otro código.
✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.
✦ Código para firma.
✦ Medidas 420 x 150.
✦ La imagen se redimensiona a una medida de 150 x 150.
✦ No exagerar en ambos textos.
✦ Tiene cuatro variables:
–accent: Color principal, lila para texto y circulo decorativo.
–accent1: Color rosa para círculo decorativo.
–accent2: Color naranja para círculo decorativo.
–font: Tamaño de letra para el titulo por si el texto es más extenso.
✦ Personaje: Shu Yamino | Virtual YouTuber
✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia.
✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!
✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.
✦ Uso libre.
✦ No retirar créditos, ni usar como base para otro código.
✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.
✦ Código para firma.
✦ Medidas 450 x 200.
✦ La imagen se redimensiona.
✦ No exagerar en ambos textos.
✦ Tiene tres variables:
–accent: Color Principal.
–bckgrnd: Imagen principal.
–mask: Imagen de mascara, forma que adopta la imagen principal
✦ La máscara no está hecha por mí, pueden buscarlas aquí (tampoco están hechas por esta persona, pero si encuentro a su creador le daré los respectivos créditos) y seria buscar algo similar a la que hay de ejemplo sin embargo si no quieren usar de este creador siempre pueden buscar en otra parte y la imagen seria en png y recuerden guardarla en su alojamiento de imagenes.
✦ Personaje: Ushio Noa | Blue Archive
✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia.
✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!
✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.
✦ Uso libre.
✦ No retirar créditos, ni usar como base para otro código.
✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.
✦ Código para mensajería a juego con el celular Oxy.
✦ Medidas 300 x 607.
✦ Icono de fontawesome editable.
✦ Textos de nombre y estado no exagerar en largo.
✦ La caja donde van los chats crecerá hasta 250px y tiene su scroll es automático.
✦ Si colocan imágenes en el chat tendrán como máximo 233px de largo y se acomoda el contenido.
✦ Tiene dos variables:
–accent: Color blanco de la letra.
–accent2: Color azul principal.
✦ Personaje: Hinata Hyūga| Naruto
✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia.
✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!
✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.
Prohibido retirar los créditos, no estorban y forman parte de la firma.
Un favorito y/o un retweet nos ayuda.
Los colores son modificables al gusto (explicados más abajo a detalle).
Iconos de Fontawesome (si tu foro los usa, hasta puedes ahorrarte eso).
La firma es muy cursi... no me arrepiento.
Son dos imágenes que se adaptan al tamaño de la firma.
Fuentes: Chantel & Aesthetic.
El texto no es lo llamativo de esto...
No la pensé para usarla con links.
Cualquier duda no tengan miedo de mandar un ask con Hermes que ya no está de vacaciones, juramos encerrar a Cerberus en su respectiva casita para que no les muerda.
--stxc1: color borde imágenes, líneas, texto pequeño y bordes del texto principal.
--stxc2: color del texto principal, el ícono principal y de la sombras.
--stxc3: El fondo semi transparente de las frases y de la sombra del ícono central. Básicamente lo mismo que el color 1 pero puedes usar otro si quieres (yo solo lo hice medio transparente agregando al primer color a6).
Los colores se pueden usar en forma hexadecimal o rgba sin problema.
Este debía ser el décimo prompt del CODEMBER 2024 y me inspiré en que en inglés "puntada" es "stitch"... ¿No se nota, verdad? Pero... por problemas en casa no tuve la oportunidad de subir nada más. Volví completamente a Disney por un gran momento para mi a finales de Noviembre e inicios de Diciembre y los prompts que no subí en el próximo año prometo subirlos mencionando de donde salieron porque hice un tablón de anuncios lindo y una lista de miembros que quiero compartir aquí. Claro, eso incluye el Prompt de "Mosaico" que hice demasiado para un solo código y, apareció algo en tumblr que me hizo reír por lo bonito que se siente no ser la única rara que piensa en "algo", es internet al final del día.
...
Fue un año muy complicado para mi y casi pierdo a alguien importante pero tal vez el destino es más bueno de lo que creí (soy fan de disney, claro que creo en esto del destino), ¿Saben que incluso me quedé sin casa por algunos meses? Y la verdad la gente que he conocido en el internet además de mis amigos de Nirvana (también conocí a muchos en internet, haha) han sido una gran fortaleza para mi... se termina un 2024 que me va a costar recordar con cariño pero como no todo es negativo, hago caso a una de las frases que más me gustan de Disney:
"En este lugar perdemos demasiado tiempo mirando hacia atrás. Camina hacia el futuro, abriendo nuevas puertas y probando cosas nuevas, sé curioso... porque nuestra curiosidad siempre nos conduce por nuevos caminos."
¡Nos vemos el siguiente año y el siguiente código!