Cómo poner un Text box con scroll o “Cuadro Flotante” en tu msn space

Desde hace tiempo que tengo esto escrito y no lo habia públicado.

Este pequeño tutorial es para poner un Text Box con Scroll  el cual por allí llaman "un cuadro flotante"

1. Agrega o edita una entrada en tu space
2.- Da click en el botón <HTML>
3.- Borra el texto de <DIV><DIV>
4.- Pega el siguiente código:

<DIV align=center>
<div style=
"
width: 150pt; height: 100pt;
background-color: #000000;
color: #ffffff;
border-style: ridge;
border-color: #00cc00;
overflow: scroll;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #333333;
scrollbar-shadow-color: #00cc00;
scrollbar-3dlight-color: #00ff00;
scrollbar-arrow-color: #00aa00;
scrollbar-darkshadow-color: #003333;
border-bottom: 1px dashed #00CC00"
<p align=
"center">
Aquí va tu texto
o
código HTML
</P></DIV></DIV>

 

Aquí va tu texto o código HTML

 

 

 

 

 

 

……… By: Oscar Rovira

5.- Pon todo lo que quieras dentro del text box en donde dice Aquí va tu texto o código HTML
6.- Modifica los parámetros:

Width :Ancho del recuadro
Height : Altura del recuadro
Back Ground-color : Color de fondo
Color: Color de la letra ( a menos que lo cambies dentro de el área de código html) 
Border-Stule: el estilo que tendrá el borde podrás probar con estos:
 none | dotted | dashed | solid | double | groove | ridge | inset | outset
Border-Color: Color que tendrá el borde
Overflow: El tipo de Text box que es puedes jugar con estos parametros
visible { overflow: visible; } hidden { overflow: hidden; } scroll { overflow: scroll; } auto { overflow: auto}
scrollbar-face-color:Color de la cara del scroolbar
scrollbar-highlight-color: : el brillo del scrool
scrollbar-shadow-color:el color de la sombra
scrollbar-3dlight-color: el color que da el efecto de 3d
scrollbar-arrow-color: El color de las flechas
scrollbar-darkshadow-color: la parte obscura de la sombra

 

borde dotted

 

borde solid

 

borde none

 

borde thick double

 

borde dashed

 

borde double

 

borde groove

 

borde ridge

 

borde inset

 

borde outset

 

Si quieres una referencia de los colores da click aquí

Anuncios

