50

Textarea o "caja de texto"

El tag <textarea> es muy útil para publicar código en una entrada evitando que los navegadores lo interpreten o para poner un texto largo sin que ocupe demasiado espacio. Aunque es bastante conocido, hoy Dydy ha vuelto a preguntar como se hace, así que lo explico por si le es útil a alguien más.
Si colocas el código o texto que quieras mostrar entre <textarea> y </textarea>, obtendrás este resultado:



Si además añades a continuación de <textarea, las propiedades "rows" y "cols" podrás controlar el alto y ancho de tu textarea cambiando estos valores. El código sería algo como esto:

<textarea rows="2" cols="14">
AQUI VA EL CODIGO;DIGO O TEXTO
QUE DESEAS MOSTRAR
DENTRO DE TU CAJA DE TEXTO
O TEXTAREA.
</textarea>


Entradas Relacionadas:

50 comentarios:


Nosotras mismas

Muy interesante.

Gracias

Jabba

Tiempo llevabas sin leer un comentario mio por aquí (y se yo que lo echabas de menos, jeje). Básicamente quería darte un poco la tabarra con otro tema que seguro que tiene mucha tela que cortar. Me gustaría poner subcategorías dentro de mi blog. Por ponerte un ejemplo, dentro de la etiqueta Manuales, quiero que haya una "subetiqueta" que se llame Linux. ¿Es eso posible?

Muchas zenkius.

Anónimo

Hola,

Tengo problemas con esto en blogger. Aparecen BRs molestos. Lo puedes ver (y de paso conocerme) en:

http://clio5mil.blogspot.com/2007/03/etiquetas.html

¿Sabes cómo solucionarlo?

Gracias

clio5mil

Hola,

Tengo problemas con esto en blogger. Aparecen BRs molestos. Lo puedes ver (y de paso conocerme) en:

http://clio5mil.blogspot.com/2007/03/etiquetas.html

¿Sabes cómo solucionarlo?

Gracias

Rosa

clio5mil, eso es porque Blogger te marca los saltos de línea </br>

Escribe todo el texto seguido de textarea, es decir,lo que vayasa poner dentro de un tirón, sin cambiar de línea, así:

<textarea rows="2" cols="14">AQUI VA EL CODIGO O TEXTO QUE DESEAS MOSTRAR DENTRO DE TU CAJA DE TEXTO O TEXTAREA.</textarea>

Rosa

Jabba, no, no se puede, se puede hacer un menú con subcategorías pero las subcategorías de ese menú, sigen siendo categorías como las otras o simples enlaces a una entrada. No se si me he explicado bien...

Jabba

Hmmm, un menu con subcategorias... a lo mejor puede hacer las funciones. ¿Y cómo va exactamente eso?

Jabba

Ah! Y por cierto, que tengo curiosidad y siempre se me olvida preguntarlo, ¿hay forma de poner un feed o un script para poner las entradas más visitadas?

E Bosch

Hola Rosa, de nuevo felicidades por tu blog. Ya he probado con éxito varios de tus consejos. Pero no he conseguido que apareciera la opción de dejar un comentario. He revisado la configuración una y otra vez y no consigo averiguar dónde está el error.
Agradeceré cualquier indicación.

Rosa

e bosch ¿estas seguro que has marcado la opción para que aparezcan?
Es en la parte de editar la plantilla, donde se añaden los elementos, pinchando en la caja de entradas donde dice "editar", si no es eso, puede ser que te hayas cargado sin querer alguna parte del código de la plantilla...Antes prueba donde te indico y si la opción está marcada me contactas a ver que puedo hacer...

Rosa

Jabba, pues es un menú parecido al que tenía yo antes horizontal, en realidad hay muchas páginas donde ofrecen distintos modelos, es bastante manual, hay que ir metiendo los links y todo a mano.

En este blog hay uno muy chulo aplicado, y su dueña explica allí como colocarlo y eso...échale un ojito:

http://mayuuchiha.blogspot.com/2007/08/men-desplegable-en-blogger.html

Rosa

Lo de los post más vistos aún no hay forma en Blogger, pero todo se andará...

clio5mil

Rosa, supongo que la respuesta será "no se puede hacer" pero te lo pregunto:

¿Y si quiero meter una poesía en un textarea? En una poesía no se pueden ignorar los saltos de línea, y la opción de poner el símbolo / para indicar que se cambia de línea no me acaba de gustar....

Saludos

Jabba

Okei makei. Muchas gracias. Voy a echarle un vistazo a esa paginilla.

Don't worry, be happy

Esto está muy bien, es muy útil. Lo conocía, pero no sabía cómo cambiar las medidas.

