Username:

Password:

Páginas: [1]   Ir Abajo
  Imprimir  
Autor Tema: Crear scroll box horizontal y vertical (solo con HTML)  (Leído 2841 veces)
Barb Taiii
Global Moderator
Hero Member
*****

Credibilidad: 128
Desconectado Desconectado

Puerto Rico Puerto Rico

Mensajes: 1403


Sistema Operativo:
Windows Vista/Server 2008 Windows Vista/Server 2008
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« : Noviembre 16, 2009, 11:09:16 »

So, no importa que Hi5 ahora no acepte CSS, aun podemos crear simples cajas con scroll:

Para un scroll horizontal:

<div class="comment-text"><pre>AQUI LO QUE QUIERAS DENTRO DEL SCROLL</pre></div>



Para un scroll vertical:

<div class="comment-text" style="width:450px; height:100px">AQUI LO QUE QUIERAS DENTRO DEL SCROLL</div>
« Última modificación: Noviembre 16, 2009, 11:21:50 por Barb Taiii » En línea

"We are an Empire ruled by the majority! An Empire ruled by a new Constitution! An Empire of laws, not of politicians! An Empire devoted to the preservation of a just society. Of a safe and secure society! We are an Empire that will stand for ten thousand years!" ―Palpatine
The BiG Boss
Sr. Member
****

Credibilidad: 6
Desconectado Desconectado

Ecuador Ecuador

Mensajes: 444


Coming Soon

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« Respuesta #1 : Noviembre 16, 2009, 11:23:16 »

Oh Barb.. Felicitaciones de verdad... nbo sabia que se podia hacer eso..!!
Muchisismas Gracias lo necesitaba
+1
En línea

Barb Taiii
Global Moderator
Hero Member
*****

Credibilidad: 128
Desconectado Desconectado

Puerto Rico Puerto Rico

Mensajes: 1403


Sistema Operativo:
Windows Vista/Server 2008 Windows Vista/Server 2008
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« Respuesta #2 : Noviembre 16, 2009, 11:27:23 »

De nada, recien lo descubri haciendo monerias en mis comments.
Espero que te funcione.
En línea

"We are an Empire ruled by the majority! An Empire ruled by a new Constitution! An Empire of laws, not of politicians! An Empire devoted to the preservation of a just society. Of a safe and secure society! We are an Empire that will stand for ten thousand years!" ―Palpatine
The BiG Boss
Sr. Member
****

Credibilidad: 6
Desconectado Desconectado

Ecuador Ecuador

Mensajes: 444


Coming Soon

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« Respuesta #3 : Noviembre 16, 2009, 11:46:47 »

Si pues la verdad si me funciono... lo unico que vi esque no me quedaba alineado.. pero eso ahi es facil.. gracias x el aporte.. la verdad de todos los manuales de HTML que vi.. no vi este truco...
En línea

웃 ►тιєzσ◄ ∩▂∩
Sr. Member
****

Credibilidad: 15
Desconectado Desconectado

Mexico Mexico

Mensajes: 306


☺ La ultima y nos vamos ○○○○ ☺▬☺

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« Respuesta #4 : Noviembre 17, 2009, 03:43:26 »

Psss yo lo estuve haciendo un rato con
<div style="width:400px;overflow-x:hidden;overflow-y:scroll">
antes de que quitaran por completo el css pero este resulta mas simple
jejejeje

Gracias Barb
En línea

☺ La ultima y nos vamos ○○○○ ☺▬☺
rosmerysalas
Newbie
*

Credibilidad: 0
Desconectado Desconectado

Costa Rica Costa Rica

Mensajes: 14

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil
« Respuesta #5 : Diciembre 13, 2009, 03:46:00 »

hola grax por el codigo, solo queria saber como poner la foto de uno ala par de la informacion que pongamos en el scroll y como hacer mas grande y de otro color la letra
gracias!!
En línea
웃 ►тιєzσ◄ ∩▂∩
Sr. Member
****

Credibilidad: 15
Desconectado Desconectado

Mexico Mexico

Mensajes: 306


☺ La ultima y nos vamos ○○○○ ☺▬☺

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« Respuesta #6 : Diciembre 13, 2009, 04:36:13 »

Emmmm..... no entendi muy bien lo que quieres;


Quieres la foto de cada comentario en cuadro con el comentario o una imagen de tu comentario en cuadro con tu comentario:
........
:      : XXXXXXXXXXXXXXXXXXX
:      : XXXXXXXXXXXXXXXXXXX
:......: XXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXX


si lo que quieres es una imagen de tu comentario en cuadro con tu texto y scroll, eso se haria asi:

<div class="comment-text" style="width:450px; height:100px">
<img src="URL de la imagen" width="200px" align="left">
<font color="gold" size="3">Todo lo que quieras decirle a tu friend o comentarle XXXXXXXXX</font>
</div>