36 comentarios to “Cómo poner un Text box con scroll o “Cuadro Flotante” en tu msn space”

  1. ADRIAN Says:

    oye te sacaste un 10 hermano un espacio bastante completo y con mucha calidad espero que vissites mi humilde espacio espero te guste y gracias a ti pude poner un contador jajajaja bye

  2. sandy elizabeth Says:

    hol ps estra chido tu espacio espero que visites el mio y ps q padre q viajes mucho

  3. Mauricio Says:

    Te agradezco que hayas pasado por mi espacio, saludos! Al igual que tu, también me dedico a los sistemas y estoy probando tu sw de Glass Windows. Me parece fabuloso que tu sw esté en sitios chinos! wow! Felicidades! Gracias por los tips, me parece muy bueno el tip de las Text box con scroll, Gracias Oscar 🙂 al rato pongo algo asi en mi espacio

  4. Mary Says:

    MUCHAS GRACIAS, con tus instrucciones pude poner el Aviso a los Perros en Gatolandia…. eres genial…. Te amo!

  5. J. RoBeRto Says:

    mil gracias por ayudarnos a mejor nuestros espacios ok. muchas gracias.

  6. Luis Says:

    IO NO EH PODIDO… PONER UN MP3… EN MI ESPACIO… POR K SERA…. MIRA… KOPIE EL TEXTO EN HTML K PONES… PERO. NO SE K PASA NO SE OYE NADA…TENGO EL VINCULO D LA CANCION… DONDE LA PUEDO BAJAR… PERO KUAL ES EL MOTIVO POR EL K NO SE ESCUCHA? LA CANCION… TIENE K ESKUCHARSE EN EL SITIO??? O SOLO BAJARLA?

  7. Unknown Says:

    Saludos desde las sombras…He llegado aqui por medio de la página "mmadrigal(herramientas para blogs) solo dando una vuelta ya que los trucos que necesitaba ya los tengo algunos de dicha página y otros de otras…Nada solo felicitarte por tu space ya que estas páginas sirven de mucha ayuda y preguntarte:Es posible que el fondo del space en general sea una foto de Manson o de quien quiera?Un saludo cordial:Ängel Predicador, Minerva Muerta en Vida

  8. Unknown Says:

    Estas en San Luis Potosi!!! jajaj! yo es que soy de Barcelona perdida en Queretaro hace 2 años pero ya me regreso en enero, solo me llamo la atencion!!!Ängel Predicador, Minerva Muerta en Vida

  9. я٥Bﻉяt٥ Says:

    HOLA KISIERA CORROBORAR LOS Q ME A PASADO ESTA MAÑANA AL PARESER YA AN CANCELADO TAMBIEN LOS CODIGOS HTMPARA INGRESAR MUSICA A LOS SPACES

  10. Jesus Says:

    olle perdona si te copeo este comentario es k me gusto sorry wey y gracias

  11. Oscar Says:

    *oye *copio *que *gustóY si lo copiaste espero respetes el crédito.

  12. Unknown Says:

    Holitas!! Oscar esta nota es para agradecerte todo el tiempo que ha empleado en crear este espacio que es de ayuda a muchas personas en todo el mundo!! He encontrado aqui lo que necesito para entender esto de los blogs y la estoy poniendo en practica!!. Ya pude colocar el "cuadro flotante" en mi espacio!!! y sigo ensayando y aprendiendo hasta dominar bien las herramientas! Un abrazote grandoote desde Venezuela! Natty (K)

  13. Unknown Says:

    Hola, solo decirte q tu espacio tiene cosas interesantesSalu2!!

  14. agatha Says:

    Hola muchas gracias!!!! si pude jajaja bueno bye bye!

  15. DoÑa GReciA Says:

    hola muchas gracias por tus consejos se que para ti son de lo mas facil pero para mi son un poco mas complicados, tengo una duda, no he podido poner imagenes gif en mi pagina 😦 no se como, podrias decirme como le hago? y otra cosa cuando yo haho una nueva entrada no se me habilita el mundito del hipervinculo. Espero tu consejo. Gracias.

  16. David Leal Says:

    DE NUEVO GRACIAS, OJALÁ DESPUÉS VISITES DE NUEVO MI ESPACIO Y VEAS MI TEXT BOX CON SCROLL. SUERTE!

  17. Isaac Says:

    Hola, Oscar:Me ha encantado tu página, voy a dedicar un tiempo a estudiar todo lo que pones y "algo te copiaré"… ¡gracias!Un saludo desde tierras de España y felicito a tu gente por lo que hoy he visto y he oído en la tele a un compañero tuyo, dijo: "…son cosas de la naturaleza, hoy mismo comenzamos a reparar lo que el ciclón nos ha hecho, qué se le va a hacer…" y lo decía con una sonrisa. Realmente me emocionó.

  18. Eduardo Says:

    Hola. Solo tengo una pekeña duda en el "cuadro flotante". ¿CÓMO SE HACE PA PONER ESPACIO Y POR EJEMPLO COMO HAS HECHO TU PONER TU NOMBRE DEBAJO?y ya d paso como se hacen dentro hipervinculos. Gracias.Sigue con tu space q le visito cada semana. No falles a uno d tus seguidores jeje. salu2 desde santander

  19. karla karolina Says:

    hooooooola!!!!! jejejjee oye mil,mil y un millon de gracias!!!!! x dar el tip pues al parecer ya pudeeeeee jajajajajajhay esque la mera verdad no se mucho de los blogs y pues ya le agarro la onda un poquito aun estoy medio tarada pero ammm… jejejeje creo que voy siendo mas agil. ah y muchas gracias x pasar x my space aun no esta completo peroo… ya vere como meterle mas cositas y si me ayudas me sera mas facil.P.D. TE DEJO MI MAIL PUES X SI ME QUIERES AGREGAR.GRACIAS ,GRACIAS!!!!!A POR CIERTO ME LLAMO KARLA.BUENO SAYONARA!!!!!!!

  20. ROSSA Says:

    hola te envio saludos somos paisanos pero vivo en USA, me podrias ayudar, mira no he podido poner musica lo he intentado y nada me gustaria poner una cancion de mana, hacer una firma, etc; y he visto unos spacios que en en su hojss de block dicen click aqui y entras a otra pagina como se hace eso como esta direccion estoy apantalladahttp://spaces.msn.com/members/facqfb/y tu sabes hacer paginas porque quisiera vender mis libros y cds de oratoria y demas pero aqui no he podido hacerlo bueno ojala me contestes y dime como agrego tu link en mi sapacio ok. saludotes y perdon por el atrevimiento y gracias criticame mi hoja porque eso es sola una hoja jaja, dame tips

  21. -Fabby- Says:

    Oskar………………. si me sale el cuadrito, pero… no el texto ke le escribo adentro!!!, como le hago es ke ya lo intente y no pude.Gracias.Faby.

  22. Paz Says:

    ¡¡Enhorabuena x tu space!!Me ha resultado muy útil para satisfacer alguna k otra kuriosidad y para hacer algunos ajustes en mi space.Gracias y un saludo!!

  23. Yolanda Says:

    otra vez te tengo que que decir que eres un crakc. si señor. este truco esta muy bien y me ha servido de mucho. lo unico he visto por ahi otro truco de cambiar el aspecto de tu space, en cuanto a fondo y demas se refiere con otro modulo que se llama Tweak UI PowerToy. pero a mi no me funciona, o soy muy tonto que todo puede ser, jajajaja. no sabras tu algo de esto. veo que tu fondo es distinto a los estandar. si tienes tiempo y puedes o quieres, te agradeceria que me ayudaras. gracias de nuevo y enhora buena por ser tan altruista para ayudarnos.

  24. Emmanueeel Says:

    hey hermano!! komo estas!! pues neta ke esta chido tu espacio, aki aprendi varias kosas, gracias, muchas gracias, y pues andava por ahi vagando y me enkontre kon esta maravilla de espacio, http://spaces.msn.com/members/imperfectapostblog/ neta ke esta bien kabron, chekalo y tu no sabes komo poner degradado el kolor de las letras??? por fa respondeme dejando un comentario en mi espacio… no seas malo…sale, espero y me respondas….. saludos

  25. Rafael Says:

    Hasta ahora la mejor ayuda para modificar el space.Enhorabuena.Mi duda:Tengo mi iframe puesto en mi pagina pero no quiero que se vea la barra horizontal de abajo solo quiero la barra deslizadora lateral. ¿me podrias ayudar?Gracias.

  26. wendy Says:

    bueno me alegra haver encontrado este spaces no saves el tiempo que llevo queriendo poner un cuadro de esto y no encontraba nadie que me lo explicase ¡muchas gracias!

  27. EL MAS ALLA Says:

    MIL GRACIAS POR TU AYUDA ME GUSTARIA PODER CHARLAR CONTIGO ALGUNA VEZ.
    SIENTO MUCHISIMO LO DE TU NIÑA,SOY MADRE Y SE LO K SE SUFRE DE VERDAD
    UN SALUDO DESDE SALAMANCA ESPAÑA PARA TI Y PARA TU MUJER DALA UN BESAZO DE MI PARTE
    Y DILE K LO SIENTO DE CORAZON.
    AKI TE DEJO MI CORREO ES EL DE OTRO SPACE PERO ES EL K USO SIEMPRE PARA MI TRABAJO,ME GUSTARIA K ME AGREGARAS:
     
    misssurgeon@hotmail.com
     
    UN BESO MUY GRANDE DESDE SALAMANCA   ESPAÑA
     
    EN LO K PUEDA AYUDAR NO TIENES MAS K DECIRMELO DE VERDAD.

  28. ThE dReAmEr Says:

    oyes, muhcas pero muchas gracias por todo lo que pones en el space, nose que seria mi vida sin lo que pones   xD     jeje  bueno, sabes yo voy a estudiar sistemas, me gustan muchos las computadoras y pss todo lo que se hasta ahora lo he parendido solo y gracias a tu sapce y otros como este, xD… muchas gracias.

  29. Unknown Says:

    MIRA AYUDAME PLZ NO …
    PRIMERO QUE NADA N SOY DE ESAS TONTITAS QUE NO SABEN NI QUE ES UN CODIGO HTML
    SOLO KIERO VER SI TU SABES COMO RAYOS COLOCAR UNA IMAGEN DE FONDO PARA EL CUADRO FLOTANTE Y COMO HACER PARA MOVERLO A LA DIRECCION QUE EL QUIERA ME ENTIENDES OSEA QUE HALLA UNA IMAGEN DE FONDO Y ESA IMGAEN TIENE UN CRADRITO EN EL CENTRO Y AHI ES DONDE QUIERO COLOCAR EL CUADRO FLOTANTE PERO NO PUEDE POR MAS Q INTENTO POR FAVOR ESTOY DESAMPARADA AYUDAME PLZ….! AU AU AU (SONIDOS DE PERRITO)

  30. ISABEL ORIETTA Says:

    todo esta tan claro, entiendo todo perfectamente, pero no me permiten la entrada de ningun codigo HTML, uuuppss, por eso no puedo ponerle nada de las cosas que tu esta enseñando aqui, mmmmmm, yo queria, pero no me deja snif, snif,snif

  31. Natalia Says:

    ecxelente tu espacio tiene muy buenos trucos aunque el cuadro queiero es que flote por la pantalla como lo hago es
    decir veo el cuadro pero no me flota un beso gracias eres un lindo

  32. tα¢нι sк84ευεя Says:

    PARA EMPEZAR DEJA TE FELICITO YA QUE TU SPACE ES MUY BUENO Y POR LOMENOS A MI ME A SERVIDO MUCHO PERO PUES TENGO UN PEQUEÑO PROBLEMA YA QUE NO ENTIENDO MUY BIEN ESO DE LA PROGRAMACION Y L PUES NO E PODIDO ACTIVAR MAS COSAS POR MEDIO DEL POWER TOY DE HTML Y PUES QUISIERA QUE ME EXPLICARAS COMO HACERLE YA SEA POR MEDIO DE TU SPACE O SI NO TE INCOMODA POR MAIL OK BUENO ESO ESTODO AGRADECERE MUCHO TU RESPUESTA BYE ATTE: SNEK

  33. Juan Says:

    Gracias por poner este tipo de ayuda en internet. Creo que es de gran utilidad para muchos.
    Saludos.

  34. Royer Says:

    actualiza tu pagina ps esos trucos ya son antiguitos no crees!!1 una critica constructiva!!:D pero si tienes base causa

  35. Liz Says:

    No me funciona ayudame por favor gracias

  36. La Rrocker Says:

    muchas gracias, con tu permiso te cito en mi blog!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s


A %d blogueros les gusta esto: