Bienvenidos al nuevo EOL

mi CSS

#news-image, .new a.thumb, div.slide.notext {
    background-repeat: no-repeat;
}

div.clearfix {
    margin: auto;
    background-repeat: no-repeat;
}

#slider-header {
    width: 30%;
}

#wrap {
    background-color: rgb(0,0,0);
}

.section-main #outer-content-wrap, .section-main #header-wrap, #forum-wrap, #header-wrap {
    width: auto;
    margin-left: 8px;
    margin-right: 8px;
}

#header, #header-wrap {
    width: auto;
}

#h-search {
    position: absolute;
    top: 50px;
    left: 1200px;
}

#h-ucp {
    position: absolute;
    left: 1668px;
}

#sponsors, #banners, #footer-eol, #h-menu, #h-social, #sidebar-left, #sidebar-right , a.count-gplus, a.count-twitter, a.count-facebook, a.sprite.i-twitter2, a.sprite.i-gplus2, a.sprite.i-fb2, a.sprite.i-twitter, a.sprite.i-gplus, a.sprite.i-fb {
    display: none;
}



y he quitado todas las entradas del abdlock
Snake12 escribió:
Gromber escribió:Snake12, me gusta el tema del foro, dime como lo cambio :)


Hola, instala Stylish (yo uso Firefox), y luego le das a "Escribir nuevo estilo" y pegas el código en el área de texto:

@-moz-document domain(www.elotrolado.net) {
    *{
        font-family:Verdana,Helvetica,Arial,sans-serif !important;
    }
    #wrap{
        background-color:black!important;
    }
    .breadcrumbs{
        font-weight:bold!important;
        margin-top:30px!important;
    }
    .solo{
        margin-top:30px!important;
    }   
    #menu {
        background-color:#FF9933!important;
        font-weight:bold;       
    }
    #h-social{
        font-weight:bold;
    }
    #sponsors{
        display:none;
    }
    #forum-wrap{
        margin-left:5px !important;
    }   
    #sidebar-left{
        margin-left:5px!important;
    }
    #forum-menu{
        width:550px!important;     
        padding:2px 0px 15px!important;
    }   
    #forum-menu a{
        width:auto!important;
        float:left !important;
        position:relative !important;
        font-size:9px!important;       
        margin-right:10px!important;
        font-weight:bold;
    }
    #forum-menu br{
        display:none;
    }
    #plusone{
        display:none;
    }
    #menu a{
        color:white!important;
        font-size:10px!important;
    }
    #menu a:hover{
        color:black!important;       
    }
   #banners{
      display:none;
   }
   #footer-eol {
        background: none repeat scroll 0 0 #395A2F !important;
    }
}


También uso la extensión AdBlock Plus para quitar la publicidad de las páginas.
Llevo relativamente poco aprendiendo CSS y demás, quizás no sea un código muy ortodoxo, pero a mí me vale ;)


Buff, te saliste, no conocia esto. Ahora si que esta bien la pagina, deberian de ponerla por defecto asi. Entre Adblock y esto que has puesto me ha quedado niquelada. Hasta el dia que corrigan lo qu eno me gusta, se queda asi y si no lo hacen, no pasa nada, tengo el Stylish :) .
Animo a todos a probarlo.
Snake12 escribió:
Johny27 escribió:Ya lo he hecho, pero me sigue saliendo gris el fondo.


Prueba a borrar la caché a ver si así se soluciona.

Sigue gris :(

Es con chrome, por si sirve de algo.
Por mi parte, enhorabuena por el cambio. Renovarse o mirir jajaja. [beer]
¿Tenéis alguna regla para quitar el banner lateral y usar todo el ancho de la pagina quitando también esa columna?. Las opciones que da dicho banner lateral no las usaré, y prefiero aprovechar espacio si es posible.
Johny27 escribió:¿Tenéis alguna regla para quitar el banner lateral y usar todo el ancho de la pagina quitando también esa columna?. Las opciones que da dicho banner lateral no las usaré, y prefiero aprovechar espacio si es posible.


las de snake desplazan el menu del lateral a arriba.

yo las estoy modificando, luego las subo para darle ideas a la gente

creamos un hilo para esto?

EDIT: Alguien sabe como quitarle el "border" a los .post ? Lo intento desde stylish pero no me sale, mientras que si lo hago desde inspeccionando el elemento en FF si puedo
Si, y un wiki :-|

Por favor, sigamos con el hilo aquí.
[erick] escribió:Si, y un wiki :-|

Por favor, sigamos con el hilo aquí.


Pues que alguien cree el wiki porque yo no tengo ni idea de como hacerlos xD
disculpa akiles, era ironía.

Quería decir que sigamos aquí, por favor.
[erick] escribió:disculpa akiles, era ironía.

Quería decir que sigamos aquí, por favor.


Tonto de mi :Ð
Yo con el modo clásico verde lo veo todo como siempre a excepción del banner superior con mi avatar y un menú desplegable, lo que no me gusta nada es el banner de publicidad que hay justo encima, que con el AdBlock queda feote feote, tal que así:

Imagen

Horribilus
Hay alguna manera de poner esto a pantalla completa? Queda mal así rollo blog...
eL_GekO escribió:Yo con el modo clásico verde lo veo todo como siempre a excepción del banner superior con mi avatar y un menú desplegable, lo que no me gusta nada es el banner de publicidad que hay justo encima, que con el AdBlock queda feote feote, tal que así:

Imagen

Horribilus



Me pasa como a tí
Estaría genial si al ir a Xbox 360 directamente hubiera un desplegable con los subforos y se pudiera ir directamente a juegos, general...
cocko escribió:
eR_pOty escribió:
cocko escribió:He tardado un minuto en volver al verdinegro original xD

Por cierto, antes existía una opción a la izquierda de la página para cambiar el tamaño del texto, era una "A+" pero ahora... ¿dónde puedo variar el tamaño de la fuente?

puedes aumentar con ctrl + pero se aumenta todo


Si, esa opción está, pero la otra me parece que era mucho mejor, porque el tamaño de la fuente es demasiado pequeño, o igual el monitor muy grande (27" 2560x1440) pero vamos, que si hubieran dejado esa opción se leen los foros más comodamente la verdad. Av er si alguien sabe algo y nos cuenta


Otro más que vota por que se incorpore la opción para aumentar la fuente. Que tengo el PC conectado al TV y la fuente por defecto es demasiado pequeña. Y si hago zoom con ctrl +, aumenta el tamaño de las imágenes también y se forma un cacao.

Espero que vuelvan a implementar esa opción.
Wez escribió:
Espero que vuelvan a implementar esa opción.


Será cuestión de notificarlo a algún encargado, o bien no sé, imagino que leerán nuestras impresiones aquí. El caso es que era muy útil pero incomprensiblemente ha desaparecido :-?
La verdad es que el Stylist ese mola mucho xD, y lo malo es que no se CSS de ese que usa, pero aun asi puedes hacer cosas buenas xD.

Yo me lo he dejado asi:
Imagen

Con esto:
@-moz-document domain(www.elotrolado.net) {

#header-wrap{width:auto!important;}
#header {width:auto!important;}
#h-ucp {position:relative;left:1600px!important;}
#h-search {position:relative;left:920px!important;}
#h-menu {position:relative;left:1300px!important;}
#h-popup {position:relative;left:1500px!important;}

#outer-content-wrap{width:auto!important;}

#slider .slide {background-color: rgb(10,99,10)!important; background-repeat: no-repeat!important;}

.new a.thumb {background-color: rgb(10,99,10); background-repeat: no-repeat;}

//#sponsors {display:none;}
#banners {display:none;}
//#forum-menu {display:none}
#forum-wrap {margin:8px 10px 20px 1px!important;}
#sidebar-left {display:none}
#footer-eol {display:none}

//#news-left {width:100%!important;}
//#news-right {width:100%!important;}

}


Muchas cosas solo valdran para la resolucion de 1080p.

He probado a poner las cosas quitando la doble columna, con lo de #news-left {width:100%!important;} pero claro, me hace grandes las de la izquierda, y no las de la derecha por lo que quedan desordenadas, las de la derecha salen despues, alguien sabe como se podria hacer esto bien?.
Para los que estáis en Firefox y os sale el gris de arriba:

Hay una extensión que se llama "Element Hiding Helper for Adblock Plus 1.2.3"

http://adblockplus.org/es/elemhidehelper

Funciona obviamente junto a Adblock Plus por lo que yendo a sus opciones y usando "Seleccionar Elemento a Ocultar" o pulsando Ctrl + Mayus + F3 sale una ventana de ayuda y ya es cuestion de pasar el cursor del ratón por cada elemento, clickcar y seleccionar si se bloquea o no.
Messiahs escribió:La verdad es que el Stylist ese mola mucho xD, y lo malo es que no se CSS de ese que usa, pero aun asi puedes hacer cosas buenas xD.

Yo me lo he dejado asi:
Imagen

Con esto:
@-moz-document domain(www.elotrolado.net) {

#header-wrap{width:auto!important;}
#header {width:auto!important;}
#h-ucp {position:relative;left:1600px!important;}
#h-search {position:relative;left:920px!important;}
#h-menu {position:relative;left:1300px!important;}
#h-popup {position:relative;left:1500px!important;}

#outer-content-wrap{width:auto!important;}

#slider .slide {background-color: rgb(10,99,10)!important; background-repeat: no-repeat!important;}

.new a.thumb {background-color: rgb(10,99,10); background-repeat: no-repeat;}

#sponsors {display:none;}
#banners {display:none;}

//#news-left {width:100%!important;}
//#news-right {width:100%!important;}

}


Muchas cosas solo valdran para la resolucion de 1080p.

He probado a poner las cosas quitando la doble columna, con lo de #news-left {width:100%!important;} pero claro, me hace grandes las de la izquierda, y no las de la derecha por lo que quedan desordenadas, las de la derecha salen despues, alguien sabe como se podria hacer esto bien?.


En el navegador opera no me funciona me puedes ayudar?
Estwald escribió:Para los que estáis en Firefox y os sale el gris de arriba:

Hay una extensión que se llama "Element Hiding Helper for Adblock Plus 1.2.3"

http://adblockplus.org/es/elemhidehelper

Funciona obviamente junto a Adblock Plus por lo que yendo a sus opciones y usando "Seleccionar Elemento a Ocultar" o pulsando Ctrl + Mayus + F3 sale una ventana de ayuda y ya es cuestion de pasar el cursor del ratón por cada elemento, clickcar y seleccionar si se bloquea o no.


O si os poneis el stylyst ese tambien se puede facil facil, editandolo.

Asi me he dejado yo lo que son los foros...

Imagen

El plugin ese una puta pasada lo que mas me ha gustado de la remodelacion de EOL conocerlo [burla2]

Addiction, ni idea de por que no te ira xD, a mi me pasaba con los que habian posteados que no tiraban, por eso he pillado cosas de varios y mirando por internet, he hecho algo a mi gusto, pero vamos no es que sepa mucho como va xD, a prueba y error algo sacas, aun estoy mareando con el plugin ese
edito si funciona bien con una configuración de dos páginas mas atras.
Imagen
Ya hacía falta este rediseño. Mola. :)
vidalpascual escribió:Ya hacía falta este rediseño. Mola. :)