Caja especial, contenedor, etc
Imagen de comentario
La direccion de la imagen que vas a poner
Hacia donde se va a alinear la imagen y que quede encuadrada con el texto (left=izquierda, right=derecha)
Texto o comentario
Color, ya sea en ingles (red, blue, green) o hexadecimal (#ffffff, #000000, #ff4a5a)
Tamaño, en puntos (1, 2, 3 y maximo 4) o pixeles( 8px, 10px, 12px)


...lo que si no entendi bien, fue lo primero, especifica si quieres encuadrar la foto de comentario (donde aparece tu foto a la hora de dejar un comment) o una imagen que incluyas en tu comment (saludos, despedidas, fotos, etc)
« Última modificación: Diciembre 13, 2009, 04:53:46 por 웃 ►тιєzσ◄ ∩▂∩ » En línea

☺ La ultima y nos vamos ○○○○ ☺▬☺
rosmerysalas
Newbie
*

Credibilidad: 0
Desconectado Desconectado

Costa Rica Costa Rica

Mensajes: 14

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil
« Respuesta #7 : Diciembre 13, 2009, 04:57:39 »

algo parecido pero lo que quiero es algo parecido al perfil de barb, que ponia en el acerca de mi la foto de ella y ala par su informacion ya se name, nick, pero centrado, algo como lo que tenia ella...
yo lo quisiera asi si no es mucha molestia para ti y para barb
gracias
En línea
웃 ►тιєzσ◄ ∩▂∩
Sr. Member
****

Credibilidad: 15
Desconectado Desconectado

Mexico Mexico

Mensajes: 306


☺ La ultima y nos vamos ○○○○ ☺▬☺

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« Respuesta #8 : Diciembre 13, 2009, 05:23:07 »

Ahhhh....

no entendi !


Es que no se lo que tenias tu, y tampoco puedo ver tu perfil.




Seria asi:


<!--Tu foto--><img src="URL" width="200px" align="left">
<!--Tu info en una tabla-->
<table border="0">
<tr><td><b>Nombre:</b></td><td><i>Fulanita</i></td></tr>
<tr><td><b>Opc 1</b></td><td><i>Resp 1</i></td><tr>
<tr><td><b>Opc 2</b></td><td><i>Resp 2</i></td><tr>
<tr><td><b>Opc 3</b></td><td><i>Resp 3</i></td><tr>
<tr><td><b>Opc 4</b></td><td><i>Resp 4</i></td><tr>
<tr><td><b>Opc 5</b></td><td><i>Resp 5</i></td><tr>
<tr><td><b>Opc 6</b></td><td><i>Resp 6</i></td><tr>
</table>


Solo sustituyes Opc y Resp por lo que quieras poner.
Quedaria algo mas o menos asi:
En línea

☺ La ultima y nos vamos ○○○○ ☺▬☺
rosmerysalas
Newbie
*

Credibilidad: 0
Desconectado Desconectado

Costa Rica Costa Rica

Mensajes: 14

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil
« Respuesta #9 : Diciembre 13, 2009, 07:23:31 »

muchas gracias!!! si me sirvio
GRACIAS!!
En línea
웃 ►тιєzσ◄ ∩▂∩
Sr. Member
****

Credibilidad: 15
Desconectado Desconectado

Mexico Mexico

Mensajes: 306


☺ La ultima y nos vamos ○○○○ ☺▬☺

Sistema Operativo:
Windows XP Windows XP
Navegador:
Firefox 3.5.5 Firefox 3.5.5


Ver Perfil WWW
« Respuesta #10 : Diciembre 13, 2009, 07:43:59 »

        
En línea

☺ La ultima y nos vamos ○○○○ ☺▬☺
Páginas: [1]   Ir Arriba
  Imprimir  
 
Ir a:  

CSSDIRE Menu
  Checa lo Nuevo!!!
     Twitter
     Informatica
  Batallas
     (H) Batallas
     (MS) Batallas
     (D) Batallas Individuales
  Ultimo Tutorial
     (Ps) Fotos HDR
  Complementos (D)
     (Ps) efecto glossy
Ultimos Mensajes
[Septiembre 01, 2010, 09:26:45 ]

[Septiembre 01, 2010, 09:23:22 ]

[Septiembre 01, 2010, 08:33:52 ]

[Septiembre 01, 2010, 08:20:55 ]

[Septiembre 01, 2010, 03:15:38 ]

[Agosto 31, 2010, 09:26:33 ]

[Agosto 31, 2010, 05:54:40 ]
Top Reputacion
Estadistica
Usuarios
Total de Usuarios: 4822
Anteriores: rosalbaqwe
Nuevos este mes: 55
Esta Semana: 23
Hoy: 6
Estadisticas
Total de Mensajes: 22370
Total de Temas: 3052
Conectados hoy: 49
Online total: 126
(Septiembre 10, 2009, 05:22:25 )
Usuarios en Línea
Usuario: 0
Visitantes: 31
Total: 31


Siguenos en Twitter
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
TinyPortal v0.9.8 © Bloc | DarkBreak by DzinerStudio
Página creada en 0.114 segundos con 25 consultas.