[Stylish/Styles] Pedidos de estilos para el foro |
![]() ![]() « Censeur » 1462395180000
| 0 | ||
¡Hola! ¡Bienvenido a este hilo! Hoy voy a hacer un hilo de pedidos de estilos para el foro con stylish (más información aquí) Hello there! Welcome to this topic! Today I'll make a topic of orders of styles to the forum with stylish (more information here, in spanish) Ejemplo 1/Example 1 ![]() Ejemplo 2/Example 2 ![]() Español English Dernière modification le 1464452040000 |
![]() ![]() « Censeur » 1462395240000
| 0 | ||
Reservado para actualizaciones |
0 | ||
Quedaría excelente un estilo con material design El tipo de letra podría ser Roboto Font Que al pasar el mouse sobre algún avatar se amplie un poco, y al pasarla sobre una imagen cualquiera suba el brillo de la misma Se vería excelente por el material design <\\> Olvidé mencionar que tanto el color del fondo, como la barra buscadora y todo lo demás, fueran colores solidos Dernière modification le 1462400520000 |
![]() ![]() « Censeur » 1462397580000
| 0 | ||
Yuir a dit : ¿Algo así como el café? |
![]() ![]() « Censeur » 1462409640000
| 0 | ||
Yuir a dit : No sé hacer lo del brillo // No encontré // La puedo hacer mas opaca, si quieres srry Ahora empezaré a programarlo No puedo añadir esa letra, ¿Quieres otra? Y lo de colores sólidos... Cuales? Dernière modification le 1462411320000 |
![]() ![]() « Citoyen » 1462410060000
| 0 | ||
Estaría bueno que pongas un formulario.. No sabría como pedirte.. Cuando pongas un formulario me avisas ejejej |
![]() ![]() « Censeur » 1462412100000
| 0 | ||
Yourewonderi a dit : Simplemente escribes lo que quieres aquí, y yo si puedo lo hago |
![]() ![]() « Citoyen » 1462485960000
| 0 | ||
tocutoeltuco a dit : Mhmm.. pues me gustaría uno como el Dark Theme pero un poco más simple y con colores más agradables, lo veo muy fuerte.. |
![]() ![]() « Censeur » 1462810320000
| 0 | ||
Yourewonderi a dit : Por favor, aclaren los colores que quieren que les ponga |
![]() ![]() « Citoyen » 1462846380000
| 0 | ||
¡Hola! Se ve muy bueno. Me encantaría si el fondo fuese éste y la barra de navegación que sea un color que convine a ese fondo. La fuente de letra me gustaría Century Gothic. Lo siento, creo que es lo único que se me ocurre ;---; |
![]() ![]() « Censeur » 1462850820000
| 0 | ||
un diseño metro ui, todo cuadrado, sin gradientes y con este color acentuado con fuente segoe ui xfa que sea un diseño oscuro, algo como fondos negros y lo demas gris Dernière modification le 1462850880000 |
![]() ![]() « Censeur » 1463096880000
| 0 | ||
Yuir a dit : Pon el código 1 (si es que usas mozilla firefox) en stylish (Si usas chrome, u otro navegador, usa el segundo) Código 1 @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("atelier801.com") { .bouton-profil-avatar{ margin-top: 3px; margin-bottom: 3px; transition-duration: 1s; } .menu-secondaire{ background-color: #373331; } .menu-principal{ background-color: #484442; } .navbar-inverse .nav .active a{ background-color: #373331; } .navbar-inverse .nav .active a:hover{ background-color: #373331; } .navbar-inverse .nav .active a:focus{ background-color: #373331; } .barre-navigation{ background-color: #373331; } .bouton-profil-avatar:hover{ transform: scale(1.25); } img{ transition-duration: 1s; } img:hover{ opacity: 1; } legend{ color: #001; } body{ background-color: #29cdb5; } .table-cellule-gauche_haut{ background-color: #9bf4d5; } .table-cadre-cellule-principale{ background-color: #9bf4d5; } .cadre-relief{ background-color: #9bf4d5; } .cadre-message{ background-color: #9bf4d5; } .cadre-quote{ background-color: #29cdb5; } .cadre{ color: #001; } .cadre-quote{ background-color: #29cdb5; } .cadre-quote small{ color: #222222; } .cadre-quote-inverse{ background-color: #9bf4d5; } small{ color: #001; } .hidden{ background-color: #9bf4d5; } .nav-header{ background-color: #fff3e1; } .menu-contextuel{ background-color: #fff3e1; } .element-menu-contextuel{ background-color: #fff3e1; } .cadre-spoil{ background-color: #29cdb5; } .element-menu-principal{ background-color: #fff3e1; } .liste-menu-contextuel{ background-color: #fff3e1; } } Código 2 @namespace url(http://www.w3.org/1999/xhtml); @-webkit-document domain("atelier801.com") { .bouton-profil-avatar{ margin-top: 3px; margin-bottom: 3px; transition-duration: 1s; } .menu-secondaire{ background-color: #373331; } .menu-principal{ background-color: #484442; } .navbar-inverse .nav .active a{ background-color: #373331; } .navbar-inverse .nav .active a:hover{ background-color: #373331; } .navbar-inverse .nav .active a:focus{ background-color: #373331; } .barre-navigation{ background-color: #373331; } .bouton-profil-avatar:hover{ transform: scale(1.25); } img{ transition-duration: 1s; } img:hover{ opacity: 1; } legend{ color: #001; } body{ background-color: #29cdb5; } .table-cellule-gauche_haut{ background-color: #9bf4d5; } .table-cadre-cellule-principale{ background-color: #9bf4d5; } .cadre-relief{ background-color: #9bf4d5; } .cadre-message{ background-color: #9bf4d5; } .cadre-quote{ background-color: #29cdb5; } .cadre{ color: #001; } .cadre-quote{ background-color: #29cdb5; } .cadre-quote small{ color: #222222; } .cadre-quote-inverse{ background-color: #9bf4d5; } small{ color: #001; } .hidden{ background-color: #9bf4d5; } .nav-header{ background-color: #fff3e1; } .menu-contextuel{ background-color: #fff3e1; } .element-menu-contextuel{ background-color: #fff3e1; } .cadre-spoil{ background-color: #29cdb5; } .element-menu-principal{ background-color: #fff3e1; } .liste-menu-contextuel{ background-color: #fff3e1; } } laqui7w7 a dit : Mozilla Firefox @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("atelier801.com") { body{ background: url(http://orig12.deviantart.net/94f0/f/2015/049/a/2/tokyo_ghoul_wallpaper___kaneki_ken_by_stellathecat12-d8gics1.jpg); } .menu-secondaire{ background-color: #523; } .menu-principal{ background-color: #600; } .navbar-inverse .nav .active a{ background-color: #500; } .navbar-inverse .nav .active a:hover{ background-color: #500; } .navbar-inverse .nav .active a:focus{ background-color: #500; } .barre-navigation{ background-color: #500; } td{ background-color: #523; } .cadre{ background-color: #523; opacity: 0.80; } } Chrome y otros @namespace url(http://www.w3.org/1999/xhtml); @-webkit-document domain("atelier801.com") { body{ background: url(http://orig12.deviantart.net/94f0/f/2015/049/a/2/tokyo_ghoul_wallpaper___kaneki_ken_by_stellathecat12-d8gics1.jpg); } .menu-secondaire{ background-color: #523; } .menu-principal{ background-color: #600; } .navbar-inverse .nav .active a{ background-color: #500; } .navbar-inverse .nav .active a:hover{ background-color: #500; } .navbar-inverse .nav .active a:focus{ background-color: #500; } .barre-navigation{ background-color: #500; } td{ background-color: #523; } .cadre{ background-color: #523; opacity: 0.80; } } Esos dos son con transparencias en los mensajes (con el bug de que si abres para ver opciones de usuarios (click en el nombre), aparece atrás de los mensajes y no los puedes clickear), si no la quieres, puedes usar este (sin bugs) Mozilla Firefox @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("atelier801.com") { body{ background: url(http://orig12.deviantart.net/94f0/f/2015/049/a/2/tokyo_ghoul_wallpaper___kaneki_ken_by_stellathecat12-d8gics1.jpg); } .menu-secondaire{ background-color: #523; } .menu-principal{ background-color: #600; } .navbar-inverse .nav .active a{ background-color: #500; } .navbar-inverse .nav .active a:hover{ background-color: #500; } .navbar-inverse .nav .active a:focus{ background-color: #500; } .barre-navigation{ background-color: #500; } td{ background-color: #523; } .cadre{ background-color: #523; } } Chrome y otros @namespace url(http://www.w3.org/1999/xhtml); @-webkit-document domain("atelier801.com") { body{ background: url(http://orig12.deviantart.net/94f0/f/2015/049/a/2/tokyo_ghoul_wallpaper___kaneki_ken_by_stellathecat12-d8gics1.jpg); } .menu-secondaire{ background-color: #523; } .menu-principal{ background-color: #600; } .navbar-inverse .nav .active a{ background-color: #500; } .navbar-inverse .nav .active a:hover{ background-color: #500; } .navbar-inverse .nav .active a:focus{ background-color: #500; } .barre-navigation{ background-color: #500; } td{ background-color: #523; } .cadre{ background-color: #523; } } Sebajv a dit : No entendí lo de metro, gradientes ni el color acentuado, y lo de todo cuadrado, no lo puedo hacer Actualizaciones - Añadidos requisitos 28/05/2016 - Se ha quitado del formulario la parte de "fuente" 17/05/2016 - Se ha añadido un Changelog 17/05/2016 Dernière modification le 1464443160000 |
![]() ![]() « Citoyen » 1464443640000
| 0 | ||
Puedes hacerme uno con este fondo: click La barra donde sale Atelier que sea un poco negro y que cuando se arrastre el mouse a un avatar se amplie B) |
![]() ![]() « Censeur » 1464451860000
| 0 | ||
Babycamis a dit : La barra donde sale Atelier ya es negra xD Mozilla Firefox @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("atelier801.com") { body{ background: url(http://s1.1zoom.me/big3/106/395775-blackangel.jpg) } .bouton-profil-avatar{ margin-top: 3px; margin-bottom: 3px; transition-duration: 1s; } .bouton-profil-avatar:hover{ transform: scale(1.25) } } Chrome y otros @namespace url(http://www.w3.org/1999/xhtml); @-webkit-document domain("atelier801.com") { body{ background: url(http://s1.1zoom.me/big3/106/395775-blackangel.jpg) } .bouton-profil-avatar{ margin-top: 3px; margin-bottom: 3px; transition-duration: 1s; } .bouton-profil-avatar:hover{ transform: scale(1.25) } } |
![]() ![]() « Citoyen » 1464558420000
| 0 | ||
ola :v Quiero uno con esta imagen para el fondo y los comentarios, hilos etc sea de diferentes gamas de colores de verde verde lima verde oscuro o no c pero que no sea aquamarino :3 y que los links aparezcan en ves de azul, negro :3 |
![]() ![]() « Censeur » 1464623940000
| 0 | ||
Sinselosita a dit : Mozilla Firefox @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("atelier801.com") { body{ background: url(http://img13.deviantart.net/4975/i/2016/020/5/6/chat_noir_by_elentori-d9ons1c.jpg); } a{ color: #001; } a:hover{ color: #222; } .cadre-sujet{ background-color: #070; } .cadre-quote{ background-color: #060; } .cadre-spoil{ background-color: #060; } .cadre-quote-inverse{ background-color: #050; } .cadre-message{ background-color: #040; } .cadre-repondre{ background-color: #030; } .container-fluid{ background-color: #020; } } Chrome y otros @namespace url(http://www.w3.org/1999/xhtml); @-webkit-document domain("atelier801.com") { body{ background: url(http://img13.deviantart.net/4975/i/2016/020/5/6/chat_noir_by_elentori-d9ons1c.jpg); } a{ color: #001; } a:hover{ color: #222; } .cadre-sujet{ background-color: #070; } .cadre-quote{ background-color: #060; } .cadre-spoil{ background-color: #060; } .cadre-quote-inverse{ background-color: #050; } .cadre-message{ background-color: #040; } .cadre-repondre{ background-color: #030; } .container-fluid{ background-color: #020; } } |
![]() ![]() « Citoyen » 1464624660000
| 0 | ||
Gracias <3 edit: no me sale :v dice error :v Dernière modification le 1464624840000 |
![]() ![]() « Censeur » 1464640140000
| 0 | ||
Sinselosita a dit : Que navegador usas? |
![]() ![]() « Censeur » 1464715980000
| 0 | ||
holi, me gustaria esta imagen de fondo :> donde dice atellier y eso k sea morado y lo demas morado oscuro |
![]() ![]() « Citoyen » 1464725940000
| 0 | ||
chrome |