Créditos del Foro
» Skin obtenido de Captain Knows Best creado por Neeve. Gracias a los aportes y tutoriales de Hardrock, Glintz y Asistencia Foroactivo
» Créditos a los autores de las imágenes usadas o editadas en todo el foro , si hay algún inconveniente al respecto o prefieren retirarlas, contacten al staff. » Visiten la sección de Créditos del foro para visualizar los créditos al completo. *Si encuentran algún error en el foro, favor de notificarse en la sección de ARREGLO DE FAILS » Magnet Treason is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License. Permissions beyond the scope of this license may be available at https://magnettreason.foroactivo.mx/t457-creditos-del-foro#70404 . |
Últimos temas
Tutoriales: Comité de diseño
Página 1 de 1.• Comparte
Tutoriales: Comité de diseño
Tutorial: Cambio de diseño
Esta es una guía para el cambio de diseño de la skin actual del foro (2020). No es un paso por paso. Se da por entendido que quien esté en el Comité de Diseño sabe usar Photoshop y sabe usar el "Inspeccionar elemento" o F12 o como sea en su navegador. De lo contrario, existe Google para saberlo (?). Aunque son bienvenidos, la verdad no son necesarios conocimientos de CSS ni HTML ni de nada. Al fin y al cabo, como veremos, es sólo cambiar colores y buscar y reemplazar cosas. ¿Han modificado códigos para una ficha sacados de Tumblr? Con eso es más que suficiente.
Primero:
-Aquí hay un listado de las imágenes y medidas del foro.
-Aquí está el drive que se le pasará a Moderación para el cambio de diseño. Este tiene las imágenes.
-Aquí hay un drive con los colores que pueden usar o no usar. Ya explicaremos esto más adelante.
Cada comité se organiza de forma diferente y ustedes ya verán cómo. Los drives que son modificables pueden usarlos cuanto quieran. También pueden copiar el contenido y usar suyos propios. Reutilizarlos cada cambio, hacer drives nuevos cada cambio… todo eso lo manejan ustedes. ¿Qué es importante? Que el drive que se le pase a Moderación tenga el mismo formato (lo copian y pegan en el propio tal cual si quieren). Por lo demás, se organizan como quieran (?)
Lo mejor es hacer los cambios en el foro de pruebas. Cuando está listo, le dicen a Moderación, le pasan el drive y revisen que todo aquí está ok. Moderación tomará todas las configuraciones de aquí y los links del drive para implementarlo en el foro. NO CAMBIAR NINGÚN TIPO DE PERMISO, NI DE CONFIGURACIÓN, NI NADA SALVO LO QUE SE DETALLA AQUÍ.
Pero, repetimos, internamente cada comité se organiza como quiere. Pueden usar el drive de colores y cambiar allí antes de aplicarlo acá. Pueden hacer todo directamente acá. Eso ya lo ven ustedes.
¿Cómo saber qué debo cambiar?
Bien, con Inspeccionar elemento. Vamos a por un ejemplo:
Esta es la parte del avatar del foro. Vamos a hacer click derecho —> Inspeccionar elemento (así es en Chrome; en cada navegador puede decir palabras diferentes pero es básicamente lo mismo. Si no lo encuentran, ahí está Google) sobre el triangulito de abajo para cambiarle el color. Nos sale algo así:
Bien, vemos ahí un cuadradito de color que si le hacemos click nos abre el selector.
Elegimos el color y damos enter. Justo en el caso que marqué (y que por eso lo elegí como ejemplo), tendremos también que bajar y mirar dónde más sale ese color (en nuestro caso #d6d6d6), para encontrar las dos partes (el triangulito es: el triángulo (duh) y un rectángulo abajo que dice Perfil - MP). El cual es este:
(Nótese por la barra de desplazamiento al costado que he bajado bastante)
Y hacemos lo mismo y ponemos el color. Y voila.
Bien, entonces ¿cómo hacemos esto en el foro de pruebas? Anotamos el color en cuestión (en este ejemplo ese verde horrible es #0d9f50) y dónde está (que en nuestro ejemplo, es div#conectato-post [background-color] y div#conectato-post:before [border-bottom]). Luego vamos al CSS del foro de pruebas y lo buscamos. Para ir al CSS (donde se harán la mayoría de los cambios de color) vamos a: Panel de Administración —> Visualización —> Colores y allí elegimos "CSS Stylesheet". Entonces vamos a usar el queridísimo "ctrl+f" o la opción de "Buscar en el css" y a buscar el elemento en cuestión. Por ejemplo, #conectato-post . Como algunos navegadores eliminan espacios a al hora de inspeccionar elemento y demás, mejor buscar una parte del nombre del elemento y para asegurarnos de que sea la correcta (algunos se repiten muchas veces) comparamos la estructura. Por ejemplo:
Bien, son los mismos elementos, así que ahí cambiaremos el border-bottom. Repetimos para encontrar dónde está el que hay que cambiar el background-color y ya. Así con casi todos los colores del foro. POR FAVOR, NO ELIMINAR NINGÚN ELEMENTO. Si, por ejemplo, quieren quitar un borde, ponganlo del mismo color que lo de alrededor o como transparente, así quedan guardados el tamaño y eso por si luego se quiere volver a poner.
En fin, repetimos con todos los colores. ¿Qué sucede si alguno no está en el CSS? Pues que está en otro lado. Vamos a ver dónde están:
-Vamos a Visualización —> Colores y de allí, lo que importa son las primeras cinco categorías:
-Color del texto
-Color del vínculo
-Color del vínculo visitado
-Color del vínculo activo
-Color del vínculo visto
Color del texto no es el texto de los posts, si no por ejemplo el que sale en "Miembros". Cámbienlo y verán en todo lo que afecta.
Luego, el otro color que hay que cambiar de otro lado es este. Miren lo que hay en realidad en el perfil:
Si la frase fuera más corta, sale "Frase:" también. Para esto, hay que cambiar los colores del campo de perfil al mismo color que el fondo de ese trozo. NO ACEPTA TRANSPARENTE. Esto lo hacemos desde Usuarios y Grupos —>Perfiles —> Campos del perfil. Buscamos esos dos campos, hacemos click en la ruedita para modificarlos y lo primero que nos sale es el color. Elegimos el mismo que el fondo del cuadrado ese y ya está.
ATENTI. Ese es el color que tendrá en todo el foro esos campos. También aquí:
Y aquí:
Por lo tanto, a la hora de elegir el color del cuadrado ese y el resto de combinaciones, hay que cuidar que se vayan a leer en todos lados.
Nos quedan los colores de los rangos, para lo cual vamos a Usuarios y Grupos —> Administración de los grupo. Hacen click en la ruedita, y en "Color de los miembros del grupo" eligen el que quieren. Luego, controlen que esté tildado "Aplicar color a los miembros del grupo" (cosa que debería) y le dan a Registrar.
Nos queda el tablón. Para eso vamos a Visualización —> General, y ahí miramos "Mensaje del índice". IMPORTANTE. COPIEN TODO LO QUE ESTÁ AHÍ A UN DRIVE O ALGO. Motivo: cuando le den a guardar cambios, foroactivo guarda y te saca un cartel a veces de que se pasó de caracteres y lo cortó. LO CORTA DONDE SE LE MEDIO DA LA GANA, Y AHÍ ESTÁ EL CÓDIGO DE FUNCIONAMIENTO DE "ULTIMOS TEMAS" Y OTRAS WEAS. Así que si les saca ese cartel, pues al menos tienen para reemplazar el otro (a veces también da error pegando lo mismo que pusimos. Creo que a veces te cuenta los espacios y a veces no).
Así que: PRIMERO GUARDAN EL TABLÓN APARTE Y LUEGO LO TOQUETEAN. Allí están todos los colores e imágenes del tablón, nada, los buscan con "ctrl+f" y reemplazan igual que en el css.
¿Cómo ver cómo quedan las imágenes?
Bien, la realidad es que como el foro de pruebas no tiene los mil foros y subforos, lo más cómodo sería probar de a un par, o sacar unas capturas y reemplazar en PS para ver, o usar el Inspeccionar Elemento y reemplazar en el foro actual, pero igual vamos a dejar dicho cómo cambiarlas:
La cabecera.
Vamos a Visualización —> Gestión de las imágenes. Elegimos Modo Avanzado.
Dentro de allí, elegimos "General/Navegación" (debería ser la opción que aparece al entrar al modo avanzado, en realidad).
La cabecera va en donde dice "Logo del foro" y "Logo versión móvil", ambas dos.
El fondo (parte) y los íconos de mensajes (Tema cerrado, Anuncio, Tema normal, etc).
Seguimos en Visualización —> Gestión de las imágenes (modo avanzado). "General/Navegación".
El fondo va en "Imagen del fondo de la página". Sepan que eso no va a hacer que se vea en todos lados, es para la versión móvil principalmente. Vamos a poner el fondo luego en el CSS también.
Luego, pasamos a "Íconos de los temas". Recuerden que algunos van repetidos.
Imágenes de foros y subforos.
Vamos a General —> Categorías y foros. Allí saldrán todos los foros y subforos. Para cambiar la imagen, van a la ruedita ubicada al lado del nombre.
Hacen click, e ignoran todo excepto abajo donde dice "Descripción":
Admiren mi pulso, plis.
IGNORAMOS DONDE DICE DIRECCIÓN DE LA IMAGEN. Vamos a mirar los primeros renglones de descripción, donde aparece esto:
"background-image: url('acá un link de imagen')">
Y reemplazamos el link de la imagen.
Ícono de la Chatbox.
Vamos a Módulos —> Gestión de los códigos Javascript.
Allí, hay uno que se llama "Chatbox desplegable". Al igual que en los foros, hacemos click en la ruedita para modificarlo. Vemos que las dos primeras líneas son:
//Inicio variables a editar por el usuario
var imagen_chatbox_desplegable = "acá un link de imagen";
Y reemplazamos el link.
Lo que resta es poner el fondo en el resto de los sitios. Para eso obtenemos la URL del fondo actual con inspeccionar elemento:
Ese link de imagen que está ahí. Y vamos al CSS y lo buscamos. Y lo reemplazamos por el nuevo en todas las veces que aparezca (son varias). Y listo.
Cosas a tener en cuenta:
-Al ir revisando el foro, controlen todo. Que se pueda leer lo que se pone en modificar perfil. Que todo lo de mensajes privados se vea bien. Que ningún rango mate ojos (ni moderación, ni eventos, ni diseño, ni ninguno). Que la caja de emojis no mate ojos. Que al previsualizar firma se previsualice bien. Que donde dice "Leyenda" se vea bien. Etc. Revisen TODO.
-El color de fondo de los posts no se modifica. De lo contrario, hay muchos colores que pasan a matar ojos, así lo muevan apenas un poquito, créanme, ya ha pasado.
-La utilidad del drive de colores es para registrar los cambios por si alguno quiere volver atrás a algo. O para irlos anotando. Pero como ya dije varias veces, cada team se organiza a su modo y si les es cómodo mover todos los colores acá de una, los mueven.
Créditos a XèniaCalvemort por adaptar la skin al foro, y al primer comité de diseño (Juliette, Hakurin y Merudy) por establecer el sistema de organización general para esto.
Última edición por Kisa el 03/07/20, 08:02 pm, editado 5 veces
_________________
- More love:
Kisa
Moderador
Mensajes :
3474
Edad :
29
Localización :
Mi templo.
Fecha de inscripción :
21/03/2014
Re: Tutoriales: Comité de diseño
TUTORIAL: IMPLEMENTACIÓN DE CAMBIO DE DISEÑO
Este tutorial sirve para la implementación del cambio de diseño en la skin diseñada por it's mnemosyne y adaptada por XèniaCalvemort. Toma como base que está ya todo colocado e implementado en el foro de pruebas. En caso de que Diseño no haga esto, es mejor implementarlo allí primero para corregir errores y después pasarlo al foro de todas maneras (y para saber cómo hacerlo allí, leer el tutorial de Diseño).
Aparte, estará explicado cómo actualizar otras cosas: moderadores y enlaces en el tablón; links en afiliados; cosas así.
Paso 1: HACER UNA COPIA DE SEGURIDAD DE TODO.
-Ya indicaremos más adelante dónde está cada cosa, pero técnicamente yendo (siempre dentro del Panel de Administración, todo lo haremos desde allí) a Visualización —> Gestión de los estilos —> Exportar tema (tema completo), debería guardarse una copia que luego se podría restaurar allí mismo donde dice Importar tema. Especialmente importante para los cambios temporales (Halloween, Navidad…). Peeeero por las dudas de que algo falle, aparte de hacer esta opción:
-descarguemos el CSS;
-saquemos capturas o anotemos todos los cambios que haya en las secciones que luego se explicarán;
-copiemos el tablón a un drive. ESTO ES SUPER IMPORTANTE Y ES MEJOR HACERLO SIEMPRE, ya veremos luego por qué;
-cuando Diseño nos pasa el drive de imágenes, hagamos una copia en un drive propio (por si ellos reutilizan siempre el mismo o después resulta que el enlace lo tenía esta persona que se fue y bla bla bla).
Ahora sí. La implementación.
*Como dato, las indicaciones de dónde ir en el Panel de Administración están dadas así: Barra grande de arriba —> Opción a hacer click al costado —> ya las indicaciones en lo que nos salga al medio. Si les parece obvio es porque aún no vieron la cantidad de General que vamos a leer en este tutorial, todos diferentes y ubicados en distintos sitios. Grande Foroactivo.
Paso 2. La cabecera.
Vamos a Visualización —> Gestión de las imágenes. Elegimos Modo Avanzado.
Dentro de allí, elegimos "General/Navegación" (debería ser la opción que aparece al entrar al modo avanzado, en realidad).
La cabecera va en donde dice "Logo del foro" y "Logo versión móvil", ambas dos. Pegamos el link donde dice "Dirección web del ícono".
Paso 3. El fondo (parte) y los íconos de mensajes (Tema cerrado, Anuncio, Tema normal, etc).
Seguimos en Visualización —> Gestión de las imágenes (modo avanzado). "General/Navegación".
El fondo va en "Imagen del fondo de la página". Sepan que eso no va a hacer que se vea en todos lados, es para la versión móvil principalmente. Vamos a poner el fondo luego en el CSS también.
Luego, pasamos a "Íconos de los temas". Allí pegamos las URL que nos hayan dejado los de Diseño. Van a ver que se repiten algunos (Tema y Tema popular; Tema nuevo y Tema popular nuevo; los anuncios y notas, versión normal y nueva). No importa, péguenlo así.
Paso 4. Imágenes de foros y subforos.
Vamos a General —> Categorías y foros. Allí saldrán todos los foros y subforos. Para cambiar la imagen, van a la ruedita ubicada al lado del nombre.
Hacen click, e ignoran todo excepto abajo donde dice "Descripción":
Admiren mi pulso, plis.
IGNORAMOS DONDE DICE DIRECCIÓN DE LA IMAGEN. Vamos a mirar los primeros renglones de descripción, donde aparece esto:
"background-image: url('acá un link de imagen')">
Reemplazamos el link por el que figure en el drive de imágenes que nos pasa Diseño y ya está. Luego le damos a Registrar y asunto arreglado. ¿Y si Diseño no pasa algún link? Pues no tocamos eso. (Es posible que pase con Administración y/o Papelera. Nos odian (?)).
Paso 5. Ícono de la Chatbox.
Vamos a Módulos —> Gestión de los códigos Javascript.
Allí, hay uno que se llama "Chatbox desplegable". Al igual que en los foros, hacemos click en la ruedita para modificarlo:
Allí, vemos que las dos primeras líneas son:
//Inicio variables a editar por el usuario
var imagen_chatbox_desplegable = "acá un link de imagen";
Pues reemplazamos el link por el que nos dé Diseño y listo.
Paso 6. El CSS: la mayoría de los colores y el fondo.
Aquí veremos los cambios más grandes rápidamente: el fondo en todos lados, la mayor parte de los cambios de colores.
Vamos a Visualización —> Colores y allí elegimos "CSS Stylesheet".
Copiamos tooooooooooooooooooodo del foro de pruebas y reemplazamos el que tenemos en el foro de verdad. Tooooooooodo. Borramos el 100% de lo que está y pegamos el que copiamos de pruebas. Le damos a Aceptar y listo. Magia (?).
*Por eso hay que descargarlo primero xD
Paso 7. El resto de los colores.
No todo se cambia desde el CSS, lamentablemente.
Vamos a Visualización —> Colores y de allí, lo que importa son las primeras cinco categorías:
-Color del texto
-Color del vínculo
-Color del vínculo visitado
-Color del vínculo activo
-Color del vínculo visto
Reemplazamos el valor que esté allí por el que esté en el foro de pruebas. Todo el resto lo ignoramos.
Luego, vamos a Usuarios y Grupos —>Perfiles —> Campos del perfil. Los dos campos que seguro hay que modificar son Frase y Localización. ¿Por qué? ¿Vieron cuando pasan el mouse por el avatar, y aparece la frase, los mensajes, la fecha de inscripción y el lugar? Bien. Allí está escrito Frase, Localización y otras cosas. Las otras están tapadas debajo del miniava. Pero para que Frase y Localización no sean visibles, hay que ponerlas del mismo color del fondo. Así que:
-Buscamos esos campos en la lista y, ya saben, hacemos click en la ruedita.
-Ponemos el color que esté en el foro de pruebas y le damos a Registrar.
Ahora, faltan los colores de los rangos de usuarios.
Vamos a Usuarios y Grupos —> Administración de los grupos y ya saben cómo funciona esto. Hacen click en la ruedita, y en "Color de los miembros del grupo" pegan el que esté en el foro de pruebas. Luego, controlen que esté tildado "Aplicar color a los miembros del grupo" (cosa que debería) y le dan a Registrar.
¿Verdad que va quedando todo muy bonito? Sólo nos falta el Tablón.
Paso 8. El tablón.
Vamos a Visualización —> General, y ahí miramos "Mensaje del índice". Eso es el tablón.
IMPORTANTE: A veces al guardar los cambios, Foroactivo muy HIJO DE PUTA tira el aviso "Exceso de caracteres, se ha recortado al máximo". Claro, en lugar de avisar y no guardarte una mierda, te guarda cortando como se le da la puta gana. Así que por eso es importante tener todo en Drive. Es más, antes de darle guardar, copiarlo otra vez. Porque a veces cuando te corta todo, borras todo, reemplazas con lo que tenías pegado y PUM, mágicamente ahora sí tiene la cantidad de caracteres máxima.
ADEMÁS AL RECORTAR, SABEN QUÉ RECORTA PORQUE ES LO ÚLTIMO? EL FUNCIONAMIENTO DEL "ULTIMOS TEMAS". HAY QUE TENERLO COPIADO PARA PODER RECUPERARLO CUALQUIER COSA.
La parte sencilla: Copiamos tooooodo lo que esté en el foro de pruebas y lo pegamos tooooodo en el posta. Listo (?).
Ahora bien: hay cosas que sólo los administradores del foro deberían modificar: los moderadores, los anuncios que se quieran dar y demás, y también se hace desde ahí. Así que nada. A sufrir. Tenemos un tablón para usarlo, no para dejarlo en la nada porque da paja.
Bajamos hasta que veamos cuatrocientos mil "<tbody></tbody>". Bajamos, bajamos y bajamos. Cuando terminan, nos encontramos con un div. Corresponde a esta parte del tablón:
Como vemos, dice <div style="muchas cosas acá">.
Aquí, para cuando queramos actualizar esto, veremos que cada anuncio figura así:
<div class="noti">
<span class="fechi">05/02</span>Convocatorias para los comités <a href="https://magnettreason.foroactivo.mx/t930-convocatoria-para-los-comites-de-eventos-y-diseno#126743">Aquí.</a> </div>
Donde:
-La fecha es… la fecha *duh*. La modificamos sin problema. Siempre: dd/mm.
-Lo siguiente tras el </span> es el texto que aparecerá.
-Si ponemos un link, ya vemos como es: <a href="acá el link al tema">Aquí.</a> . Si no queremos poner un enlace, esto no va: desde el <a href> hasta el </a>. Listo (?). El resto no lo tocamos.
Seguimos bajando, entonces.
Después de todos los anuncios nos encontraremos con el ícono girado. Esta wea:
Donde no hay que hacer nada porque ya nos cambiaron la imagen en el foro de pruebas, pero es bueno saber cómo está armado el tablón (?).
A continuación, está esto:
Aquí técnicamente no hay que cambiar nada, pero no está de más revisar que todos los links a los temas estén bien. Si hay que modificar alguno (renombramos o reubicamos un tema, por ejemplo, y ya cambia el link), los modificamos. Esto es fácil (?), sólo reemplazamos el link que dice.
Luego, viene el cuadro de moderación.
Nos encontraremos con esto:
<div class="istaff" style="background:url(link de imagen aquí)">
<div id="nom">
<a href="https://magnettreason.foroactivo.mx/privmsg?mode=post&u=1">Reino Traicionero</a>
<div id="ran">
Admin
</div>
</div>
</div>
Imagen: reemplazamos por la imagen que nos dé Diseño, ya sabemos cómo es.
En este caso el primero será siempre el Administrador. Pero vamos a mostrar con este ejemplo cómo actualizar a moderación.
-Donde dice Reino Traicionero, irá el nombre. En este caso, este; pero si fuera una moderadora, pues aquí va el nombre de la mod.
-Luego, en el link, tenemos que poner el número de user (que en el ejemplo siempre será 1, porque es el admin, pero, de nuevo, no pasará con una mod). ¿Cómo sabemos esto? Vamos a su perfil en MT. Miramos la URL que aparece arriba, que será: https://magnettreason.foroactivo.mx/uNUMEROACÁ. Ese número es el que pondremos en el enlace, reemplazando el que esté de la moderadora que se fue. En el ejemplo dado arriba, como es el admin, es el 1. Pero podría ser 56252263 (??????).
-El rango técnicamente será el mismo (Moderadora) y no tendremos que cambiarlo, pero si toca un moderador, sería bueno pasarlo a Moderador en su caso (?)
-En caso de tener que agregar uno más, o quitar alguno, se selecciona el bloque completo y se pega otra vez / se borra: desde <div class="istaff"> hasta los tres </div> seguidos. El bloque que está ahí arriba, vaya.
*class="istaff" pueden ser máximo tres. Son los de arriba.
*class="istaff2" pueden ser máximo tres. Son los de abajo.
Recordemos que Moderación va ordenado desde el moderador más antiguo hasta el más nuevo.
Luego de esa parte, vienen muchos <tbody></tbody> otra vez y pasamos a la marquesina. O sea, esto:
Aquí lo que cambiaremos serán las imágenes y textos, y recordemos que no debería estar sólo la imagen que da Diseño, si no que eso debería mantenerse actualizado con los castings y eventos cuando hay. Así que vamos a ver cómo se hace para poderle dar la funcionalidad que merece.
Nos vamos a encontrar con esto:
<div class="awa1" style="background-image:url(link de imagen aquí)">
<div class="awa0">
<div class="awardtitu">
Nombre del rol
</div><br /> <div class="awardtitu2">
Master
</div>
</div>
</div>
¿Cómo actualizar esto? Simple. Podemos pedir a las masters que envíen ficha una imagen para poner aquí que mida 150 x 113 px o bien poner la de la cabecera, pero mejor si la pedimos porque se verá más bonita (?) y cuando abra el casting la pegamos. Donde dice "Nombre del rol" ponemos el nombre, y donde dice Master, pues la Master. Cuando el casting termina, volvemos a poner la imagen de casting que nos dio Diseño en su momento, "Nombre del rol" y "Master" y ya.
Sólo nos queda "Últimos temas", pero eso es automático, no hay que tocar nada.
Y listo con el tablón.
Repito este quote porque es importante.
IMPORTANTE: A veces al guardar los cambios, Foroactivo muy HIJO DE PUTA tira el aviso "Exceso de caracteres, se ha recortado al máximo". Claro, en lugar de avisar y no guardarte una mierda, te guarda cortando como se le da la puta gana. Así que por eso es importante tener todo en Drive como dije antes. Es más, antes de darle guardar, copiarlo otra vez. Porque a veces cuando te corta todo, borras todo, reemplazas con lo que tenías pegado y PUM, mágicamente ahora sí tiene la cantidad de caracteres máxima.
Debido a esto, es mejor no pasar de 7 avisos en el sector de "Bienvenido", ya que de ahí podemos ahorrar caracteres con facilidad (?)
¡Y listo! Hemos terminado el cambio de diseño <3
_________________
- More love:
Kisa
Moderador
Mensajes :
3474
Edad :
29
Localización :
Mi templo.
Fecha de inscripción :
21/03/2014
Re: Tutoriales: Comité de diseño
TUTORIAL: ACTUALIZACIÓN DE AFILIADOS
¿Cómo hacemos para actualizar la imagen y enlace de un afiliado? Sencillo.
Vamos a, siempre en el Panel de Administración, Visualización —> y dentro de la sección de Plantillas, General. (Avisé que hay muchos General). Una vez allí, buscamos la que dice "Fin de pie de página" y hacemos click en la ruedita para modificar, como siempre.
Allí, la parte que nos importa es esta:
Que son unas líneas muuuuuy largas (?).
Cuando no hay nada afiliado, aparecerá así cada cuadradito:
<a href=""><img src="https://i.imgur.com/eUK8Q4P.jpg" /></a>
En los afiliados de imagen más grande el link es otro, pero no importa. Es la imagen que en realidad sólo dice la medida. ¿Qué hacemos cuando afiliamos a alguien? Esto:
<a href="acá el link del foro"><img src="acá el link del botón" title="acá el título del foro" /></a>
Y listo <3
_________________
- More love:
Kisa
Moderador
Mensajes :
3474
Edad :
29
Localización :
Mi templo.
Fecha de inscripción :
21/03/2014
Re: Tutoriales: Comité de diseño
Datos de Acceso al foro de pruebas
Dirección del foro: https://pruebasmt.foroactivo.com/
Usuario (Admin): Magnet Treason
Contraseña: magnettreason10
Correo electrónico vinculado: magnettreasonad@gmail.com
Contraseña del correo electrónico: hailhydra
Todos los tutoriales anteriores fueron hechos por ReiYui. Ella misma me estuvo guiando en la creación del foro de pruebas.
Por mi parte, dejo todos los datos aquí y cuento con que se usen responsablemente para no tener problemas. Dicho correo está vinculado tanto para el foro de pruebas como para el oficial, así que los insto a cuidarlo debidamente y de esa manera asegurar el futuro de Magnet Treason. Si miran el Drive, de hecho, podrán notar que lo he estado usando para guardar los documentos necesarios para el cambio de diseño que estoy preparando (tanto copias de seguridad como el css modificado). He ahí una forma práctica de darle un uso.
Por si las cosas de la vida me llevaran a retirarme del foro definitivamente, aún me pueden contactar en mi correo personal (dark.lace.lady@gmail.com). Este correo es el que puse como referencia para recuperación y eso, y como lo uso en otras cosas es seguro que se quedará vigente.
Espero sinceramente que esto sirva para facilitarles las cosas a una futura generación de moderadores y diseñadores, si es que la vida no me permite guiarlos personalmente.
_________________
- More love:
Kisa
Moderador
Mensajes :
3474
Edad :
29
Localización :
Mi templo.
Fecha de inscripción :
21/03/2014
Temas similares
» ¡Es Oficial! MT estrena Comité de Eventos y Nuevas Diseñadoras.
» ¡Nuevo diseño del foro!
» Renovación del Diseño del Foro
» Cambio de diseño + Anuncios varios.
» Convocatoria para los comités de eventos y diseño
» ¡Nuevo diseño del foro!
» Renovación del Diseño del Foro
» Cambio de diseño + Anuncios varios.
» Convocatoria para los comités de eventos y diseño
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
02/05/24, 11:49 pm por Lirium
» [ACTUALIZACIÓN] GUÍA DEL MASTER [08/01/2021]
02/05/24, 11:48 pm por Lirium
» [ACTUALIZACIÓN] GUÍA PARA EL JUGADOR [20/05/2016]
02/05/24, 11:48 pm por Lirium
» MANDAMIENTOS PRINCIPALES DEL FORO [Actualizado 06/02/17]
16/02/24, 12:53 pm por Nikola
» Olympus Glory - Afiliación Elite.
08/01/24, 11:22 am por Invitado
» ¡Nuevo diseño del foro!
01/04/23, 01:10 am por Kisa
» ¡Un gremlin rosado se robó el foro!
14/02/23, 12:38 am por Kisa
» [VOTACION] NUEVOS MODERADORES
24/02/22, 10:16 am por Lovey
» [SONDEO] DURACIÓN DE ROLES
13/08/21, 10:48 pm por Kisa
» [VOTACIÓN] NUEVO MODERADOR DEL FORO
07/08/20, 12:51 am por Doppelganger