eliminar barras croll de [code][/code]

Started by etrnspktr, March 22, 2011, 08:27:40 AM

Previous topic - Next topic

etrnspktr

hola,

alguien me puede decir si hay alguna forma de remover las barras scroll que aparecen al insertar code]

en un mensaje?

el problema es que aparecen 2 barras una vertical y otra orizontal, y estas incomodan un poco al leer los mensajes.


preferiria removerlas por completo... alguna idea?



Saludos

kenet



Thomas Alva Edison dijo:

    "No fracasé, sólo descubrí 999 maneras de como no hacer una bombilla."



All Colours Sam

las barras aparecen por la forma nativa en que se muestra el texto dentro de [code][/code]

tiene que ver con los espacios y saltos de linea que tenga el texto que vas a usar dentro de las etiquetas, un ejemplo:

este texto está escrito en una sola linea y como es muy largo, los scrolls van a aparecer para que se pueda mostrar todo el contenido, depende tambien de tu resolucion, mayores resoluciones van a poder mostrar texto mas largo sin necesidad de mostrar scrolls, puedes editar tu css para cambiar el comportamiento de el texto dentro de los tags code


este es el mismo texto ejemplo con espacios:

este texto está escrito en una sola linea y como es muy largo,
los scrolls van a aparecer para que se pueda mostrar todo el contenido,
depende tambien de tu resolucion, mayores resoluciones van a poder mostrar texto mas largo sin
necesidad de mostrar scrolls,
puedes editar tu css para cambiar el comportamiento de el texto dentro de los tags code
Oh, wouldn't it be great if I *was* crazy? ...then the world would be okay
Suki

kenet

busca esto en tu style.ccs

.code {
    background: none repeat scroll 0 0 #000000;
    border: px solid #3A7089;
    color: #A4C8D9;
    font-family: Helvetica,Arial,sans-serif;
    font-size: x-small;
    line-height: 1.3em;
    margin: 1px auto;
    max-height: 24em;
    overflow: auto;
    padding: 1px;
    white-space: nowrap;
    width: 99%;


y esta linea

border: 1px solid #3A7089;

remplazala por

border: #3A7089;


saludos


Thomas Alva Edison dijo:

    "No fracasé, sólo descubrí 999 maneras de como no hacer una bombilla."


etrnspktr

ya intente lo de:

border: #3A7089;

y lo que hace es quitarle el borde.



algo que acabo de notar es que tambien si se postea algo sin estar dentro de [ code][ /code], hace aparecer unos scrolls (vertical/horizontal). lo ideal seria que no se mostrara nada solo el scroll comun o general que seria uno vertical pero para todo.

por cierto,
estos detalles estan dentro del style.css?
ya lo he tratado de editar muchas veces y nada.
me parace que podria ser algo del Display.template.php, o algun otro archivo, nose, digo...

kenet

amigo, pues ponme una imagen exactamente de lo que quieres acer o quitar, por que en tu post lo que entendi era eso.


Thomas Alva Edison dijo:

    "No fracasé, sólo descubrí 999 maneras de como no hacer una bombilla."


etrnspktr

aca esta una captura:

http://www.pixhost.org/show/369/6367750_code.jpg [nofollow]

la idea es quitar los scrolls, para que el contenido de lo que haya dentro del post se muestre sin eso.
por ejemplo si se hace todo el post en una sola linea de texto sin espacios sin precionar enter, lo ideal es que al llegar al limite (borde), automaticamente pase a la otra linea, la de abajo (otro renglon).


saludos

lean

Se puede saber porque eliminaste el copyright de tu theme?

etrnspktr

Quote from: Lean on March 22, 2011, 07:38:29 PM
Se puede saber porque eliminaste el copyright de tu theme?

a que se refiere?
lo tiene en la parte de abajo de la pagina...

lean

Quote from: etrnspktr on March 22, 2011, 07:48:35 PM
Quote from: Lean on March 22, 2011, 07:38:29 PM
Se puede saber porque eliminaste el copyright de tu theme?

a que se refiere?
lo tiene en la parte de abajo de la pagina...
Ese no es el copyright de dzinerstudio. Su theme es DVS1 de dzinerstudio. No somos novatos en esto, sabemos ver si se violan derechos de autor o no...

DoctorMalboro

Intentá borrar esta línea:
  /* Show a scrollbar after about 24 lines. */
  max-height: 24em;


En tu index.css

Advertisement: