×

Langue

Fermer
Atelier 801
  • Forums
  • Dev Tracker
  • Connexion
    • English Français
      Português do Brasil Español
      Türkçe Polski
      Magyar Română
      العربية Skandinavisk
      Nederlands Deutsch
      Bahasa Indonesia Русский
      中文 Filipino
      Lietuvių kalba 日本語
      Suomi עברית
      Italiano Česky
      Hrvatski Slovensky
      Български Latviešu
      Estonian
  • Langue
  • Forums
  • /
  • Atelier 801
  • /
  • Hors-sujet
  • /
  • Off Topic Arts
  • /
  • [Stylish/Styles] Pedidos de estilos para el foro
1 / 2 › »
[Stylish/Styles] Pedidos de estilos para el foro
Tocutoeltuco
« Censeur »
1462395180000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#1
  0
  • Ejemplos/Examples
  • Changelog

¡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í)

Recuerda que no soy profesional en CSS3, y por lo tanto no podré hacer estilos como el viejo foro
¿Cómo hacer tu pedido?
Pues fácil, comentando aquí y respondiendo esta simple pregunta

¿Cómo quieres que sea el nuevo estilo del foro? (Imagen/color de fondo, imagen/color de barra de navegación, letras en negrita, al pasar el mouse sobre algo pase X cosa, etc...)

Si es una imagen, pasar el link

Requisitos
Tener instalado Stylish en tu navegador

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)

Remember, I aren't professional in CSS3, and thus I can't make styles like the old forum
How to make your order?
Easy, comment here with your order, in english and in spanish (DONT USE TRANSLATER), and answering this simple question

How do you want to see the new style for the forum? (Image/background color, image/navigation bar color, letters in bold, etc...)

If is a image, pass the link

Requeriments
Have installed Stylish in your browser

Ejemplo 1/Example 1
http://image.prntscr.com/image/1843a21b62ec46a1818669498d9f254e.png

Ejemplo 2/Example 2
http://image.prntscr.com/image/11bdfca57e7542cea634d0face7ccd0d.png

Español
- Añadida nueva ventana: "Ejemplos/Examples" 28/05/2016
- Traducido al inglés 28/05/2016
- 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

English
Added new tab: "Ejemplos/Examples" 05/28/2016 -
Translated to english 05/28/2016 -
Added requeriments 05/28/2016 -
Deleted from the form "font" 05/17/2016 -
Added Changelog 05/17/2016 -


Dernière modification le 1464452040000
Tocutoeltuco
« Censeur »
1462395240000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#2
  0
Reservado para actualizaciones
Yuir
« Héliaste »
1462397280000
    • Yuir#2211
    • Profil
    • Derniers messages
    • Tribu
#3
  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
Cakeques
« Censeur »
1462397580000
    • Cakeques#3388
    • Profil
    • Derniers messages
#4
  0
Yuir a dit :
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 <\\>

¿Algo así como el café?
Tocutoeltuco
« Censeur »
1462409640000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#5
  0
Yuir a dit :
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

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
Yourewonderi
« Citoyen »
1462410060000
    • Yourewonderi#0000
    • Profil
    • Derniers messages
#6
  0
Estaría bueno que pongas un formulario.. No sabría como pedirte..
Cuando pongas un formulario me avisas ejejej
Tocutoeltuco
« Censeur »
1462412100000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#7
  0
Yourewonderi a dit :
Estaría bueno que pongas un formulario.. No sabría como pedirte..
Cuando pongas un formulario me avisas ejejej

Simplemente escribes lo que quieres aquí, y yo si puedo lo hago
Yourewonderi
« Citoyen »
1462485960000
    • Yourewonderi#0000
    • Profil
    • Derniers messages
#8
  0
tocutoeltuco a dit :
Yourewonderi a dit :
Estaría bueno que pongas un formulario.. No sabría como pedirte..
Cuando pongas un formulario me avisas ejejej

Simplemente escribes lo que quieres aquí, y yo si puedo lo hago

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..
Tocutoeltuco
« Censeur »
1462810320000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#9
  0
Yourewonderi a dit :
tocutoeltuco a dit :
Yourewonderi a dit :
Estaría bueno que pongas un formulario.. No sabría como pedirte..
Cuando pongas un formulario me avisas ejejej

Simplemente escribes lo que quieres aquí, y yo si puedo lo hago

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..

Por favor, aclaren los colores que quieren que les ponga
Laqui7w7
« Citoyen »
1462846380000
    • Laqui7w7#0000
    • Profil
    • Derniers messages
    • Tribu
#10
  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 ;---;
Sebajv
« Censeur »
1462850820000
    • Sebajv#0000
    • Profil
    • Derniers messages
    • Tribu
#11
  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
Tocutoeltuco
« Censeur »
1463096880000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#12
  0
Yuir a dit :
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

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 :
¡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 ;---;

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 :
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

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
Babycamis
« Citoyen »
1464443640000
    • Babycamis#0000
    • Profil
    • Derniers messages
    • Tribu
#13
  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)
Tocutoeltuco
« Censeur »
1464451860000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#14
  0
Babycamis a dit :
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)

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)
}
}
Sinselosita
« Citoyen »
1464558420000
    • Sinselosita#0000
    • Profil
    • Derniers messages
    • Tribu
#15
  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
Tocutoeltuco
« Censeur »
1464623940000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#16
  0
Sinselosita a dit :
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

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;
}
}
Sinselosita
« Citoyen »
1464624660000
    • Sinselosita#0000
    • Profil
    • Derniers messages
    • Tribu
#17
  0
Gracias <3
edit: no me sale :v
dice error :v

Dernière modification le 1464624840000
Tocutoeltuco
« Censeur »
1464640140000
    • Tocutoeltuco#0000
    • Profil
    • Derniers messages
#18
  0
Sinselosita a dit :
Gracias <3
edit: no me sale :v
dice error :v

Que navegador usas?
Sugarkiti
« Censeur »
1464715980000
    • Sugarkiti#0000
    • Profil
    • Derniers messages
#19
  0
holi, me gustaria esta imagen de fondo :>
donde dice atellier y eso k sea morado
y lo demas morado oscuro
Sinselosita
« Citoyen »
1464725940000
    • Sinselosita#0000
    • Profil
    • Derniers messages
    • Tribu
#20
  0
chrome
  • Forums
  • /
  • Atelier 801
  • /
  • Hors-sujet
  • /
  • Off Topic Arts
  • /
  • [Stylish/Styles] Pedidos de estilos para el foro
1 / 2 › »
© Atelier801 2018

Equipe Conditions Générales d'Utilisation Politique de Confidentialité Contact

Version 1.27