La etiqueta FIELDSET originalmente está diseñada para agrupar elementos dentro de un formulario, de esta forma varios INPUT se pueden organizar dentro de un campo de un formulario. Por ejemplo este código:
<form>Se convierte en esto:
<fieldset>
<legend>Datos personales:</legend>
Nombre: <input type="text" size="30" /><br />
Dirección: <input type="text" size="30" /><br />
Teléfono: <input type="text" size="30" />
</fieldset>
</form>
Pero no, no haremos formularios pues para ello necesitaríamos un servidor y algo de PHP para enviar y almacenar los datos. Pero sí podemos darle otro uso a la etiqueta FIELDSET, por ejemplo, para destacar un texto, mostrar una descripción, o incluso para poner los ingredientes de una receta. Por ejemplo:
El código que hemos usado es este:
<fieldset>
<legend>Título</legend>
... Aquí va el texto ...
</fieldset>
Organizado pero muy simple ¿verdad? No hay problema, se puede personalizar un poco.
Ahí, el código que usamos es este:
<fieldset style="border:6px groove #ccc; background:#F8ECE0;">
<legend style="font-weight:bold; color:#61380B;">Título</legend>
... Aquí va el texto ...
</fieldset>
Los primeros estilos en negrita son para el contenedor general, ahí le hemos puesto un borde de 6px y un color de fondo. Los segundos estilos en negrita corresponden al título del campo.
Pero sería muy tedioso tener que escribir los estilos siempre que lo vayamos a usar, así que podemos definir esos estilos directo en la plantilla.
Para ello entramos en Diseño | Edición de HTML y antes de ]]></b:skin> pegamos lo siguiente:
fieldset {Eso hará que todos los fieldset que uses tengan ese diseño que has elegido.
border:6px groove #ccc; /* Borde */
background:#F8ECE0; /* Color de fondo */
color:#000; /* Color del texto de todo el contenido */
}
legend {
text-align:left; /* Puedes cambiarlo por center o right */
font-weight:bold; /* Estilo de la fuente del título */
color:#61380B; /* Color del título */
}
Son estilos muy básicos, pero se pueden agregar otros tantos. Recuerda que fieldset es el contenedor, y legend el título de ese contenedor.
Jugando un poco con los estilos y aplicando CSS3 podemos obtener resultados aun más llamativos:
[+/-] Ver código
Ciudad Blogger
Me gusta el ultimo que colocaste se be super bien.
ResponderEliminarExcelente Potro! una vez mas gracias por tus aportes,
ResponderEliminarESCRIBAN #PUEDOVER
ESCRIBAN #PUEDOVER
ESCRIBAN #PUEDOVER
ESCRIBAN #PUEDOVER
ESCRIBAN #PUEDOVER
ESCRIBAN #PUEDOVER
si pudiste ver el anuncio ^^
Potroo hola buenas noches disculpa
ResponderEliminaroye man no svaes por que noo puedoo poner el favicon
directamente de editar platilla ( de la nueva forma que puso blooger que solo seleccionas la imagen de tu PC) y ya...
no lo agaraa la subo y todo, y después borro el código que avía puesto yo del favicon
pero no aperase el que suvi directamente a blogger
saves por que carnal??
es aqui: http://griffinskato.blogspot.com/
pero lo raro es que en my otro blog lo hice asi
http://tikidriver.blogspot.com/
borre el favicon que avia puesto yo
y solo suvi uno directamente en editar platilla con la función nueva de bloger y lo agarro rete bien sin problema alguna..
y la verdad quiero ponerlo asi por que de esa maneara quita por completo el favicon de bloger
ya nunca sale ni cuando se carga el blog..
por que sera por las METAS o que??? seraa
te encargo man saludos!
No entiendo nada, jeje. Saludos.
ResponderEliminarMuchas gracias casi nadie habla de campos
ResponderEliminarPotro ya usaba esto, pero no sabía lo de efectos! buen dato!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarWOOW! Man eres grande, potro una consulta, tienes algun Tutorial para hacer un menu oculto como el de esta apagina: http://ols.uas.mx/a/
ResponderEliminarMuajaja, que chulo, la verdad es que ni por la cabeza se me pasó usar adornitos de estos para las entradas. Quizás porque soy más de adornar con potocho xD
ResponderEliminarun saludo
Oscar, a mí igual :)
ResponderEliminarTutoGeek, jajaja, te pasaste con ese hashtag!
Griffinskato, a veces hay que eliminar cookies, caché e historial para poder verlo. Cualquier otra duda sobre ese tema lo vemos en esa entrada para no desviarnos del hilo de este post.
Jam, Adolfo Alvarez, gracias por comentar.
ResponderEliminarDavid, no te preocupes, a veces... yo tampoco.
Franco Paravecino, he visto que muchos lo usan pero pocos le ponen estilos, y tanto que se puede hacer :)
MaGoS RaDioMuSiC, gracias a ti por pasar :)
ResponderEliminarpixeltuxpan.com, como ese no, pero hay un menú deslizante que el contenido permanece oculto mientras no se dé click.
nenna, aunque el fin original no es adornar, la verdad es que queda muy bien para hacer mensajes o resaltar textos :)
Excelentes ideas y opciones que siempre estás dispuesto a compartir. Gracias!!
ResponderEliminarExelente proto me gusto esto buenisima :)
ResponderEliminaramigo potro es la primera ves que visito tu pag muy buena!!!
ResponderEliminar!tengo una duda nada que ver con el tema!
lo que pasa que agrege un boton de me gusta (facebook) ala plantilla de mi blog pero queda un espacio como la puedo eliminar ese espacio?
blog: http://fileswarez.blogspot.com/
amigo grasias acabo de ver un post que isistes sobre este tema y me ayudo mucho!
ResponderEliminargrasias viejo......te ganastes otro miembro en tu pag!
que bueno! va directo a mi web jaja
ResponderEliminarQué gusto que ya lo hayas solucionado Hector, y bienvenido a Ciudad Blogger!
ResponderEliminarHola! Ya sé que no tiene nada que ver con el post, pero tengo una consulta, si me pudieras ayudar, te lo agradecería.
ResponderEliminarEste es mi blog: http://elpesodelmundoh.blogspot.com/
Le cambié la imagen de fondo por una con un color más claro, pero como ves, hay un sombreado que rodea las entradas y queda fea.
¿Podrías decirme el código HTML que necesito para cambiar el color, si no es mucha molestia?
Saludinos!
Quedo Satisfecho sin duda, hace 15 dias estaba buscando crear esto!!! Encontre un cuadro feisimo en otra web y me toco ponerlo en mi blog, ahora haces todo mas facil amigo potro!... Aunque me pusiste a sufrir 15 dias con el otro cuadro que encontré por ahi... pero a usted lo perdono jejejeje!...
ResponderEliminarGracias Amigo Potro!..
HOLA POTRO ESTA PREGUNTA NO TIENE NADA QUE VER CON ESTA PUBLICACION PERO NO SE COMO COMUNICARME CONTIGO MIRA MI DUDA ES COMO SE HACEN ESTE TIPO DE TABLAS COMO LA DE AQUI http://empiresandallies.wikia.com/wiki/Military QUE AL CAMBIAR DE PESTAÑA MUESTRA OTROS DATOS Y OTRA PESTAÑA MUESTRA OTROS Y ASI ESPERO Y ME DE A ENTENDER DE ANTEMANO MUCHAS GRACIAS Y ESPERO TU RESPUESTA
ResponderEliminar**Ryuutsuki Asperger サ 竜, entré al blog pero no vi el sombreado que mencionas, sólo el borde azul, supongo que ya lo has resuelto. Saludos.
ResponderEliminarPozo+10™, si has instalado el gadget desde Google Friend Connect ese es el texto que maneja y no es modificable. Si es el mismo gadget que proporciona Blogger podría ser un cambio que están haciendo ellos.
Circulo W.H., gracias por la indulgencia :)
ResponderEliminarTH3 V1P3R, el enlace que te ha dado Pozo+10™ es la información que buscas. Saludos.
Nono, no lo solucioné. El sombreado que digo es el recuadro con transparencia oscura que deja ver el fondo, pero que es muy oscuro y no queda bien. Encuadra al header, el menú, las entradas, la columna de gadgets y el footer.
ResponderEliminar**Ryuutsuki Asperger サ 竜,
ResponderEliminarEse es el color de fondo, si lo eliminas no se podrá leer bien el contenido de las entradas y gadgets.
Pero si deseas hacerlo sólo busca esta parte y elimina lo que está en negrita:
.content-outer {
background: $(content.background);
bU, me gustó el diseño que has usado :)
ResponderEliminarGracias maestro, como siempre todo perfecto.
ResponderEliminarUn abrazo
potro muy buen aporto tu como siempre...si alguien quiere compartir enlaces esta es mi web www.televisiononline2011.blogspot.com mi correo facetv2011@hotmail.com
ResponderEliminarMuchas gracias! Hice lo que me dijiste y me salió bien.
ResponderEliminarHola, Potro: he entendido el tema de agregar el código al HTML (vamos, a la plantilla). Pero lo que no entiendo es cuándo exactamente en una entrada que yo redacte se aplica ese formato. ¿Cuándo se activa? ¿Qué acción tengo que realizar para que una determinada parte de mi post quede con ese estilo y no otra???
ResponderEliminarPara poner el ultimo en la plantilla.... como seria?
ResponderEliminarSaludos
potro tenia una duda, sabes como poner un menulat, creo que asi se llama, es que queria hacer algo que mientras yo baje el scroll el chat o menu tambien baje, le seria de mucha ayuda a muchas personas y a mi tambien :) pero no se como hacerlo u.u asi que si tu sabes dime porfavor te lo agradezco :)
ResponderEliminarTa ueno POTRO,ya sabia pa k servia el fiel,pero no lo implem,ento!! Chido
ResponderEliminarNo sin MyMakeUp, si lo agregas directo en la plantilla se activa en forma automática, no es necesario hacer nada más, sólo escribes tu código en la entrada:
ResponderEliminar<fieldset>
<legend>Título</legend>
... Aquí va el texto ...
</fieldset>
En el caso del último ejemplo (el de las sombras y bordes), tienes que poner en la entrada la primera parte del código, y la otra parte es la que va en la plantilla.
Muchas gracias Pozo +10 y Potro por su contestación ahora bien tengo una pregunta que no se ni que significa para que me sirve Favicon en mi blogger?
ResponderEliminarGuillermoVM , la primera parte que está entre las etiquetas <fieldset> y </fieldset> va en la entrada, ese es el código que usarías siempre para tus entradas, y la otra parte del código es el que va directo en la plantilla.
ResponderEliminarSirius, una forma de hacerlo es que el código del chat o lo que quieras lo encierres entre:
ResponderEliminar<div style='position:fixed; bottom:0; right:0;'>
y
</div>
Eso hará que dicho gadget se quede flotante así que si se baja el scroll el gadget permanecerá ahí visible.
Otra opción en caso de que lo que quieras hacer flotante no sea un código muy complicado es el método de esta entrada:
http://ciudadblogger.com/2010/03/anuncio-flotante-que-baja-con-la-pagina.html
Microboy90, gracias por pasar!
ResponderEliminarTH3 V1P3R, mira esta entrada, ahí se explica para qué sirve:
http://ciudadblogger.com/2009/02/como-poner-un-favicon-en-blogger.html
Hola Potro.
ResponderEliminarQuisiera sber cómo puedo hacer para tener una portada como este blog.
http://mundosmovies.blogspot.com/
Lo que quisiera hacer es poder poner sólo las carátulas en la portada como está ahí.
Tengo un blog de series y no puedo poner muchas porque los banners ocupan mucho espacio.
Este es mi blog
http://seriesvirtuales.blogspot.com/
Gracias y espero tu respuesta como siempre, porque sos el mejor.
Saludos
muchas gracias potro era justo lo que nesecitaba, eres un capo :) solo tuve que ponerle el top y cambiarle la posicion y me quedo el chat como lo queria mira http://bloggesor.blogspot.com/ gracias neuvamente :)
ResponderEliminarLolilu, puedes hacer una plantilla tipo magazine 3 como la que usan, pero omitiendo la opción de Shadowbox y sin ocultar los títulos de las entradas. ¡Gracias por tu comentario!
ResponderEliminarSirius, excelente!
Oops , creo que no me di a entender, disculpa...
ResponderEliminarLo que quería saber es como agrego el código con CSS3 en la plantilla (La del Aviso). Me marca un error dice que la etiqueta "fieldset" no esta cerrada.
Mi idea es ponerla para poder poner un anuncio para los comentarios, antes tenia una imagen pero mi teoría es que usando CCS3 no hago tan pesada la carga al no cargar las imagenes... se donde poner el código en la plantilla, pero no se como arreglar ese asunto.
A eso me refería, para poner el último ejemplo del anuncio (azul) pon antes de ]]></b:skin> esto:
ResponderEliminar.fieldset {
width:500px;
border:4px double #0080FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 8px 8px 6px #808080;
-moz-box-shadow: 8px 8px 6px #808080;
box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #0B173B;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
}
.legend {
text-align:center;
font-weight:bold;
font-size:18pt;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;
}
Luego, en las entradas, o donde vayas a utilizarlo pon este código:
<fieldset>
<legend>Título</legend>
... Aquí va el texto ...
</fieldset>
Este comentario ha sido eliminado por el autor.
ResponderEliminarMis querdidos amigos como siempre casi nunca nada me funciona en IE, no se porque, todo se ve hermoso en Chrome, y funcionan de lo lindo. Hice todo tal cual y en IE no sale bien, sale cortado.
ResponderEliminar¿que debo hacer?
En Internet Explorer el último ejemplo sólo se debe ver medio bien si usas la última versión IE9 que es la única versión que soporta HTML5 y CSS3, en versiones anteriores no se verán dichos efectos. Es por eso que se menciona que sólo se verá bien en navegadores modernos.
ResponderEliminarBuen blog, felicidades, maestro.
ResponderEliminarComo hago para que el Aviso en azul aparesca en todas mis entradas del Blog??? abrazo
ResponderEliminarLaGrapadora, gracias!
ResponderEliminarRenzo Pudiza, justo en el comentario #48 acabo de explicar ese detalle ;)
si pero me queda el aviso pero no con elfondo celeste como esta ahi no se que sera pero ta jajaj igual me sirve asi saludos y gracias
ResponderEliminarEse código es exactamente el mismo que he usado en el ejemplo.
ResponderEliminarHOla Potro aqui de nuevo con preguntas oye disculpa tu sabes is hay algun error aqui https://developers.facebook.com/tools/lint/?url=http%3A%2F%2Fcityvilleextremereloads.blogspot.com yo no se mucho de eso pero me marca advertencias
ResponderEliminarQuizá necesites agregar metatags para Facebook:
ResponderEliminarhttp://vagabundia.blogspot.com/2010/12/el-protocolo-open-graph-en-blogger.html
Muchas gracias. Funciona muy bien.
ResponderEliminarMe ha gustado mucho la idea, si la pongo en Configuración- Plantilla de entrada ¿funcionará bien? es que me pierdo un poco con lo que dices:
ResponderEliminarPara ello entramos en Diseño | Edición de HTML y antes de ]]>
Vamos que entiendo como hacerlo pero ¿Como decides insertar un field después de ponerlo?
Bueno gracias de antemano, pesadica que estoy hoy.
Hola Raquel,
ResponderEliminarLa primera parte sí es como dices, pegas ese código en Diseño | Edición de HTML.
Luego, cuando quieras que el fielset aparezca pones el otro código en la entrada donde quieras mostrarlo.
Si es algo que usarás en todas tus entradas entonces sí conviene que lo pongas en Configuración | Plantilla de entrada, para que aparezca automáticamente en todas tus entradas nuevas.
Saludos!
Gracias:)
ResponderEliminarhola potro me encanto esta idea, se me ocurrio hacer algo para poner wallpapers en mi blog. te dejo una idea de lo que tengo ganas de hacer haber si es posible y obvio cuando tengas un poco de tiempo me haces el código =)
ResponderEliminarhttp://dl.dropbox.com/u/14805508/Sin%20t%C3%ADtulo.png
Explicacion XD: donde dice "imagen" seria como una vista previa del wallpaper y donde dice "texto o link" tenia ganas de poner las dimensiones posibles de los wallpapers. espero respuesta
Gracias como siempre por publicar cosas copadas! XD
disculpa ya lo logre solito no te molestes.. gracias = =)
ResponderEliminarQué bueno que ya lo has conseguido :)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola amigo primero que todo tu blogger es super bueno tus post me an ayudado un buen, son claros y fasiles de llevar acabo. Te quisiera hacer una peticion hoy mire en tu blogger un cuadro de aviso en el cual menciona que te irias de vacaciones y ese cuadro permite cerrarlo. Si no fuera molestia me podrias compartir los codigos? y que ese cuadro se abriera dando click a alguna imagen, si no es posible haciendo click sobre una imagen te agradeseria infinitamente si me lo pudiera compartir auque sea asi. Gracias por tus aportes.
ResponderEliminarHola Musical Dorado,
ResponderEliminarEl código de ese anuncio es el mismo que este:
http://ciudadblogger.com/2009/09/mensaje-tipo-post-it-para-el-blog.html
Lo único diferente es la apariencia del mensaje, pero todo lo demás es lo mismo.
Saludos.
buenas noche El Potro hace mucho sigo tu blog y pues ahora resulta que me tope con una gran piedra con mi blogger, resulta que hace poco blogger hiso una actualizacion de interfaz incluyendo cambio en casi todo, anteriormente mis post los hacia mas que todo en opcion html me gusta trabajar asi, pero ahora resulta que le di a Probar la interfaz actualizada de Blogger y me cambio la interfaz y otras cosas, pero ahora que quiero hacer los post yo uso mucho las etiquetas fieldset y legend y aqui te dejo un ejemplo de mi pagina para q veas como las utiliso yo
ResponderEliminarhttp://www.themovieworld.net/2011/09/thor-dvdrip-2011.html
pero con la interfaz actualizada de blogger posteo igual pero resulta que mis fieldset y legend se desubican aqui te muestro el ejemplo de como se me desordenan
http://img845.imageshack.us/img845/2190/20110922191144.png
Espero puedas ayudarme a poner los fieldset y legent como los tengo en todos mis post con la interfaz actualizada de blogger
muchas gracias :)
Vuelvo de nuevo a dar la paliza... como ya te comenté quiero introducirlo en todas las entradas y lo he colocado en Configuración | Plantilla de entrada, para que aparezca automáticamente pero ayer publiqué y lo veo muy bien con Mochila Firefox pero aparece descuadrado con Internet Explorer ¿? ando un poco perdida... en el texto de las suscripciones por correo aparece descuadrado como en explorer.
ResponderEliminarSi se te ocurre algo te lo agradeceré... saludicos :)
http://tratadecocinar.blogspot.com/2011/09/bizcocho-de-moras.html
Hola Jxandergaray,
ResponderEliminarIndependientemente de la interfaz, recuerda que cuando se usan códigos en las entradas deben hacerse estando en la pestaña 'HTML' y no en la de 'Redactar', esto es para que los códigos no pierdan su forma.
Hazlo de esa forma, si al publicarlo se muestra mal entonces dame la URL de la entrada donde te salió mal para ver el código fuente de la entrada y entender qué puede estar saliendo mal.
Saludos.
Hola Raquel,
ResponderEliminarSi te fijas en los códigos de tu entrada, verás que la etiqueta LEGEND la tienes al final de la información, y debe ir al inicio. Quizá por eso en ese navegador no se ve como debería. Pon primero la etiqueta LEGEND y luego lo demás, tal como se muestra en esta entrada.
Saludos.
hola El Potro efectivamente como tu me dijistes, cambie a la nueva interfaz e hice un post de prueba de esa manera solo en opcion HTML, puesto a que yo cuando hago un post trabajo en las 2 formas en redactar y en HTML y probe trabajando en HTML pero cuando paso a redactar es donde se desforma asi que creo q tendre q trabajar solo en HTML jejejeej
ResponderEliminarmuchas gracias por tu ayuda
y dejame felicitarte por este excelente blog
saludos!!!
Gracias Jxandergaray, qué bueno que ya está resuelto :)
ResponderEliminarHola de nuevo potro
ResponderEliminarhice las modificaciones al fieldset, pero me gustaria tener mas opciones de letra en el HTML o en la plantilla misma agregarles. Como puedo agregar mas fuentes?
Eso lo determinas en el área donde quieras aplicar el tipo de letra. Por ejemplo, si es un contenedor (DIV) llamado 'menu' entonces le pondrías en los estilos la propiedad de la fuente:
ResponderEliminar#menu {
font-family: Arial;
}
Hola Potro! Oye y como pones el 'campo' tipo como el que usas cada vez que pones un codigo HTML?
ResponderEliminarSaludos!
PD: Muy bueno el aporte!
Yo uso los bloques entrecomillados con el código convertido a texto plano. Nada complicado ;)
ResponderEliminarHola Potro pues fifate que tengo un blog pero el problema que tengo es que al poner la etiqueta fieldset en el post a la hora de publicar no aparece, entonces coloque el codigo que dejaste para colocarlo en el html en la plantilla, pero la mia esta en la plataforma wordpress, entonces ya se mira pero el problema es que cuando hago el post las letras estan pegadas al fieldeset osea no tiene un espacio de separado del fieldset me imagino que es en el html... espero me ayudes gracias :)
ResponderEliminarperdona mi blog es http://warezfulldescargas.org/
ResponderEliminarespero me ayudes gracias... feliz dia :)
Hola Kevinsk8,
ResponderEliminarLo que sucede es que la plantilla tiene estilos predefinidos para esas etiquetas, en esos estilos han dicho que el fieldset y legend no tenga margen ni separación.
Para arreglarlo edita el archivo CSS y busca esta parte:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
Elimina lo que está en negrita y listo.
Saludos.
Hola potro he buscado lo que me has dicho pero no me aparece, entonces he borrado el codigo del que te habia comentado entonces cuando lo borre en los post ya no me aparecen.. pero osea ya publicado cuando hago el post si aparece pero ya publicado no.. que es lo que tendria que agregar para que aparesca...
ResponderEliminarespero tu respuesta gracias...
El código que te he mencionado se encuentra dentro de tu archivo reset.css
ResponderEliminarGracias nuevamente Potro.
ResponderEliminarMe vino perfecto para personalizar los créditos del blog y conseguí añadirle una imagen de fondo.
Saludos e infinitas gracias por facilitarnos las cosas. ;-)
Hola, Potro.
ResponderEliminarSiempre pendiente de tu blog, pero ahora me vengo con una serie de preguntas en diferentes entradas, así que tenme paciencia, jejeje.
Si yo me creyera un tipo astuto y dijera que sé cómo colocar el PHP y los códigos correspondientes en cada sitio, ¿podría, con los cuadros de texto que pusiste comenzando esta entrada, modificar el formulario de comentarios de mi blog a mi gusto?
No creo que intente algo si tu respuesta es sí. Somos aprendices, jejeje.
Gracias de antemano.
Hola Alfonso,
EliminarPues en lenguaje PHP ambos somos aprendices, sino es que quizá tú me tengas que enseñar, jaja. Pero, la cuestión de formularios siempre es modificable, así que supongo que sí se podría, pero como te digo, de PHP sé muy poco, por no decir, nada :P
justo lo que quria gracias tu vale oro
ResponderEliminarcomo hago que las letras se vean mas grandes
ResponderEliminarSólo añade en los estilos como se menciona en la entrada, el que corresponde al tamaño del texto:
Eliminarfont-size:18px;
Hola Potro paso a comentarte por esta entrada =D.
ResponderEliminarTe consulto por aqui pero no se si esta relacionado con esta forma.
Es posible definir los estilos de algunos botones en css, luego en cada post poner solo las urls cada una referida a un boton distinto, para que luego sea posible con eliminar solo el css o X parte del html y que ese boton desaparezca de todas las entradas, es posible? je
Que estes bien
No entiendo bien Martin, pero a ver si es así lo que dices. Puedes poner estilos CSS para crear botones, por ejemplo, pones en el CSS:
Eliminar.botones {
...aquí los estilos...
}
Y luego en el HTML (o entrada) creas un DIV para tus botones.
<div class='botones'>Texto del botón</div>
Si luego ya no quieres que esos botones aparezcan entonces en el CSS agregas la propiedad display:none; así:
.botones {
display:none;
}
Con eso los botones dejarán de verse.
exactamente a ello me referia potro! y no ser visibles incluye que si otro le seguia sustituira su lugar? y en vez de un texti pude hacerse solo referencia solo a la url?
EliminarLo que pongas dentro del botón es indiferente, el funcionamiento es igual. Y sí, si le pones el display:none; el siguiente elemento debe ocupar su lugar.
EliminarHola, Potro, muchas gracias por esta entrada.
ResponderEliminarVengo hasta aquí desde esta otra de tu blog "Seo para las imágenes en un blog", ésta:
http://ciudadblogger.com/2012/03/seo-en-las-imagenes-del-blog.html
Me gustaría integrar en cada entrada por defecto un recuadrito donde pudiera escribir cierto texto, o simplemente palabras a claves alusivas a las fotografías que voy haciendo y subiendo en el blog. ¿es eso posible sin que interfiera en la edición normal de la entrada, es decir, lo que yo hago, subir la foto y ya está ( y en caso de que pudiera integrar ese recuadro escribir en él lo que fuera? ¿o es mucho pedir?
He estado leyendo todo el post y atisbo nociones para integrarlo en la plantilla, pero imposible de saber qué hacer para mis escasos conocimientos sobre esto.
Si es muy complicado, no te molestes por favor, siempre puedo poner las palabras claves (digamos que mi idea es dar detalles "prosaicos" sobre la fotografía, pero que sé son palabras pueden ayudar a esa Seo) en texto normal. Es por la idea de destacarlo más, separarlo más de la forma mía de fotografiar. Porque el nombre del archivo por ejemplo no debo cambiarlo (me sirve de identificador en mis propios archivos).
Ahora ya no sé si hacerte la consulta aquí o en la otra, discúlpame y agradecida te quedo en cualquier caso.
Un beso, y buena mañana, :)
Hola Sofía, lo que me parece que podrías hacer es poner un pié de foto, en el que agregues debajo de la foto una breve descripción de la fotografía. O bien, usa esto de los FiELDSET y LEGEND para que pongas algo más ordenado, ahí podrías incluir debajo de la foto esos datos, como: categorías, título de la foto, lugar donde fue tomada, y hasta datos técnicos propios de la fotografía si te apetece.
EliminarEn ambos casos se tendría que agregar directo en las entradas, no en la plantilla del blog. Si te decides por la segunda opción puedes poner en la configuración del blog (Configuración > Formato >Plantilla de entrada) el código de ejemplo, así cada vez que crees una nueva entrada ya estará ese código ahí y no tendrás que estarte liando copiándolo siempre que escribas una entrada.
Besos.
Qué maravilla, Potro, cuántas posibilidades me das bien explicadas. Muchísimas gracias por molestarte por tanto.
EliminarPienso: si añado lo del pie de foto, que creo es lo más sencillo y factible para mí y casi lógico ya que lo incluye blogger, ¿servirían las palabras que incluyera ahí para "influir" en los motores de búsqueda igual que eso de añadir texto que comentabas en esa entrada de Seo en las imágenes? porque si sí, podemos ahorrarnos todo lo demás..¿no?.. te pregunto, y disculpa por mi insistencia, por favor.
Un beso
Claro que sirve, es un texto normal de la entrada, lo único diferente es que éste se acomoda debajo de las fotos, pero funciona igual de bien para el posicionamiento ;)
EliminarUn beso.
Ea, :), pues ya he empezado a usarlo. Me va a venir muy bien para registrar datos además porque el blog me sirve de "meta-archivo" a veces para localizar en mis propios archivos más fácilmente.
EliminarTe estoy profundamente agradecida, como siempre, pero hoy aún poquito más
(por cierto, ¡es verdad!, acaban de añadir la posibilidad de incluir lo de Title y Alt, :DD..eso es que te han leído, ¡seguro!
Un beso enorme
(corrección de errata anterior): he querido decir "hoy aún un poquito más...¡o un mucho más!...:)
EliminarOtro beso, más grande aún.
Siendo así aprovecharé para decirles a los de Blogger una que otra cosita que siempre he querido decirles ¬¬ jajaja
EliminarGracias por el beso :)
Queremos preguntarte algo,
ResponderEliminaren el Fieldset, ¿se puede poner de fondo una imagen?
¡Saludos!
A cualquiera de los dos, sólo ponle esto en los estilos:
Eliminarbackground: url(URL de la imagen);
Saludos.
¡Gracias!
EliminarHola, nuevamente yo molestando... quería saber como poner un código para que me quede así mira la imagen ta explicado gráficamente..
ResponderEliminarhttp://dl.dropbox.com/u/14805508/Sin%20t%C3%ADtulo.jpg
Hola TATO, pon los códigos uno seguido del otro, sin dar saltos de línea (ENTER), eso deberá ponerlo horizontal.
Eliminarnop..queda uno abajo del otro.. los achique.. pensé que el problema era que sencillamente no entraban.. pero nop...no puedo ponerlos uno al lado del otro.. alguna otra idea? o alguna idea para presentar imágenes dentro de una pagina de blogger.. que no sea un slider.. la idea es poner wallpapers..
EliminarPrueba entonces con una tabla HTML, así en una celda pones uno y en la de junto otra:
Eliminarhttp://ciudadblogger.com/2009/05/insertar-tablas-en-blogger.html
Otro post que me ayudó, para no modificar cosas que no entiendo y me llevan mucho tiempo, y al final tengo que ir a varios blogs para terminar encontrando lo que busco. Muchas gracias.
ResponderEliminarQué gusto que aquí encuentres lo que buscas Fermín.
Eliminardisculpa si este comentario esta fuera del post, pero me gustaria ponerle el efecto over que tienes en tus post, por ejemplo en donde pegas los codigos, en este apartado al pasar el cursor del mouse cambia de color, seria mucho pedir que me explicaras como haces esto? gracias ;)
ResponderEliminarYo uso los bloques entrecomillados, sólo le he añadido un :hover y ahí asigné otros estilos:
Eliminarhttp://ciudadblogger.com/2009/11/personalizar-los-bloques.html
Potro, ¿hay alguna forma de cambiar el tamaño a los "label"? Es que los tengo sobre una imagen y el área para colocar el texto tapa bastante imagen.
ResponderEliminarSólo si le aplicas estos estilos dentro de la etiqueta LABEL
Eliminarstyle="display: block;float: left;width: 150px;"
Pe-pe-pe-pero... ¿Qué... qué poderes usas? ¡¡Ha salido genial y eso que me había matado buscando soluciones!! Eres genial. Bueno genial no, lo siguiente, y lo siguiente, y lo siguiente... ¡¡Eres un Dios humano!! Muchísimas graciaas.
EliminarNo es para tanto ;)
Eliminarhola Potro me gustaría encontrar un menú bonito para esta página
ResponderEliminarhttp://intdreams.blogspot.com/
En la categoría "Menús" están todos los que hemos publicado.
EliminarSaludos.
Hola, me gustaría hacer una consulta.
ResponderEliminarTengo un blog -de Blogger- y me gustaría colgar en él unos wallpappers que he encontrado por internet para poder compartirlos con mucha gente a través de mi propio blog. La idea es que cuando alguien entre, al pinchar en la imagen, la puedan agrandar y todo eso, que se les abra en otra pestaña, que la puedan usar para fondo de escritorio y eso.
Gracias por tanto.
Hola, hay varias formas, la menos complicada es que pongas un mensaje indicando que dándole click derecho a la imagen seleccionen "Guardar como...", o bien, puedes poner la imagen dentro de un archivo ZIP, subirlo a un alojamiento y luego poner en el blog un enlace a ese archivo para que lo puedan descargar, pero será más trabajo.
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola jarckol Izul, entré a tu blog y lo veo bien en ambos navegadores.
EliminarPd. Eliminé el comentario por el aviso que está al final.
Hola Potro, podrias guiarme de como crear un efecto transparencia en los fieldset? en la parte donde va el texto , osea que el background del fieldset se vea transparente, se puede hacer?
ResponderEliminarDe antemano muchas gracias.
Hola VaL, ¿te refieres a semitransparente? si es así lo mejor es que pongas como fondo una imagen en formato PNG que ya tenga la transparencia.
EliminarSii semitransparente, ya si algo asi me imaginaba tambien, y la puedo poner como background-image?? porque así lo trato de hacer y no se porque no se me ve la imagen, gracias por la respuesta anterior :)
ResponderEliminarSí, o como background nada más, funciona de ambas maneras:
Eliminarfieldset {
background: url(URL de la imagen);
}
Si te da problema dime en cuál blog lo has puesto para darle una revisada.
Saludos.