elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Únete al Grupo Steam elhacker.NET


+  Foro de elhacker.net
|-+  Foros Generales
| |-+  Sugerencias y dudas sobre el Foro (Moderador: el-brujo)
| | |-+  Anchura de Etiquetas Geshi
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Anchura de Etiquetas Geshi  (Leído 3,574 veces)
MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Anchura de Etiquetas Geshi
« en: 15 Julio 2014, 21:43 pm »

Estoy usando el tema default del foro y lo que pasa es de que las etiquetas geshi tienen diferente tamaño dependiendo del css del post (windowbg, windowbg2).

Es un poco molesto, cuando ponen código con lineas largas por el word wrap.

Por ejemplo:





Tienen una linea así:

Código
  1. .windowbg2 .geshi {word-wrap:break-word !important; max-width:800px !important;}

No afecta a todos, solo a los que tienen resoluciones "grandes". Yo estoy usando 1920x1080, por eso no estoy aprovechando toda mi pantalla.

¿El max-width es necesario para algo? De todas formas, me voy a hacer un script para deshabilitarlo, solo me parecio comentarlo.


« Última modificación: 15 Julio 2014, 21:46 pm por MinusFour » En línea

#!drvy


Desconectado Desconectado

Mensajes: 5.850



Ver Perfil WWW
Re: Anchura de Etiquetas Geshi
« Respuesta #1 en: 15 Julio 2014, 22:31 pm »

La verdad es que yo propuse ese "fix" pero no tengo ni idea de porque incluí el max-width xD

La solucion seria directamente
Código
  1. .geshi {word-wrap:break-word !important;}

Sin el windowbg ni nada... le mandare un PM a el-brujo para avisar.

Saludos


En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: Anchura de Etiquetas Geshi
« Respuesta #2 en: 15 Julio 2014, 22:40 pm »

¿Entonces el word wrap no estaba activado para windowbg?

Código
  1. TestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTesttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

Parece que eso tambien corrije esto: ^

« Última modificación: 15 Julio 2014, 22:46 pm por MinusFour » En línea

#!drvy


Desconectado Desconectado

Mensajes: 5.850



Ver Perfil WWW
Re: Anchura de Etiquetas Geshi
« Respuesta #3 en: 15 Julio 2014, 22:46 pm »

En realidad el fix era solo para cuando miras los posts de alguien.

https://foro.elhacker.net/profiles/punkerman-u18890.html;sa,showPosts

Si te fijas, ahí si que actúa el word-wrap porque todos los mensajes aparecen con clase windowbg2.

El problema era que a diferencia de los posts, en la pestaña de mensajes, los divs se expandían lo que durase el código de ancho y se hacia difícil de leer mirar / leer/ interactuar en algunos casos.

Saludos
En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: Anchura de Etiquetas Geshi
« Respuesta #4 en: 15 Julio 2014, 22:51 pm »

En realidad el fix era solo para cuando miras los posts de alguien.

https://foro.elhacker.net/profiles/punkerman-u18890.html;sa,showPosts

Si te fijas, ahí si que actúa el word-wrap porque todos los mensajes aparecen con clase windowbg2.

El problema era que a diferencia de los posts, en la pestaña de mensajes, los divs se expandían lo que durase el código de ancho y se hacia difícil de leer mirar / leer/ interactuar en algunos casos.

Saludos

Entonces la razón del max-width es para que no se expandan los divs en esa pantalla. Porque si le dejas el word-wrap como quiera se siguen expandiendo los divs.
En línea

#!drvy


Desconectado Desconectado

Mensajes: 5.850



Ver Perfil WWW
Re: Anchura de Etiquetas Geshi
« Respuesta #5 en: 15 Julio 2014, 22:59 pm »

pos ... si.... y como no tienen una clase/id único, vete a diferenciar entre un post y "ver mensajes"... puñetero SMF xD Tendrá que ser javascript..

Saludos
En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: Anchura de Etiquetas Geshi
« Respuesta #6 en: 16 Julio 2014, 00:42 am »

En caso de que alguien quiera ampliar las etiquetas geshi (no aplica cuando estás viendo temas o posts de otras personas para no deformar las paginas) y no quiera escribir su propio script

Este es mi userscript:

Código
  1. // ==UserScript==
  2. // @name       WindowBG Max-Width
  3. // @namespace  http://minusfour.net
  4. // @version    0.1
  5. // @description Max-Width de Geshi Codes eliminado
  6. // @match      http://foro.elhacker.net/*
  7. // @copyright  2012+, You
  8. // @require http://code.jquery.com/jquery-2.1.1.min.js
  9. // @exclude http://foro.elhacker.net/profiles/*showPosts*
  10. // ==/UserScript==
  11.  
  12. $(".windowbg2 .geshi").each(function(){
  13.    this.style.setProperty("max-width", "100%", "important");  
  14. });
  15.  
  16. $(".geshi").css("word-wrap", "break-word");
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines