Home  |  Contact  

Email:

Password:

Sign Up Now!

Forgot your password?

sιʟӘnтuz♚doʟʟ
 
What’s New
  Join Now
  Message Board 
  Image Gallery 
 Files and Documents 
 Polls and Test 
  Member List
   
   
 私は気にしない-✯ 
 STOP, DROP & ROLL✯ 
 ▽ ιn my head 
 ▽ buddιes 
   
 Greenjello━━━❤ 
 ▲ retroaction  
   
 「5 SENSES。」 
 » Bluestar 
 » Monthly 
 » shout up 
 » Vududoll 
   
 ▽ αerobox 
 ▽ resourx 
 ▽ starkprix 
   
  
   
 
 
  Tools
 
♦{tutoriales}: (HTML) Como poner un scrollbar.
Choose another message board
Previous subject  Next subject
Reply  Message 1 of 11 on the subject 
From: rosнιo*  (Original message) Sent: 16/02/2011 16:57
¿Cómo poner un scrollbar?
Para los que más o menos saben moverle al HTML no será muy dificil,
aun así tratare de explicarlo de forma sencilla. Espero que se entienda.
 
Necesitas fijarte bien en poner las medidas correctas segun el texto que
quieras o sino se borrara la barra. O bien pueden copiar y pegar la que yo
hice en tu GG y solo cambiar las medidas del lenguaje HTML.
 
Aqui un ejemplo.
Tabla 1 FILA - 2 COLUMNAS
Ancho 150 Largo 100

Otro texto acá.
O el contenido
que quieras ;)
TUTEXTOAQUI
O LO QUE QUIERAS
PONER :)
LALALALALALALA
LALALALALALALA
RELLENALO BIEN!
:DDD
 
El código es este:
<#div style="width: 150px; height: 100px; overflow: auto; text-align: left;">EL CONTENIDO AQUI<#/ div >

Debes ponerlo en el lenguaje HTML, por ejemplo si lo quieres dentro de la tabla debe ser así:

<#td >
<#div style="width: 150px; height: 100px; overflow: auto; text-align: left;">
<#div><#span style="font-family: arial narrow;">TUTEXTOAQUI<#/  span ><#/ div >
<#div><#span style="font-family: arial narrow;">O LO QUE QUIERAS<#/ span ><#/ div>
<#div><#span style="font-family: arial narrow;">PONER :)<#/span><#/div>
<#div><#span style="font-family: arial narrow;">LALALALALALALA<#/span><#/div>
<#div><#span style="font-family: arial narrow;">LALALALALALALA<#/span><#/div>
<#div><#span style="font-family: arial narrow;">RELLENALO BIEN!<#/span><#/div>
<#div><#span style="font-family: arial narrow;">:DDD<#/span><#/div>
<#/div>
<#/td>
 
Lo de rojo es donde empieza y termina el cuadrito correspondiente a la tabla y lo de
azul es el codigo que yo te paso para el scrollbar.
 
(!) Muy importante: no olvides cerrar bien los códigos.
 
+ Quita el # en amarillo cuando copies y pegues en tu GG por que aqui necesitaba
ponerlos para que se vieran bien los códigos y no me los reconociera como figura:)


First  Previous  2 to 11 of 11  Next   Last  
Reply  Message 2 of 11 on the subject 
From: Saralleine Sent: 19/02/2011 13:28
¡Ojojo! Gracias por el tutorial *^*

Reply  Message 3 of 11 on the subject 
From: rosнιo* Sent: 19/02/2011 20:34
Me alegra que te sirviera =DDD!

Reply  Message 4 of 11 on the subject 
From: ιѕa! * Sent: 19/02/2011 20:53
Menos mal que este
tutorial es fácil :D
Incluso a mi la torpe
me sirvió xD!
 

xoxo. ISA

Reply  Message 5 of 11 on the subject 
From: ιѕa! * Sent: 19/02/2011 21:17
Tengo una duda.
Cuando pongo una scrollbar
me sale pegada a la izquierda..
como la centro? y como puedo poner
informacion sin scrollbar al lado de ella,
como si fuera una tabla?

Reply  Message 6 of 11 on the subject 
From: rosнιo* Sent: 19/02/2011 21:46
Si para poner texto sin scrollbar solo haz una tabla normal =)
 
En el codigo dice para que lado la quieres, si quieres centrarla modifica
LEFT por CENTER.
 
<#div style="width: 150px; height: 100px; overflow: auto; text-align: left;">EL CONTENIDO AQUI<#/ div >

Reply  Message 7 of 11 on the subject 
From: ιѕa! * Sent: 19/02/2011 21:53
No me sale ._.
Osea, lo de centrarlo si,
pero lo de la tabla no.
Yo quiero poner, por ejemplo
una tabla de 1 fila y 3 columnas
En una columna, scrollbar, en otra
texto normal y en otra scrollbar

Reply  Message 8 of 11 on the subject 
From: rosнιo* Sent: 20/02/2011 00:34
Es como la tabla que te puse arriba solo con una columna más XD
Te pondre otro ejemplo espero que sea así como lo querias? o__o
 
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO SIN SCROLLBAR
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

Reply  Message 9 of 11 on the subject 
From: ιѕa! * Sent: 20/02/2011 02:05
sip XD

Reply  Message 10 of 11 on the subject 
From: × α l ι c ә {♥} Sent: 05/04/2011 01:25
Me encantO el tuto!!!
lo pondre en practica en minutos
 
en cuanto abra mi grupo me traere mi captura del credito
GRACIAS ♥

Reply  Message 11 of 11 on the subject 
From: rosнιo* Sent: 05/04/2011 02:37
Que gusto que te sirviera, si necesitas otra cosita
puedes preguntarme :) espero ver tu grupo con ansias!


First  Previous  2 a 11 de 11  Next   Last  
Previous subject  Next subject
 
©2025 - Gabitos - All rights reserved