#mystask

[mystiqueworkshop]

Buenos días/tardes/noches, me disculpo por el submit pero no me entraba todo en un ask e ignoro si hay una forma más óptima de mandar el mensaje porque no acostumbro a usar Tumblr </3

Vengo a decir que me enamoré a primera vista de tu skin Gentle Sea y la forma sencilla pero efectiva en que has dejado todo explicadísimo en simples pasos que hasta alguien con cero conocimientos de CSS y Java (como yo) puede seguir sin problemas. Voy a intentar usarla para un proyecto que tengo en mente :3 y venía aquí porque quería hacer dos preguntitas (aparte de agradecerte de todo corazón por tu maravilloso trabajo, claro). 

Primero, quería saber si podría toquetear un poco las tablillas del foro para crear, además de las administrativas, una ficha, tablilla para posts, cronologías y demás. Por supuesto, esto estaría aclarado en el apartado de créditos del foro, junto con los créditos del skin <3

  Mi otra pregunta es si existe alguna forma de hacer que las descripciones de los foros tuvieran solo la imagen (es decir, quitarle los links y/o el texto) únicamente en algunos de los subforos. 

Por ejemplo en los subforos de la zona on-rol, ya que me gustaría que tuvieran solo una imagen, pero creo que si intento modificar los valores en el CSS cambiaría el de todos los foros y no solo los de esa categoría (y quisiera seguir manteniendo los links en los apartados administrativos para acceso rápido a la normativa y demás).

  Lamento las molestias que pueda haber causado, y una vez más gracias de corazón por el skin, que es precioso <3

---

Holiis!❤ Aaainss de verdad muchisimas muchisimas gracias por usar mi skin, me alegra mucho que te guste y que mi explicación sea lo suficientemente buena para que todo se entienda :3

Con lo de las tablillas, ¡por supuesto que puedes! No hay ningún problema, editálas a tu gusto para que queden acorde a lo que quieres armar en tu forito :3

Si, exacto, es mejor en esos casos no tocar el CSS porque se cambiaría toodo, por eso es mejor ir directamente con el HTML, es decir, la descripción de cada uno de los subforos. Para hacerlo debes quitar los divs en las descripciones que se llaman ".gsconttext" y ".gscontlink" junto con todo en su interior, con eso quitarías las cajitas que engloban el texto y los links, y solo colocarías esto:

Disculpa que tengo que colocarlo en imagen pero mi tumblr no me deja copiar codes y no sé porqué :c Eso lo que hace es editar la cajita de la imagen para hacerla más grande y que ocupe todo el tamaño del subforo, por lo que la descripción de esos subforos debería quedarte algo así:

Y con eso debería quedar todo en orden! Cualquier cosita o que no quede como gustas solo avísame por ask o por priv, y te ayudo a resolverlo :3 No te preocupes no hay problema, yo súper feliz de poder ayudar❤ Muchisimas gracias de nuevo por usar mi skin <3

[mystiqueworkshop]

¡Hola, hola! Reenvio el mismo ask porque tontamente primero lo mandé a El almacén, lo siento ^^' Me encantan tus tablitas y estoy por usar la #17 "Catch You, Catch Me", pero me preguntaba si en vez de los íconos de la parte inferior izquierda, sería posible que pusiera otra imagen, de ser así, ¿qué es lo que tengo que cambiar para hacerlo? De antemano muchas gracias y entenderé si no es posible c:

Hooliss anon!❤ Me alegra mucho que te gusten mis tablillas :3 Para quitar los iconos debes editar directamente el style, porque esa tablilla tiene el css alojado en DropBox, te digo como hacerlo...

Vas a buscar la zona del code donde sale esto:

Y vas a modificarlo por esto, no coloco el code como tal, porque Tumblr no me deja copiar eso :c

Si quisieras quitar también el cuadrito que está debajo de la frase y colocarle una imagen sería algo similar, solo que buscarías ahora el div que se llama "Kei7" y colocarías esto:

Y así estaría listo!! :3 Cualquier duda o si a lo mejor mi explicación es medio enredada xd, puedes enviarme otro ask sin problemas!

Muchísimas gracias por usar mis codes!! *-*

[mystiqueworkshop]

Deseo que estés increíblemente genial. Me animo a molestarte con la intención de preguntarte algo, ¿cómo logras las transparencias en tus skin? ¿Y como las usas en las áreas de post? Uso tu skin gratuito por cierto que es bellísimo, pero vi que en uno de comisión que hiciste tienes estos efectos. He visto tutoriales y leído alguna asistencia, pero en ninguna entiendo y tu siempre tienes paciencia de santo.

Eres genial.

Holiis❤ Disculpa la tardanza en responder! Muchas gracias por tus palabritas anon <3 Me hace muy feliz que te guste y estés disfrutando el skin!! :3 Con las transparencias es fácil! Solo en vez de usar colores hex, uso rgba con los que puedes jugar con la transparencia/opacidad. Explicando la diferencia entre ambos sería algo así:

#8db2c6 Este sería un color azul pastel en hexadecimal, con opacidad 1, es decir no tiene ningun tipo de transparencias, es el color totalmente sólido. rgba(141,178,198) Este sería el mismo color azul pastel pero en rgba sin modificar nada de la opacidad, por lo que sería totalmente sólido. Y ahora utilizando la maravilla que es el rgba, se puede colocar al 50% de opacidad/transparencia colocando solo un 0.5 al final, quedando algo así: rgba(141,178,198,0.5) Ese 0.5, puede tener valores desde 0 hasta 1, siendo el 0 totalmente transparente, y 1 el color sólido.

Yo utilizo los colores hex para todo, porque son mucho más cómodos, y solo uso los rbga especificamente cuando quiero una transparencia. Pero sin problema se podrían usar todos los colores expresados en rgba teniendo en cuenta lo de la opacidad. Para que puedas ver un ejemplo de como se vería usándolo en un code como tal, puedes ver este baúl que hice hace un tiempito, donde hay una de las variables que es rgba (--bulcolor1rgb: rgb(0,0,0,0.7);) y es la que le da una transparencia del 70% a todo el code.

Y para nada es molestia, siempre que pueda ayudar por aquí ando❤Cualquier cosa que no hayas entendido mi explicación o necesites ayudita, mándame otro ask o un mensaje privado :3

[mystiqueworkshop]

Bonita Mystique, primero decirte que me encantan tus codes y soy fan de tu trabajo tanto así que, estoy usando los oacks de Powerpuff Girls y Black Swan y me topé con algo... No tienen scroll relaciones y cronología y seria bastante practico que los tuvieran.

Me encantaría preguntarte cómo se colocan, de sobra decir que no tengo mucha idea de codes porque no quiero hacerte lidiar xD.

Te envío un fuerte saludo y abrazo esperando estés super bien <3

Hooolis!❤ Muchísimas gracias por tus palabras, me alegra mucho que te gusten y que las disfrutes :3 Ahora con las tablillas, inicialmente las pensé para que estuvieran sin scroll jejej, iba a explicar poco a poco como hacerlas, pero después me fije que habian zonas que iban a quedar muy juntas y necesitaba editar unas cositas más y me iba a hacer un lío explicando (?), así que las arreglé y aquí están las nuevas versiones: - Relaciones Black Swan - Cronología Black Swan - Relaciones PPG "Bubbles" Espero las disfrutes! Y muchas gracias❤

[mystiqueworkshop]

Holaaa, como hacen para poner ese "botón" de preguntas abajo del titulo y la descripción, en la versión tumblr para celulares?

Holiis anon❤️ Si es la cajita de ask normalita se activa automáticamente cuando habilitas los ask en tu tumblr, ahora, si hablas de un diseño en específico en mi theme, se lo debo al hermosisimo code que hizo @kosmique 😊

[mystiqueworkshop]

Hola; Te mando este mensaje por que necesito tu ayuda. Yo estoy intentando abrir un foro de Ouat pero yo estoy completamente perdida porque no se nada de codigos ni modificar la skin. ¿Podrias ayudarme? O guiarme? Muchísimas gracias.

Hooliss❤️ Claro que si, sin problemas😊 Escríbeme por Discord (Mystique#8550) y te ayudo✨

[mystiqueworkshop]

Quiero felicitarte antes que otra cosa por tu skin de Once Upon a Dream, está bellísimo. Y aprovechando este ask, también me gustaría preguntarte si algún día, harías una cronología tipo: Black Swan. Estaría precioso todo el pack. Un saludo grandísimo.

¡Holiis anon!❤ Muchísimas graacias por tus palabras, me alegra que te guste :3 Y si! Claro! Esta semana traigo la cronología sin ningún problema❤ Graaaacias <3

[mystiqueworkshop]

Mini-Tutorial (Skin Gentle Sea)

¡Holis a todos!❤  Vengo por aquí para traer un mini-tutorial para cambiar el tamaño del avatar en mi skin gratis “Gentle Sea”, esto debido a que me han llegado mensajitos por discord y por ask pidiéndome que les explique como hacerlo, y al ser un skin de uso libre prefiero hacerlo por aquí para que pueda llegar a todo aquel que lo use y quiera personalizarlo un poquito más :3

NOTAS ANTES DE EMPEZAR:

☪ Colocaré aquí la respuesta del ask para cambiar el avatar de tamaño (haciéndolo más largo) para que esté todo en un mismo post. ☪ El skin estará dividido en dos partes: La primera para modificar el alto y la segunda para modificar el ancho, así si quieren hacer una cosa o la otra esta separado - Y si quieren hacer los dos solo hay que combinarlos :3 - ☪ Los cambios se hicieron para pasar de 200px a 250px y de 300px a 450px, pero igual intenté poner más o menos los porcentajes que se usaron para cambiar de tamaño y facilmente se puede utilizar para hacer otros tamaños. ☪ Es el primer tuto que subo, así que avisénme por ask si hay algo que no se entienda - para poder compartirlo con todos :3 -

¡Ahora si empezamos!

PARTE 1: Modficación del largo del avatar.

☪ Largo de avatar en temas:

Inicialmente la cajita del avatar en los temas se adapta automáticamente al largo que tenga la imagen, pero eso no pasa con la caja que contiene los campos, por lo que tenemos que ir al CSS a ajustarlo (si lo copiaste tal cual del que está en el pastebin debería ser la línea 1057), y ahí tendras esto:

.gsavatarfields {   align-items: center;   background: var(–gscolor2);   display: flex;   flex-direction: column;   height: 290px;   margin-top: 5px;   position: absolute;   width: 190px;   transition: all 0.5s ease-in-out;   opacity: 0; }

Ahora lo que queremos cambiar ahí es el height, que pasará de 290px a 440px (10px menos que el tamaño del avatar para quede bonito y centrado), y eso en teoría sería todo, si recomiendo que coloquen más campos ahí para que no se vea vacío - creo que podrían entrar 2 campos más. ¡Y eso sería todo con el avatar en los temas!

☪ Largo de avatar en perfil de usuario:

En el avatar del perfil de usuario si hay que modificar más cositas, porque está diseñado para ser una caja completa - para que quede todo centrado -. Ahora vamos a la línea 1148, donde tenemos esto:

.gsperfilcont {   width: 950px;   padding: 20px;   display: flex;   align-items: flex-start;   justify-content: space-around;   height: 360px;   margin: 0 auto; }

Ahí vamos a cambiar el height, que pasara de 360px a 510px (60px más al tamaño del avatar). Luego vamos a la línea 1157, donde vamos a ver esto:

.gsperfilcont1 {   width: 200px;   height: 350px;   padding: 10px;   background: var(–gsfondo);   display: flex;   flex-direction: column;   justify-content: space-between;   align-items: center; }

Y cambiamos nuevamente el height, de 350px a 500px (50px más al tamaño del avatar), ahora vamos por el contenedor de los campos en la línea 1183:

.gsperfilcont2 {   width: 680px;   height: 370px; }

Donde cambiaremos el height de 370px a 520px (70px más al tamaño del avatar), vamos luego a la línea 1212, donde pasamos el height de 250px a 400px (50px menos al tamaño del avatar)

.gsperfilcampos {   height: 249px;   padding: 10px;   width: 660px;   overflow: auto;   display: flex;   flex-flow: wrap;   justify-content: center; }

¡Y eso sería todo! Nuevamente recomiendo colocar más campos para que se vea bonito *-*, como esta última cajita tiene overflow, aparecerá la barrita si hay más campos.

PARTE 2: Modficación del ancho del avatar.

☪ Ancho de avatar en temas:

Lo importante aquí son dos cosas, se tienen dos maneras de ampliar el ancho, la primera y más complicada es extender el tamaño del wrap y comenzar a ajustar cada una de las páginas - lo que haría una modificación casi que del skin completo - y la segunda opción que es mucho más fácil pero disminuye el espacio que tenemos para escribir.

La que explicaré en este caso es la segunda por que es mucho más fácil de explicar y las modificaciones son muy pocas - solo que con el width y no el height -, vamos a eso entonces:

NOTA: No recomiendo que el ancho del avatar sea mayor a 250px si no se va a modificar el tamaño del skin, y para eso si se debería tener un poco más de experiencia con el CSS.

Igual como explique más arriba la cajita del avatar en los temas se adapta automáticamente al ancho que tenga la imagen, pero eso no pasa con todas las demás cajitas que lo contienen. Así que vamos primero a la línea 1009, y tendremos esto:

.gsavatarcont {    width: 230px;    margin: 0 auto;    background: var(--gsfondo); }

Ahí cambiaremos el width de 230px a 270px (20px más que el tamaño que queremos del avatar - pero como dije cada vez que se aumente el ancho estamos perdiendo espacio para escribir), además debemos cambiar el margin: 0 auto; por margin: 0 -10px; para que podamos tener un poquiito más de espacio. Ahora vamos por la caja deonde está el nombre y el grupo, en la línea 1015, tenemos:

.gsavatarname {    height: 85px;    margin-top: -5px;    padding: 20px;    width: 190px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center; }

Y cambiaremos el width de 190px a 230px(40px más). La siguiente caja que se modificará es la que aparece en la línea 1046:

.gsavatar {    width: 230px;    display: flex;    flex-direction: column;    align-items: center; }

Donde pasaremos de 230px a 270px (40px más). Ahora la cajita de los datos en la línea 1057:

.gsavatarfields {    align-items: center;    background: var(--gscolor2);    display: flex;    flex-direction: column;    height: 290px;    margin-top: 5px;    position: absolute;    width: 190px;    transition: all 0.5s ease-in-out;    opacity: 0; }

Ahí cambiaremos el height: 190px a 240px (10px menos que el tamaño del avatar para quede bonito y centrado). Aquí si vamos a tener que modificar el tamaño de los campos, así que vamos a la línea 1078:

.gsavfieldlabel {    background: var(--gscolor3);    color: var(--gstexto1);    font-family: Merienda;    font-size: 11px;    font-style: normal;    font-variant: normal;    font-weight: 600;    padding: 10px;    text-align: center;    width: 150px; }

Y cambiaremos de 150px el width a 200px. Y el ancho de los contenedores de los campos también en la línea 1091

.gsavfieldcont {    color: var(--gstexto1);    font-family: Montserrat;    font-size: 10px;    font-style: normal;    font-variant: normal;    font-weight: 600;    height: auto;    padding: 2px;    text-align: center;    width: 166px; }

El width: 166px a 220px. Con esto de la zona del avatar solo nos faltaría editar la zona de los links de contacto, para eso vamos a la línea 1104

.gsavatarfields2 {    width: 210px;    height: 50px;    padding: 10px;    display: flex;    align-items: center;    justify-content: space-around; }

Y cambiamos de 210px a 250px en el width. Ahora bien, terminado esta zona nos vamos al espacio donde se coloca el texto, en la línea 946 se tiene:

.postbody {    border-bottom: 5px solid var(--gscolor2); }

Crearemos una línea nueva y pondremos width: 72%; ¡Y listo!

☪ Ancho de avatar en perfil de usuario: En la línea 1148px, cambiaremos el width de 950px a 940px - esto para que ambas cajitas queden más juntas y alineadas con el título.

.gsperfilcont {    width: 950px;    padding: 20px;    display: flex;    align-items: flex-start;    justify-content: space-around;    height: 360px;    margin: 0 auto; }

Ahora vamos a la línea 1157 tendremos:

.gsperfilcont1 {    width: 200px;    height: 350px;    padding: 10px;    background: var(--gsfondo);    display: flex;    flex-direction: column;    justify-content: space-between;    align-items: center; }

Así que modificaremos el width 200px a 250px. La zona que está por debajo también va a cambiar por lo que en la línea 1172, cambiaremos también el width de 200px a 250px.

.gsperfilcontacto {    width: 200px;    height: 40px;    padding: 10px; }

Por último, en la línea 1183, cambiaremos el width de 680px a 650px. 

.gsperfilcont2 {    width: 680px;    height: 370px; }

¡Y ahora si hemos terminado! Disculpen que haya sido tan largo, pero espero se entienda, y como dije arriba cualquier duda estoy a un ask de distancia :3

[mystiqueworkshop]

Bella Mystique, me encantó la Firma - Glittler in the sky, pero el link del pastebin envía a la Playlist - Levitating...

Te envío un abrazo enorme.

¡Holiis Anon!❤ Gracias por avisarme y me alegra mucho que te guste la firma!! <3 Ya está modificado y ahora si debería llevar al PasteBin que es :3

[mystiqueworkshop]

Holaaa Myst! Me encanta los codes que haces, todo es uy bonito <3 Te quería preguntar si podrías mostrar una versión oscura del skin de eternal love, graaaacias

¡Hoolis!❤ Muchas graacias, me alegra que te guste lo que hago :3 Y claro que sí, en unos minutos subo la página principal y la zona de post con colores oscuros.

[mystiqueworkshop]

Buenas Mysti! El pack de Powerpuff Girls es hermoso pero a la hora de darle clic al enlace de la cronología dice que el pastebin es privado :(

¡Holiis!❤ ¡No me habia dado cuenta! Que extraño que Pastebin me lo puso privado :/ Igual ya verifiqué y ahora si debería funcionar.

[mystiqueworkshop]

Yo de nuevo ¡todo funcionó perfecto! Muchas gracias por responder. Los gradients, el color sólido, todo quedó muy bien explicado. Eres un sol ¡que tengas un bonito fin de semana! ❤️

¡Que bueno que todo funcionó!❤ De nadaa, me alegra mucho que todo haya funcionado y mi explicación no haya sido tan horrible xd

[mystiqueworkshop]

¡Hola! ¿Cómo estás? Antes que todo agradecerte por todo el enorme trabajo que haces, eres increíble!! Estoy tratando de usar el skin Gentle Sea pero no me funciona, sigo todos los pasos y se ve todo mal jajaja ¿qué versión de foroactivo debo usar para que se vea bien? Mil gracias!

¡Hola!❤️ El skin está configurado para la versión PHPBB3, y te recomiendo colocar el tema “Prosilver” para borrar cualquier cosita que haya quedado de skins anteriores, y ya después si lo instalas✨ Muchas gracias a ti por usar mi skin💕

[mystiqueworkshop]

Holi ♥ Vengo con un par de dudas con respecto al skin Gentle Sea. Entré con la cuenta de invitado porque estaba curioseando como se veía la zona de mps y todo eso, fue entonces que me percaté que la opción de "ver tus mensajes" no aparece. ¿Cómo se podría habilitar? Y luego otra duda sería, si en el navbar solo quiero que aparezcan los iconos sin las letras ¿como lo editaría? Perdón por tan poco, soy bastante torpe y no quiero destrozar nada jajajaja ¡Saludos, y gracias por tu trabajo! ♥

¡Holis!❤ Para que aparezca la opción de “ver tus mensajes” - yo siempre lo quito por que no lo uso xd - vas a ir al CSS (si lo copias tal cual del que está en el pastebin debería ser la línea 178), y ahí vas a tener esto:

#search-box, p.rightside, ul.linklist {    display: none; }

Si quitas “p.rightside, ul.linklist” te volverán a aparecer los links :3 Ahora con lo de la navbar, vas a ir a la línea 233, y vas a tener esto:

a.mainmenu {    color: var(--gstexto);    text-shadow: 1px 1px var(--gscolor2); }

Ahí vas a agregar: font-size: 0px; ¡y listo! Si quieres ajustar el tamaño de los iconos, más abajito te van a salir las propiedades de cada uno, ahi puedes modicar el font-size: 10px; por el tamaño que quieras :3

¡Saludos, y muchas gracias a ti por usar mi skin!❤

[mystiqueworkshop]

Hola! Antes de nada, me parece precioso todo lo que haces *-* Te escribo porque tengo una duda respecto a la skin Gentle Sea, y es que no me aparecen las letras, lo que sería el título del foro (GENTLE SEA SKIN en el ejemplo), sobre el logo/header. Por si acaso he vuelto a instalarlo todo siguiendo las instrucciones, pero sigue igual, así que si pudieras ayudarme para saber qué estoy haciendo mal xDDD Muchas gracias!

¡Holiis!❤ Awwww Muchísimas graacias, me alegro mucho <3 Lo que es el título y subtítulo del foro se debería colocar automáticamente con el nombre que le pusiste a tu foro desde el PA, en Panel de Administración » General » Foro » Configuración en Nombre y Descripción del sitio, si no tienes nada escrito allí probablemente sea la razón por la que no te aparece. Si intentas eso y no se soluciona, envíame otro ask o escríbeme por privado para ayudarte :3

[mystiqueworkshop]

Holiiiii, estoy utilizando tu skin Gentle Sea y me preguntaba como poner las opciones de mensajes y post hechos por el personaje dentro del perfil simple, el de /u1. ¡Gracias!

¡Holis!❤ Para agregar esos links al perfil tenemos que meternos con el template, y volver a colocar las etiquetas que usa foroactivo para buscar esos links. 

Ahora el template del perfil lo vas a buscar en Panel de Administración » Visualización » Plantillas » Perfil » profile_view_body, y vas a buscar la línea donde dice:

<!-- BEGIN profile_field -->

Justo debajo de eso vas a pegar lo que está en este pastebin (no lo pongo directo acá por las comillas que tumblr cambia), luego registras, publicas los cambios ¡y listo! :3

¡Saludos y gracias por usar mi skin! ❤