LiMiTreK

Versión Completa: Personaliza tu imageboard
Actualmente estas viendo una versión simplificada de nuestro contenido. Ver la versión completa con el formato correcto
Tutorial rápido para los que esten cansados de los estilos de siempre, como Futaba o Burichan. Para ello será necesaria la instalación del Stylish, un plugin para Firefox que nos permitirá cambiarlos a nuestro antojo. Una vez instalado todo dependerá de nuestra habilidad con CSS, pero para el ejemplo usaré un código muy simple que te permite agregar una imagen al board que estás visualizando. Y obviamente, aunque en el ejemplo use 4ch, puede usarse para cualquier chan.
Cita:@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {
html,body {
background-image:url(Colocar aquí la url de la imagen en cuestión) !important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
TABLE[class="4chan_ext_reply"]{
max-width:800px !important
}
}

Y voilá:
[Imagen: tutochan875.jpg.xs.jpg]

Para demostrar que se puede hacer mucho más, aquí dejo otro código [que actualmente estoy usando yo, aunque con algunos retoques] y que es bastante más completo:
[Imagen: tutowin235.png.xs.jpg]

Y por supuesto muchas gracias al awesome anon que lo ha descubierto.
Aunque no es una gran novedad porque con edición CSS puede cambiarse el estilo visual y seguramente el layout del imageboard sin muchos problemas. Y si no, pues editas el php para que devuelva determinado código y adaptas el CSS.

Se puede hacer todo fácilmente, pero depende de tus ganas y de tu conocimiento de PHP, HTML y CSS.
oMega_2093 Escribió:Aunque no es una gran novedad porque con edición CSS puede cambiarse el estilo visual y seguramente el layout del imageboard sin muchos problemas. Y si no, pues editas el php para que devuelva determinado código y adaptas el CSS.

Se puede hacer todo fácilmente, pero depende de tus ganas y de tu conocimiento de PHP, HTML y CSS.
Hace muy poco que *chan permite este tipo de modificaciones de una manera tan sencilla, así que ahora hay una pequeña revolución por todos los boards por la novedad. La suficiente como para que me enterara de ello desde /jp/ y /m/, que no son para nada para hablar de cosas de este estilo, sin necesidad de entrar a /g/.
Echaba de menos el azul de Burichan, así he tirado de mis inexistentes habilidad con CSS y he conseguido esto:
[Imagen: chaaaaaaaan497.jpg.xs.jpg]
Posts redondeados, con opacidad cambiada, borde más grueso y de distinto color, script para que no choquen con mi imagen y cambio de font. Y yo solito mamá.
Doble post, porque los aportes siempre lo merecen.

Usando como partida este magnífico skin de Azure, Yotsuba 2, y añadiéndole algunas mejoras como un truquillo para que las imágenes y los posts no se superpongan y una imagen dinámica, he creado este Yotsuba 2 Custom para los que lo queráis usar. Gracias otra vez a Azure por currarse este skin tan genial, a los anons de /jp/ por la inventiva y a alex porque es un crack.

Cosas importantes:
-El stylish no recarga el estilo con los f5, lo cual significa que la imagen no cambia cada vez que actualizas la página. A falta de descubrir una manera de solucionar eso, para que cambie es suficiente con darle a ctrl+m y desactivarlo y reactivarlo. Son un par de clicks y no pasa nada, pero si consigo una magia que me permita ahorrarmelo ya postearé una v2.
-El h4x para que no se superpongan imágenes y posts está customizado a ojo para que funcione perfectamente en 1280*1024, pero si queréis cambiarlo sólo tenéis que modificar esta línea:
Cita:TABLE[class="4chan_ext_reply"]{
max-width:700px !important
-Los posts con sage vienen marcados para diferenciarlos de los que ponen otra cosa en el email. Y como el autor del skin es un usuario de /jp/, se le ocurrió ponerlo en japonés, así que no os extrañéis si veis muchos 下げる [sageru], se trata de posts con sage.

Capturas:
[Imagen: yotsubacustom1805.png.xs.jpg]
[Imagen: yotsubacustom2523.png.xs.jpg]
[Imagen: yotsubacustom3162.png.xs.jpg]
URLs de Referencia