Cambios estéticos (botones indice, spoilers, citas, codeboxes)

Recuerdo del primer mensaje :

Como algunos usuarios habrán notado, Foroactivo ha "mejorado" el uso de las Menciones. Ahora al pasar el mouse sobre la mención aparecen ciertos datos y opciones, como la de mandar MP, ver perfil y los mensajes que ha hecho.

Para probar pasen el mouse sobre Wig; @Wigazo

Pero hay algo que no se ve bien...el fondo es blanco y la parte inferior es grís lo cual no combina para nada con la estética general de nuestro foro, por lo tanto sugiero estilizarlo para que esté mas acorde. Wig sugirió este aspecto:

CSS:

Si les gusta como se ve, opinen. También pueden sugerir cambios en la nueva apariencia de esta mención.

Otra cosa que debería mejorarse es el aspecto de las Citas, estas son las actuales:

Rhinestone escribió:
Como pueden ver es amarilla y simple, y lo ha sido por un largo tiempo en S2.

Paseando por el foro de asistencia he notado el buen diseño que tienen las suyas:



No sé ustedes, pero me gustan y creo que deberíamos implementar algo similar aquí.
Por supuesto, teniendo nuestro toque único y personal.

Esta mejora puede ser incluído a las cajas de códigos y a los Spoilers, tratando de mantenerse en el mismo estilo.

---

Cambios en los botones:
->
->
->
->
->
->
->
->
->

Espero opiniones. ¡Gracias por leer la sugerencia!

Lo dije solo por el botón en realidad (como la advertencia del Spoiler). xD

Aquí está para el de códigos:

Y el de Spoilers?:

Si, hay que cambiar el titulo para que sea mas explicito o seremos baneados todos.

¿Como que lo ves amarillo?

LOL, yo los veo sin problemas.

Primero Techno que no puede leer bien y ahora tu no puedes ver el fondo o_O

Llamen a su oculista más cercano y ya. (?)

El estilo en los códigos y spoilers queda re bien también:

Spoiler:

CSS (incluye el de las citas, para el de spoiler hay que eliminar el CSS "Color spoiler"):

Código:

blockquote, dl.codebox {
    background: url(http://i.imgur.com/f7Z7Nko.png);
    border: 2px solid #3D644B;
    border-radius: 3px;
    margin: 6px;
    padding: 5px;
}
blockquote cite, dl.codebox dt {
    color: #EEF0EF;
    background: url(http://i.imgur.com/15phMoD.jpg);
    padding: 2px;
    margin: -5px -5px 3px -5px;
}
blockquote cite:before {
    content: url(http://i.imgur.com/RPGlWff.png);
    margin: 3px;
}
dl.codebox > dt:before {
    content: url(http://i.imgur.com/fTuPQqt.png);
    margin: 3px;
}
dl.codebox.spoiler > dt:before {
    content: url(http://i.imgur.com/2zpIutX.png);
    margin: 3px;
}
blockquote > div {
    margin: 0;
}
blockquote:hover font, dl.codebox code, dl.codebox.spoiler .spoiler_content {
    color: #595858 !important;
}

No se ven nada mal, pero para el de Spoiler sugerí los fondos invertidos, osea que cerrado se vea la barra blanca y al abrirlo se despliega y aparece el fondo negro

Aquí el botón de Spoiler para la versión invertida:

---

Agrego a la sugerencia otra mejora que hay que hacerse.

En el post principal está la comparación del botón actual y el cambio. n_n

Aumentaste la sugerencia, por lo que veo.

A favor de cambiar el botón de Reglas, y el Spoiler lo prefiero como dice Wig.

¿Alguien en contra? así probamos también las tablas de códigos, spoilers y el nuevo botón.

A favor de ocupar el diseño para los cuadros de código y spoiler.

Todavía no entiendo cuál es la propuesta para cambiar el botón de Reglas.

@technoguyx se busca cambiar el libro que aparece en el botón por uno que vaya mas acordes con el resto.

Puestos los CSS de los Spoilers y la Codebox. Aun faltan mas opiniones sobre cambiar el botón de reglas.

Wow, esto es un gran cambio en el foro, Wow

Pos... ¿es Sugerencia Aceptada?