Si pero mejor con stylish
Addiction escribió:
vidalpascual escribió:Ya hacía falta este rediseño. Mola. :)

Si pero mejor con stylish


+1
EOL, tú antes molabas :(

El anterior diseño era más claro, se leían las noticias nada más entrar a la web. Supongo que será acostumbrarse.
Dejo la configuración buena para navegador opera.


#header-wrap {
     width:auto!important;
}

#header {
     width:auto!important;}

#h-ucp {
     position:relative;left:1600px!important;
}

#h-search {
     position:relative;left:920px!important;
}

#h-menu {
     position:relative;left:1300px!important;
}

#h-popup {
     position:relative;left:1500px!important;
}

#outer-content-wrap {
     width:auto!important;
}

#slider .slide {
     background-color: rgb(10,99,10)!important; background-repeat: no-repeat!important;
}

.new a.thumb {
     background-color: rgb(10,99,10); background-repeat: no-repeat;
}

#sponsors {
     display:none;}

#banners {

display:none;}

//#news-left {
    width:100%!important;
}
//#news-right {
   width:100%!important;
}
kankoka escribió:PD: Hay un botón que pone CAMBIAR ANCHO, sirve para algo...


Si no llega a ser por ti, no sabría su uso.
Addiction escribió:Dejo la configuración buena para navegador opera.