Merci, Rosa! ;)

Anónimo

COMO PUEDO HACER PARA QUE NE MI BLOG PUEDA PONER MI IMAGEN Y MI CAJITA DE TEXTO PARA QUE PUEDAN LINKEARME???

NO SE SI ME DOY A ENTENDER PERO ES QUE NO SE MUCHO DE ESTO Y ES POR ESO QUE SOLICITO DE SU GRAN AYUDA!!!

QUIERO ASI COMO LO TIENE ESTA PAGINA PARA PONER EL LINK EN MI BLOG....SI NO ME DOY A ENTENDER BIEN HAGANMELO SABER Y SI SI ME DOY A ENTENDER PODRIAN AYUDARME!!!

Rosa

Anónimo, te entiendo perfectamente, pero no veo tu blog y ni siquiera tu nombre o nick...la próxima vez no te contestaré así...dejas la dire del blog o tu nombre al menos.

Para lo del botón mira arriba en el menú en "Botón de enlace" hay varias entradas que lo explican de distintas formas.

Jomayra

Hola. Muy buen día. Gracias por ayudarnos a todos con nuestras preguntas y dudas. Queria preguntarte sobre el texterea, ya se como realizar la caja de texto pero quiziera saber si es posible añadir un codigo extra para cuando se de click al cursor en el texto de la caja se sombree toda sin necesidad de arrastrar el cursor por todo el rexto. Es que mi blog es de graficos para myspace, y pues todos los graficos tienen una caja de texto para proveer el codigo, bueno y la gente se queja de que a veces el codigo les sale incompleto y es por la situacion de que no arrastran el cursor hasta el final de texto y entonces lo copian incompleto. Te agradesco tu ayuda. Buen dia.

Rosa

Jomayra , revisa mi última entrada ;-)

Alicia

hola Rosa!

Saludos desde aqui!

bueno tengo un pequeno problemita jeje..
unos de mis blogs tiene la plantilla rounders con sus 3 columnas.pero quiero tener las sidebars juntas hacia el lado derecho de la pagina dejando la mas ancha en la izquierda..

si podeis ayudarme,te lo agradceria de verdad..

Rosa

Alicia, busca esto en tu plantilla:
#newsidebar-wrap {
width:240px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Donde dice float:left; cambialo por float:right;

flores literarias

Rosita otra dudita. Por qué no puedo eliminar los gadgets de mi blog. Les doy eliminar y no se puede...

flores literarias

POS YA QUE ANDO DE CANSONA TE HAGO OTRA PREGUNTITA.JEJEJE CÓMO PUEDO ENCERRAR TEXTOS EN UNA TABLITA ASÍ COMO TIENES LOS DIRECTORIOS..

ayyy perdoname por escibir en mayúscula. Y por no mencionarte el blog: floresliterarias.blogspot.com

gracias mil

Rosa

flores literarias , solo hay una respuesta sino puedes eliminarlos pinchando en "eliminar"...un error de Blogger...

No están en una tabla mis botones, están incluidos dentro de un div, así:

<div style="text-align: center;">
botones...botones...
botones... botones...
</div>

comunidad de blog sobre decoración

Hacia tiempo que necesitaba esto, muchas gracias Rosa, de nuevo tu ayuda es muy importante para nosostros.

Saludos desde la comunidad de blogs y/o blogger sobre el mundo de la decoración.

Rosa

Comunidad, muchas gracias!;)

Grupo Lesbico Nicaraguense Safo

HOLA Rosa:-) he colocado el textarea en mi blog, pero me gustaria sabersi hay alguna posibilidad de cambiarl el fondo blanco en purpura que es el color de mi blog.

Muchas gracias por brindarnos tu apoyo para ir mejorando nuestro blogs

Anónimo

HOla Rosa :-) queria agradecerte antes por los consejos que nos das a traves de tu blog para que nosotras podamos mejorar el nuestro.

Mi pregunta es si el textarea, se le puede cambiar el fondo blanco por un purpura, que es el color de mi blog. gracias

Rosa

Grupo, para cambiar el color del textarea modifica la primera línea del código así:
<textarea rows="2" cols="14" style="background-color: #87CEEB;">

