@elalmacen-rp El tercer código del codember y ya voy tarde </3, es que me entretuve demasiado pensando en cómo rellenar el tablón, y claro. En fin, ¡a por el siguiente! Si quieres saber cómo instalarlo, abajito estará la explicación.
La imagen que he utilizado de banner, es de Sua con un psd de irwinbae. El código de cambio de cuenta, es de Tonight. Colores inspirados en las golondrinas y poesía de Alfonsina Storni.
Lo primero es colocar el css en la pestaña de colores & CSS. Desde aquí podéis cambiar la imagen del banner, así como los colores, tipografía y tamaño de esta. Solo hace falta modificar, como se indica, la primera parte del código.
El código del tablón lo encontraréis aquí y debéis colocarlo en el template de overall_header. Si queréis que quede fuera del wrap, pegarlo antes del div conteneur_minwidth_IE. Si queréis que quede dentro, detrás del div wrap.
Para mover los widgets al tablón, primero tenéis que activarlos (únicamente últimos temas y conexión). Y después, tenéis que colocar este javascript en la pestaña de Gestión de códigos javascript, activado en todas las páginas.
Por último, debéis reemplazar por completo los templates dentro de Portal, mod_login y mod_recent_topics con los códigos indicados.
Buenas! Vengo con mi primer código de pago, esta vez es un tablón. La medida del mismo es de 920x410px y no puede ser cambiada ya que descolocaría al resto de elementos.
Tiene los hovers que se ven en el gif y el carrusel de imágenes que incorporé usando una galería js. El link a la fuente de íconos está en el código también. Las imágenes de carrusel son de 700x100px y las del panel de staff de 135x90px. Estás últimas tienen incorporado la opción de agregarles un link ya sea al perfil del miembro del staff o a un mensaje privado al mismo. La zona de debajo de todo está diseñada para albergar búsquedas, pero realmente puede ser usada para lo que se necesite, como usuarios destacados o premiaciones. El apartado vacío a la izquierda es un lugar para poner los últimos temas.
Las fuentes son las detalladas en la preview, siendo Josefina Sans una fuente de google fonts y Monaco una fuente de CSS básica. Los colores, a su vez, son los enseñados en la parte inferior. El código, como todos mis códigos, está diseñado con variables para que cambiar colores y tipografías sea más sencillo, así que en ese aspecto es totalmente personalizable.
Es un tablón de un solo cupo, es decir, solo lo venderé a una sola persona. Deben dejar créditos en dónde estén los créditos del foro con un link directo a mi perfil de tumblr.
El precio del tablón es de $7 dólares, si se necesita que yo haga la instalación es de $8 dólares. Cabe destacar que este código no incluye el js para que los últimos temas se visualicen, pero sí incluye el js que hace al carrusel funcionar.
Para cualquier consulta o para comprarlo, por favor mandarme un mensaje privado.
¡Hola! Aquí dejo una preview del tablón de Sweet Dreams, el resto de sitios del índice cómo las categorías, foros y zona online seguramente no tenga muchas modificaciones así que iré más rápida.
Nuevamente pido disculpas por ir tan lenta pero creo que ahora sí se adapta a mis gustos ♥
2 colores + Links y Título + Texto. 1 imagen de fondo. Los colores se cambian en :root.
Contenido: Últimos temas + 4 apartados de anuncio + 1 imagen 220x260px (se redimensiona sola).
—Link: Pastebin
Un código viejito que hice en mis primeros tiempos trasteando con estas cosas. Lo pasé a limpio para que no sea tan desastroso como en su tiempo fue.(?)
Los anuncios pierden transparencia cuando se pasa el mouse por encima. Como dice arriba, lo diseñé pensando en un fondo con patrón, pero puede usarse uno sólido (solo tengan en cuenta que no se apreciará la transparencia). Dependiendo de su elección de colores, el título “Anuncios” va a leerse mejor, pero si quieren eliminarlo son libres de hacerlo.
Se pueden cambiar los colores, imágenes y fonts, pero no rediseñar el código.
Nas!!
Les traigo el código de un tablón de anuncios, sencillo pero bonito (?.
Como saben, pueden usarlo de base, cambiarle cosas, etc etc etc. Espero les guste <3 Si tienen alguna duda no tengan miedo en decírmelo.
Si lo utilizan y me lo quieren mostrar, con gusto estaría encantado de verlos, no es para llevar un seguimiento ni nada, solo para ver como lo ponen <3 (Esto es opcional, tengo los mensajes privados abiertos, dense)