#header-wrap {
     width:auto!important;
}

#header {
     width:auto!important;}

#h-ucp {
     position:relative;left:1600px!important;
}

#h-search {
     position:relative;left:920px!important;
}

#h-menu {
     position:relative;left:1300px!important;
}

#h-popup {
     position:relative;left:1500px!important;
}

#outer-content-wrap {
     width:auto!important;
}

#slider .slide {
     background-color: rgb(10,99,10)!important; background-repeat: no-repeat!important;
}

.new a.thumb {
     background-color: rgb(10,99,10); background-repeat: no-repeat;
}

#sponsors {
     display:none;}

#banners {

display:none;}

//#news-left {
    width:100%!important;
}
//#news-right {
   width:100%!important;
}


Esa es mas o menos como lo tengo yo lo que le pasa es que solo queda bien lo de buscar el usuario y eso, si lo tienes a 1080p y a pantalla completa si no se mezclara todo si a alguien le pasa solo tiene que comentar con // desde #h-ucp a #h-popup, supongo que habra forma de hacerlo bien, pero vamos yo ni me he molestado en mirarlo, como siempre lo uso a pantalla completa xD
A mi lo que me parece más.... digamos cutre son los doscientos tipos de fuentes que se usan. Agradezco el esfuerzo del que haya hecho el diseño y demás, pero en mi humilde opinión, no queda bien xd

En fin, no queda otra, pero en mi opinión vamos para atrás... (facebook y demás y ahora esto...)
Como se activa la version movil en el movil?
Menos mal que se puede poner la versión clásica, no quería quedarme ciego xD

Otra cosilla, no puedo quitar las 2 barras blancas de arriba donde pone publicidad en firefox, no me sale la opción con el adblock, ¿alguien sabe si se pueden quitar de alguna manera?.

Saludos
Messiahs escribió:
Addiction escribió:Dejo la configuración buena para navegador opera.


#header-wrap {
     width:auto!important;
}

#header {
     width:auto!important;}

#h-ucp {
     position:relative;left:1600px!important;
}

#h-search {
     position:relative;left:920px!important;
}

#h-menu {
     position:relative;left:1300px!important;
}

#h-popup {
     position:relative;left:1500px!important;
}

#outer-content-wrap {
     width:auto!important;
}

#slider .slide {
     background-color: rgb(10,99,10)!important; background-repeat: no-repeat!important;
}

.new a.thumb {
     background-color: rgb(10,99,10); background-repeat: no-repeat;
}

#sponsors {
     display:none;}

#banners {

display:none;}

//#news-left {
    width:100%!important;
}
//#news-right {
   width:100%!important;
}


Esa es mas o menos como lo tengo yo lo que le pasa es que solo queda bien lo de buscar el usuario y eso, si lo tienes a 1080p y a pantalla completa si no se mezclara todo si a alguien le pasa solo tiene que comentar con // desde #h-ucp a #h-popup, supongo que habra forma de hacerlo bien, pero vamos yo ni me he molestado en mirarlo, como siempre lo uso a pantalla completa xD


No queda bien del todo y cojido de otro forero y de ti y ahora mejor me salia mal la parte de usuario en opera y en mozila no Oooh

#news-image {
    background-repeat: no-repeat;
}

.new a.thumb {
    background-repeat: no-repeat;
}

div.clearfix {
    margin: auto;
    background-repeat: no-repeat;
}

div.slide.notext {
    background-repeat: no-repeat;
}

#outer-content-wrap {
     width:auto!important;
}

#slider .slide {
     background-color: rgb(10,99,10)!important; background-repeat: no-repeat!important;
}

.new a.thumb {
     background-color: rgb(10,99,10); background-repeat: no-repeat;
}

#sponsors {
     display:none;}

#banners {

display:none;}

//#news-left {
    width:100%!important;
}
//#news-right {
   width:100%!important;
}


Zoser escribió:Menos mal que se puede poner la versión clásica, no quería quedarme ciego xD

Otra cosilla, no puedo quitar las 2 barras blancas de arriba donde pone publicidad en firefox, no me sale la opción con el adblock, ¿alguien sabe si se pueden quitar de alguna manera?.

Saludos


Tienes que instalarte lo que se comenta una pagina mas atras.
Gracias Addiction, voy a echarle un vistazo.
que es mejor, filtrar por ABP o por CSS?
sL1pKn07 escribió:que es mejor, filtrar por ABP o por CSS?

por css no me sale la publi
Se reconoce el trabajo, se ve que hay trabajo detras pero hay una cosa que de entrada choca nada mas entrar y son esos enormes bocadillos naranjas tapando la noticia destacada en el slider, ocupan la mitad de la imagen y tapan lo de abajo.

Supongo que buscabais mantener la homogeneidad con el resto, pero seguro que tiene que haber otra solucion sin desperdiciar las imagenes de portada.

Un saludo.

PD. El nuevo logo esta muy bien, me gusta.
sL1pKn07 escribió:que es mejor, filtrar por ABP o por CSS?



Pues depende, el adblock plus del firefox creo que se cargaba la publi antes de cargarla, al contrario que el del Crhome que no es mas que ocultarla. Por CSS, solo la ocultas, realmente si la carga, o eso he leido yo
pablomoros escribió:Como se activa la version movil en el movil?
pablomoros escribió:Como se activa la version movil en el movil?


Os cuesta leer. Arriba en el desplegable del avatar lo tienes.
eR_pOty está baneado por "GAME OVER"
Como se manejan los codigos del stylish? quiero eliminar la barra vacia de la izquierda que sale en los foros . la de las noticias ya la tengo en ancha
eR_pOty escribió:Como se manejan los codigos del stylish? quiero eliminar la barra vacia de la izquierda que sale en los foros . la de las noticias ya la tengo en ancha


Yo esa la he quitado con esto

#forum-wrap {margin:8px 10px 20px 1px!important;}
#sidebar-left {display:none}

No se si habra alguna forma mejor, pero vamos asi funciona, si te parece poco margen a la izq, aumenta el de 1px
El stylist os referís a este?

https://chrome.google.com/webstore/deta ... meggkbjdhd

se instala y al darle click al icono se desaparece ¿?

tambien esta este:

https://chrome.google.com/webstore/deta ... leoegfcffe

pero no funciona... ¿?¿?¿?¿?

Por otra parte, el banner de arriba no hay cojones de quitarlo con abp grrrrrrrrr... menudo ful de estambul
bpSz escribió:El stylist os referís a este?

https://chrome.google.com/webstore/deta ... meggkbjdhd

se instala y al darle click al icono se desaparece ¿?

tambien esta este:

https://chrome.google.com/webstore/deta ... leoegfcffe

pero no funciona... ¿?¿?¿?¿?

Por otra parte, el banner de arriba no hay cojones de quitarlo con abp grrrrrrrrr... menudo ful de estambul


Yo tengo el 2º, aunque en firefox. y el banner de arriba se quita facil con el plugin ese simplemente #banners {display:none;} si no lo haces con este otro usuario puso como eliminarlo viewtopic.php?f=10&t=1905072&p=1732709657#p1732709657 era para firefox, pero puede que este el mismo plugin para chrome
yo tengo el stylebot

https://chrome.google.com/webstore/deta ... pgmdaleoha


la verdad no se que diferencia hay entre unos y otros
Vale, ahora si, ya me funciona el segundo. Gracias!

Me falta cepillarme el banner superior y luego ya ir ajustando a mi gusto... Aunque en general me parece una chapucilla para ir tirando porque entro desde varios pcs y no voy a estar haciendo esto en todas partes.

De todos modos, creo que voy a pasarme a la versión móvil que es la que me parece más accesible, clara y concisa XD

Saludos,
Trasteando un poco he conseguido dejarlo así:

Imagen

Imagen
darkrocket escribió:Trasteando un poco he conseguido dejarlo así:

Imagen

Imagen


Ponlo a pantalla completa queda muy bien, que navegador usas, y que resolución?
Addiction escribió:
darkrocket escribió:Trasteando un poco he conseguido dejarlo así:

Imagen

Imagen


Ponlo a pantalla completa queda muy bien, que navegador usas, y que resolución?

Firefox a 1920x1080.

No lo pongo a pantalla completa porque las imágenes de las noticias quedan minúsculas [+risas] y el slider queda demasiado grande para mi gusto.
902 respuestas