En el código del color (#87CEEB) coloca el que necesites.
Aquí tienes una tabla de colores: http://www.tayloredmktg.com/rgb/

Albus Dumbledore

Hola tefelicito por tu blog... Ya he puesto en práctica alguno de tus consejos y todos me han funcionado bien... Sigue adelante y de nuevo te felicito... Me gustaría preguntarte algo como hago para hacer las cajas laterales que tienes a la derecha de tu blog como por ejemplo la que dice DIRECTORIOS, me gustaría colocar en mi blog...

Rosa

Albus, en realidad no son cajas, sino los gadgets de la sidebar con un borde aplicado:
http://elescaparatederosa.blogspot.com/2007/01/entradas-y-widget-enmarcados-por.html

la del 13

para empezar, muchas gracias por este blog desinteresado q tanto tanto nos ayuda.
segundo, tengo el mismo problema q clio5mil, quiero meter dentro de una caja de texto una canción(en su caso un poema) y me gustaría que los versos en distintas lineas, pero aparece el dichoso br, alguna solucion?

Rosa

la del 13 Mira si este sistema de scroll te viene mejor (yo creo que si y además quedará mas chulo para un poema):
http://elescaparatederosa.blogspot.com/2007/10/scrollbars-en-cualquier-parte-del-blog.html

Es la parte de esa entrada que dice: * Scrollbars para una parte del post (ScrollBox o Caja de Texto) *

JuanK767

Hola Rosa, me ha gustado mucho tu blog y como me has ayudado bastante, también quisiera ayudarte a agregar algo adicional que creo que no has postiado (pues al menos no he visto en todo el blog) acerca de Textarea o "caja de texto" y que puede ayudar a muchos.
Bueno aquí va:

http://download317.mediafire.com/31nj9yenkj1g/zgmeijjoznw/Textarea.txt

Rosa

JuanK767 Por ahí tengo una entrada de textarea con fondo y otra con selección automática... dejo el comentario que tal vez alguien lo vea y quiera descargarse el tema...

JuanK767

Gracias Rosa por dejar de todas maneras el comentario, creo que le sirve leer el text que deje alguno que tenga dudas acerca de como quitar el salto de pagina.Gracias de nuevo por la excente pagina.:D

Luisa

Hola Rosa es posible modificar el color del fondo del textarea, de ser así podrías explicármelo.
Gracias!

Rosa

Luisa Cambias la primera línea: <textarea rows="2" cols="14"> por algo así:
<textarea rows="2" cols="14" background: "#000000">

Donde #000000 es fondo de color negro, cambias ese código de color por el que vayas a usar.

Cristina

Hola Rosa muchas gracias por tu generosidad, si no fuera por tí y otra gente tan desinteresada como tú, no se que íbamos a hacer los pobres inútiles que nos metemos con un blog sin tener ni idea. Te quería preguntar como se hace la caja y el contenido que tienes con los feeds, ya que me encanta porque los tienes todos juntos y ocupan muy poquito, y lo veo muy práctico. Muchas gracias por tu ayuda

Rosa

Cristina Pues es algo así:
http://elescaparatederosa.blogspot.com/2008/08/widget-para-tus-feeds.html

Cristina

Muchas gracias Rosa ya lo he puesto y ha quedado muy mono. Besitos

Carlos Astudillo

Hola, tengo un preguntica espero me puedas dar respuesta o guíasme un poco de como se podria lográ o no estó.

Quisiera que en una caja de texarea y en un input, se crear un código que yo defina por ej. un <iframe> en donde el src="" se génere automaticamente despues de crear el post, es decir que la dirección que va dentro de src="URL GENERADA DEL POST" en el iframe sea la del post creado, y si es en el caso del input en el value="URL GENERADA DEL POST", creo que me di a enteder cualquier cosa, por favor expresamelo en ceamtm@gmail.com.

Rosa

Carlos Astudillo No creo saber como lograr eso... y por cierto, no respondo al email sino en el mismo comentario.

Carlos Astudillo

Ok, Rosa muchas gracias de todas formas por contestar... Saludos Ah! FELICITACIONES POR TU BLOG ES GRANDIOSO.

Squadra SUPERAZIONE

Gracias, excelente textarea, justo lo que busque tanto.
JRenzo

Luis.vj96

hola, quisiera saber como lograr el "enlazame" que tienes tu.

Rosa

Luis.vj96
http://elescaparatederosa.blogspot.com/2008/03/link-tu-blog-mediante-un-widget.html

SDK

hola rosa, tengo problemas con el tamaño de la caja, en firefox se ve perfecto, pero en chrome el tamaño aparece mucho mayor, no he podido solucionarlo, si me dieras tu ayuda, lo agradeceria. saludos

Rosa

SDK No se que decirte... acabo de mirar esta misma entrada usando Chrome y no veo una diferencia que sea significativa... quizá la cajita algo mas estrecha si, pero no mayor :O

SDK

@Rosa
Estoy seguro de que es un problma de la plantilla, por que antes de cambiarla no me pasaba, pero no encuentro que es, aún.

Gracias por responder. que estés bien

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S