Esto es una previsualización de un tema de Hitskin.com
Instalar el estilo • Volver a la ficha del tema.
Esto es una previsualización de un tema de Hitskin.com
Instalar el estilo • Volver a la ficha del tema.
Ir a la página : 1, 2, 3 ... 6, 7, 8 ... 11, 12, 13
Wigazo escribió:Creo que te pasó porque enviamos los posts en el mismo segundo.
Lirianer escribió:A mi me gustó más el despliegue vertical (la segunda)
Sidimey escribió:
A mí me gusta más este, creo que es el que más se adapta a Spore, opino que no necesariamente todo tiene que tener algo verde del foro, conque se note que es de Spore me parece suficiente xD
FlairDreamer escribió:Sidimey escribió:
A mí me gusta más este, creo que es el que más se adapta a Spore, opino que no necesariamente todo tiene que tener algo verde del foro, conque se note que es de Spore me parece suficiente xD
En cuanto a colores prefiero este.
Y en cuanto al desplazamiento, también me gusta más el vertical.
Dororo escribió:FlairDreamer escribió:Sidimey escribió:
A mí me gusta más este, creo que es el que más se adapta a Spore, opino que no necesariamente todo tiene que tener algo verde del foro, conque se note que es de Spore me parece suficiente xD
En cuanto a colores prefiero este.
Y en cuanto al desplazamiento, también me gusta más el vertical.
Opino igual, a mi parecer que sea distinto le da un toque bonito ya que no es algo que esté siempre abierto
¡Gracias @Gherla! | ¡Gracias @Ikaros[LW]! | ¡Gracias @niko1996arg! | ¡Gracias @trashmunster! |
Lirianer escribió:Hago este comentario solo para poner algo en la discusión del azul - verde.
El foro tiene 3 colores predominantes, negro (matices de gris) usado para bloques, azul usado para links, verde usado para el resto de las cosas estéticas en conjunto con el negro.
Lo que @Wigazo viene diciendo hace tiempo de sacar azul y cambiarlo por verde podríamos hacerlo en todo lo que no sean links, como por ejemplo la barra del chatbox mencionada en esta sugerencia.
El argumento de que el foro es de Spore, usado para no poner más verde en lugares u otros cambios, me parece absurdo. El foro es el foro, spore es spore. La estética del foro es verde y negro, el azul se usa solo para resaltar links y porque queda bien.
Que el foro sea de Spore no significa que tenga que tener azul por todos lados, y tampoco estamos agregando verde donde no tendría que ir, ya que el foro desde el comienzo fue negro y verde.
¡Estoy de acuerdo en intentar cambiar más cosas a verde!
¡Gracias @Gherla! | ¡Gracias @Ikaros[LW]! | ¡Gracias @niko1996arg! | ¡Gracias @trashmunster! |
/*Hay que sacar el display none que le da "#fa_toolbar #fa_right #notif_list" */
/*Hay que desactivar el color que le da "#fa_toolbar #fa_right #notif_list li .contentText a" al texto, así se utiliza este.*/
/*Hay que agregarle la clase .arrow_box al #fa_notifications
o tal vez el css se le puede agregar directamente al #fa_notifications, no lo probé. Pero probablemente funcione sin drama :) */
/* Icono Activado de Notificaciones */
.notification #fa_notifications {
background-color: #404040;
}
/* Lista */
/*Cambiar el max-height para ajustar*/
#notif_list {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
background-color: #333!important;
border-radius: 15px;
border: 6px solid #333 !important;
font-size: 11px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
transition: max-height .3s ease, opacity .25s linear .275s;
user-select: none;
z-index: 10000;
max-height: 4.5em;
opacity: 0;
top: 66px;
}
/* Lista activada */
.notification #notif_list {
opacity: 1;
max-height: 100vh !important;
transition: max-height 1s ease .25s, opacity .25s linear;
}
#notif_list li {
display: none;
}
#notif_list li:first-child, #notif_list li:last-child{
display: block;
}
/* Elementos de la lista */
#notif_list li {
background-color: #fff;
border: 4px solid #989F9F;
border-top: none;
border-bottom: none;
overflow: hidden;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}
#notif_list li:hover {
background-color: #a3ffa3;
}
/* El primer elemento de la lista */
#notif_list li:first-child {
border-radius: 12px 12px 0 0;
border: 4px solid #989F9F;
border-bottom: none;
overflow: hidden;
}
/* El último elemento de la lista */
#notif_list .see_all {
border: none;
text-align: center !important;
color: #fff;
background-color: #05440f;
padding: 0.7em !important;
text-align: right;
background-image: url(http://i76.servimg.com/u/f76/15/34/08/13/fondo_10.jpg);
background-position: 0 -3px;
border-radius: 8px 8px 0 0;
margin-top: 1vh !important;
transition: filter .3s;
-webkit-transition: -webkit-filter .3s;
background-position: 112px 0;
}
/* El penúltimo elemento de la lista */
#notif_list li:nth-last-child(2) {
border-bottom: 4px solid #989F9F;
border-radius: 0 0 12px 12px;
overflow: hidden;
}
/* El primer elemento de la lista que también es el penúltimo (una sola notificación) */
#notif_list li:firt-child:nth-last-child(2) {
border-radius: 12px;
border: 4px solid #989F9F;
}
.see_all:hover {
filter: brightness(120%);
-webkit-filter: brightness(120%);
}
.see_all a {
text-decoration: none !important;
}
#notif_list li {
display: none;
background-image: url('http://i.imgur.com/OdrkMmJ.png');
font-size: 12px !important;
color: white !important;
font-weight: bold;
}
#notif_list li a {
color: #03b2ed !important;
font-weight: bolder;
}
#notif_list li:last-child a {
color: white !important;
font-weight: bold;
}
.arrow_box {
position: relative;
background-color: #404040 !important;
}
.arrow_box:before {
top: 88%;
left: 50%;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
opacity: 0;
}
.notification .arrow_box:before {
border-color: rgba(64, 64, 64, 0);
border-top-color: #333;
border-width: 18px;
margin-left: -18px;
opacity: 1;
}
a#fa_notifications {
border: 0 solid transparent;
border-radius: 2rem;
width: 3.5rem;
height: 3.5rem;
background-repeat: no-repeat;
background-position: center center;
}
/*Hay que sacar el display none que le da "#fa_toolbar #fa_right #notif_list" */
/*Hay que desactivar el color que le da "#fa_toolbar #fa_right #notif_list li .contentText a" al texto, así se utiliza este.*/
/*Hay que agregarle la clase .arrow_box al #fa_notifications
o tal vez el css se le puede agregar directamente al #fa_notifications, no lo probé. Pero probablemente funcione sin drama :) */
/* Icono Activado de Notificaciones */
.notification #fa_notifications {
/* webkit-filter: hue-rotate(-90deg) saturate(250%);*/
background-color: #404040;
}
/* Lista */
/*Cambiar el max-height para ajustar*/
#notif_list {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
background-color: #333!important;
border-radius: 15px;
border: 6px solid #333 !important;
font-size: 11px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
transition: max-height .3s ease, opacity .25s linear .275s;
user-select: none;
z-index: 10000;
max-height: 4.5em;
opacity: 0;
top: 66px;
}
/* Lista activada */
.notification #notif_list {
opacity: 1;
max-height: 100vh !important;
transition: max-height 1s ease .25s, opacity .25s linear;
}
#notif_list li {
display: none;
}
#notif_list li:first-child, #notif_list li:last-child{
display: block;
}
/* Elementos de la lista */
#notif_list li {
background-color: #fff;
border: 4px solid #989F9F;
border-top: none;
border-bottom: none;
overflow: hidden;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}
#notif_list li:hover {
background-color: #a3ffa3;
}
/* El primer elemento de la lista */
#notif_list li:first-child {
border-radius: 12px 12px 0 0;
border: 4px solid #989F9F;
border-bottom: none;
overflow: hidden;
}
/* El último elemento de la lista */
#notif_list .see_all {
border: none;
text-align: center !important;
color: #fff;
background-color: #05440f;
padding: 0.7em !important;
text-align: right;
background-image: url(http://i76.servimg.com/u/f76/15/34/08/13/fondo_10.jpg);
background-position: 0 -3px;
border-radius: 8px 8px 0 0;
margin-top: 1vh !important;
transition: filter .3s;
-webkit-transition: -webkit-filter .3s;
background-position: 112px 0;
}
/* El penúltimo elemento de la lista */
#notif_list li:nth-last-child(2) {
border-bottom: 4px solid #989F9F;
border-radius: 0 0 12px 12px;
overflow: hidden;
}
/* El primer elemento de la lista que también es el penúltimo (una sola notificación) */
#notif_list li:firt-child:nth-last-child(2) {
border-radius: 12px;
border: 4px solid #989F9F;
}
.see_all:hover {
filter: brightness(120%);
-webkit-filter: brightness(120%);
}
.see_all a {
text-decoration: none !important;
}
#notif_list li {
display: none;
background-image: url('http://i.imgur.com/EtdZFk4.png');
font-size: 12px !important;
color: #fda401 !important;
font-weight: bold;
}
#notif_list li a {
color: #85cbe8 !important;
font-weight: bolder;
}
#notif_list li:last-child a {
color: white !important;
font-weight: bold;
}
.arrow_box {
position: relative;
background-color: #404040 !important;
}
.arrow_box:before {
top: 88%;
left: 50%;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
opacity: 0;
}
.notification .arrow_box:before {
border-color: rgba(64, 64, 64, 0);
border-top-color: #333;
border-width: 18px;
margin-left: -18px;
opacity: 1;
}
a#fa_notifications {
border: 0 solid transparent;
border-radius: 2rem;
width: 3.5rem;
height: 3.5rem;
background-repeat: no-repeat;
background-position: center center;
}
Ir a la página : 1, 2, 3 ... 6, 7, 8 ... 11, 12, 13
Hoy a las 11:11 por FlairDreamer
» ¿Que música están escuchando?
Hoy a las 11:01 por FlairDreamer
» Presentacion y Preguntas
Hoy a las 10:57 por FlairDreamer
» Rise of Cults 2 Bot (Beta abierta)
Hoy a las 00:56 por XleandroX
» Nueva Ciudad Sporepedia 2024 (Historia por partes)
Ayer a las 17:03 por Mozokas
» Experimento Scaver [ZERG]
Jue 21 Nov 2024, 16:40 por Davitroon
» El Iceberg Definitivo del Foro [PROYECTO COMUNITARIO]
Miér 20 Nov 2024, 21:20 por Mathaloz
» Experimento Grifo Fantasmal [SINDROME DEL 23]
Miér 20 Nov 2024, 18:10 por Quincho96
» BlueXYZ
Dom 17 Nov 2024, 00:47 por Max
» Hola
Sáb 16 Nov 2024, 23:35 por FlairDreamer
» Los experimentos del Dr. Breincrox, parte 2
Sáb 16 Nov 2024, 23:23 por FlairDreamer
» Aldeano Mini Carro [O5] [T] [♫]
Vie 15 Nov 2024, 18:38 por Quincho96
» [set]: Criaturas de Maenard
Vie 15 Nov 2024, 18:35 por Quincho96
» R3-XP10R3 [AI3] [♫]
Vie 15 Nov 2024, 16:17 por Quincho96
» Experimento Scarver-T [Virus-T]
Jue 14 Nov 2024, 14:27 por Quincho96
» Caballo [3lite vs. Xhaps] [2]
Jue 14 Nov 2024, 11:50 por Sirillium64
» Esidisi's Tower [O4] [E]
Jue 14 Nov 2024, 11:47 por Sirillium64
» Problema con los pies de DI y otros mods
Miér 13 Nov 2024, 20:10 por FlairDreamer
» Las partes robóticas en mi spore no funcionan bien
Miér 13 Nov 2024, 20:08 por FlairDreamer
» ¿Cómo recuperar una criatura borrada?
Miér 13 Nov 2024, 19:22 por FlairDreamer
» Una decada despues!
Mar 12 Nov 2024, 22:31 por Endy
» Prototipo Zangief [O3]
Mar 12 Nov 2024, 19:09 por Quincho96
» El traveler barato de Owari [TA] [Mx3]
Mar 12 Nov 2024, 16:12 por Quincho96