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 00:40 por astin
» Los experimentos del Dr. Breincrox, parte 2
Ayer a las 22:19 por SartekChaos
» TEMA FLOOD
Ayer a las 22:13 por FlairDreamer
» nuevo juego
Ayer a las 21:07 por thescientist9393
» Pide un deseo y arruina al de arriba 2º Parte
Ayer a las 20:01 por Quincho96
» Mataría al de arriba porque.... 2º Parte
Ayer a las 18:54 por El Destructor de Especies
» Rise of Cults 2 Bot (Beta abierta)
Dom 03 Nov 2024, 00:24 por XleandroX
» ¿Que música están escuchando?
Jue 31 Oct 2024, 09:59 por FlairDreamer
» Extensión de Chrome: Sporepedia Downloader [1.2]
Jue 31 Oct 2024, 09:57 por FlairDreamer
» Cambios de Nick
Dom 27 Oct 2024, 14:55 por FlairDreamer
» Se solicita financiación
Dom 27 Oct 2024, 05:45 por Noni Beld
» antorchas de Minecraft
Miér 23 Oct 2024, 22:03 por Quincho96
» Criaturas de la noche
Vie 18 Oct 2024, 10:25 por Quincho96
» Criaturas de Tremors
Vie 18 Oct 2024, 10:17 por Quincho96
» Quad-Techtrak [O7] [T]
Vie 18 Oct 2024, 10:13 por Quincho96
» Dino Piraña
Miér 16 Oct 2024, 20:19 por Mozokas
» HVM-35 - Tanque Genesis INF [Sidimey vs. Coldfusion] [1]
Miér 16 Oct 2024, 00:41 por Quincho96
» botes de exploracion marina
Lun 14 Oct 2024, 22:36 por FlairDreamer
» [Proyecto] Genetic Aberration
Lun 14 Oct 2024, 22:31 por FlairDreamer
» El Santuario de Flair Dreamer [♫]
Lun 14 Oct 2024, 22:30 por FlairDreamer
» comparaciones entre blues
Dom 13 Oct 2024, 15:52 por thescientist9393
» Las partes robóticas en mi spore no funcionan bien
Dom 13 Oct 2024, 12:00 por FlairDreamer
» poner una aventura galactica de otra persona en spore pirata.
Dom 13 Oct 2024, 11:57 por FlairDreamer