Me han preguntado mucho cómo poner la cabecera del blog en flash como en el blog de wallpapers gratis.
Primero debes tener ya creada la cabecera en flash en formato .swf y alojada en un hosting, esta debe tener el ancho que tiene tu actual cabecera.
Primero debes tener ya creada la cabecera en flash en formato .swf y alojada en un hosting, esta debe tener el ancho que tiene tu actual cabecera.
Para plantillas antiguas originales de Blogger
Entra a Diseño | Edición de HTML, busca este código y cambia el tamaño del height a 0px:
#header {
width : 960px;
margin : 0 auto;
height : 300px;
padding : 0;
}
Abajo de este código pega esto y cambia lo que se indica:
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}
Más abajo busca esta etiqueta:
<div id='header-wrapper'>
Y abajo de ella pega esto:
<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL del archivo en flash" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL del archivo en flash" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>
Ya sólo cambia la URL del archivo en flash por el enlace donde lo tengas alojado y modifica el ancho (width) y alto (height) del archivo.
Dale vista previa y si todo está bien guarda los cambios.
Dale vista previa y si todo está bien guarda los cambios.
Para plantillas hechas con el Diseñador de Plantillas de Blogger
Busca esta línea:
.Header h1 {Justo arriba de ella agrega esto:
.Header h1 {display:none;}
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}
Luego busca esta otra línea:
<div class='region-inner header-inner'>Y debajo de ella agrega este código:
<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL del archivo en flash" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL del archivo en flash" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>De igual forma cambia la URL del archivo en flash por el enlace donde lo tengas alojada tu cabecera en flash y modifica el ancho (width) y alto (height) del archivo.
Con esos simples pasos tendrás una cabecera animada en flash dentro de tu blog.
Ciudad Blogger
La verdad que si, como ya te dije antes, la cabecera de fondos240 esta excelente. Gracias por la data, es muy útil. La verdad que un banner es flash le da un poco de vida propia a un blog (o por lo menos así lo veo yo, jajajaja).
ResponderEliminarFelicidades bro! ya tienes 40 seguidores. Ademas siempre que entro, nunca estoy solo. Siempre hay otros usuarios online.
¡¡¡¡QUE BLOG ESTE!!!! ¡¡¡¿no?!!!
Un abrazo!!!!
Igual a mí me gustan las cabeceras en flash, me gusta la idea de que el título esté animado.
ResponderEliminarGracias por tus comentarios bro. y pos estar siempre.
Un abrazo.
Hola Amigo. Amigo quería hacerte una pregunta puedo colocar un código html en una entrada, para que quede como un post, es un formulario.
ResponderEliminarSí, a menos que el formulario tenga códigos incompatibles.
ResponderEliminarLo mejor es que en un blog de pruebas lo hagas para ver cómo queda y arregles los posibles errores que tenga.
A ver si mañana publico un post de cómo crear formularios.
Saludos.
Hola nuevamente
ResponderEliminartengo rato buscando creo que es esto...la cabecera en flash...pero dices...Primero debes tener ya creada la cabecera en flash en formato .swf y alojada en un hosting, esta debe tener el ancho que tiene tu actual cabecera.
...no tengo le menor idea de que es esto....podrías decirme más o menos que es formato.swf y que es ...HOSTING..
o donde lo encuentro'
gracias....
Hola nuevamente
ResponderEliminartengo rato buscando creo que es esto...la cabecera en flash...pero dices...Primero debes tener ya creada la cabecera en flash en formato .swf y alojada en un hosting, esta debe tener el ancho que tiene tu actual cabecera.
...no tengo le menor idea de que es esto....podrías decirme más o menos que es formato.swf y que es ...HOSTING..
o donde lo encuentro'
gracias....
Hola Yoly,
ResponderEliminarEl formato .swf es el formato de los archivos diseñados en flash, ahí sí tendrías que tener conocimientos de diseño en flash.
El hosting es el alojamiento en internet, o sea el lugar donde estará tu archivo en la red.
Pero te repito que antes debes tener tu cabecera hecha en flash, si ya la tienes lo demás será muy sencillo.
Saludos.
Potro:
ResponderEliminarLeyendo la respuesta que le das a Yoly, he entrado a Fondos 240 y, realmente, se ve muy bien la cabecera en flash.
Se podría agregar una animación a mi cabecera?... Por lo menos que los reflejos de luz que tiene se muevan cómo el de Fondos 240 y algo de tu ingenio?.
Te animarías a darme una "ayuda"?.
Ó requiere de mucho tiempo?.
Saludos.
Jpz.-
Hola Jpz,
ResponderEliminarAhí sí te la voy a deber, esas animaciones se hacen con Adobe Flash y desconozco por completo ese programa =(
A ver si contacto a un buen amigo que es quién me hizo algunos diseños en flash a ver si se anima a hacernos algunos.
Saludos.
Si por ahí sale algo...
ResponderEliminarDe todas formas, gracias Potro.
Saludos.
Jpz.-
potro en mi plantilla no encuestr el:
ResponderEliminarel primer codigo que dices que tenemos que buscar.
sabes si hay otro en ves de ese?
Hola Snape,
ResponderEliminarSi te refieres al blog de HP Muggle en ese caso busca este código:
/* The Header */
#top {
height:104px;
margin:auto;
background:#FFFFFF top repeat-x;
width:1000px;
}
Ahí debajo es donde deberás pegar lo que se indica.
Saludos.
Potro hola de nuevo sabes quiero colocar en mi blog una cabecera con flash pero he buscado el codigo html que indicas y solo encuentro este:
ResponderEliminar#header {
background: #fffff url() repeat-x left bottom;
}
la planilla que tengo es la de Blogcrowds de tres columnas Blogger Template Style
Name: Thisaway (Green), pero ahora la tengo de 2 le modifique los colores igual, es decir la he transformado entera jajaja.
podre colocar lo que dices directo o no???
otra cosita al final del blogg me sale una frase Modified by Blogcrowds, hay alguna forma de eliminarlo o ocultarlo
Hola RonnyTemxcano,
ResponderEliminarAbajo de ese código que dices es donde va lo demás que explico en este post. No sé a qué te refieres con directo, si te refieres a que cargas el archivo como si subieras una imagen, no. Tienes que seguir los pasos anteriores.
Lo de 'Modified by Blogcrowds' son los créditos, yo te recomiendo que no lo elimines pues es una forma de darle las gracias a los que crean estas plantillas para que nosotros las usemos sin costo. De cualquier modo si decides eliminarlo sólo entra en Diseño > Edición de HTML y con las teclas CTRL + F busca esa frase y elimínala.
Saludos.
Gracias Potro, lo de directo me referia a lo que me explicabas de colocar el tú código html debajo del que coloque yo...y gracias por la explicación de Blogcrowds.
ResponderEliminaruy me costo hacerlo en blogspot XD, pero si pude, aqui pueden alojar su archivo swf
ResponderEliminarhttp://www.fhqhosting.com/index.php
y chequen mi perfil para que vean como me quedó (las etiquetas son distintas ya que no tengo las plantillas comunes que se suele usar en blogspot)
Hola mecm,
ResponderEliminarHiciste un excelente trabajo con esa cabecera. Gracias por el tip del alojamiento.
Saludos.
Hola. buen post. He querido hacer mi colaboracion, dando una opcion mas facil de ediciones posteriores y mas util, pero no pude escribir el comentario porque como incluia codigos, me decia que no estaba permitido. Intenté enviarte un correo, pero no lo encontré, ya que el enlace que dice enviar correo, esta roto. Saludos!
ResponderEliminarHola Luifer Villa,
ResponderEliminarMil disculpas, ya he arreglado el enlace para el correo electrónico.
Saludos.
hola potro lo intente y no salio por favor si me puedes explicar primero busco los valores:
ResponderEliminar#header {
width : 960px;
margin : 0 auto;
height : 300px;
padding : 0;
}
y teng esto en mi plantilla:
/* banner */
#header-wrapper {
clear: both;
width: 880px;
height: 250px;
padding: 0 40px;
margin: 0 0 5px 0;
background: url(http://4.bp.blogspot.com/_qJEkQRe5y8U/SvHqDIEUT8I/AAAAAAAABCI/VrBXU4tzfNE/s1600/templatemo_banner_bg.jpg) no-repeat;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header h1 {
margin: 0px;
padding: 0px;
padding: 80px 0 20px 0;
font-size: 50px;
font-weight: bold;
color: #fff;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
##header .description {
font-size: 30px;
width: 400px;
line-height: 30px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
/* end of banner */
Quisiera saber como hago el procedimiento con estos valores. muchas gracias
Recuerda que el height debes cambiarlo a 0px
ResponderEliminar#header {
width : 960px;
margin : 0 auto;
height : 300px;
padding : 0;
}
Y que la nueva cabecera en flash debe tener el mismo ancho, en este caso 960px
Saludos.
al hacerlo creo q se come mi plantilla...>,> mi plantilla es de dos columnas pero cuando pongo el código para el header se vuelve solo de una!!!
ResponderEliminarHola Cherry_Nahme,
ResponderEliminarCreo que ya has resuelto el problema, veo en tu blog la cabecera en flash sin problema alguno.
Saludos.
Buenas Potro soy nuevo en esto del los blog pero kiero poner una imagen en mi blogger la tengo lista el flash alojado pero no se como y donde intalar los codigos sime puedes ayudar te lo agradeceria
ResponderEliminar/*-- (Cabecera) --*/
#header-wrapper {
padding: 30px 0;
}
#header-inner {
text-align: center;
}
#header-wrapper a {
text-decoration: none;
}
#header-wrapper h1 {
text-transform: uppercase;
letter-spacing: 5px;
font-size: 28px;
font-weight: normal;
color: $colortituloblog;
}
#header-wrapper p {
text-transform: lowercase;
letter-spacing: 2px;
font-size: 12px;
font-style: italic;
color: $descripcioncolor;
}
#header-wrapper h1 a {
color: $colortituloblog;
}
#header-wrapper p a {
color: #DDEEFF;
}
/*-- (Menú) --*/
Hola Daniel Aguayo,
ResponderEliminarSigue los mismos pasos que indico en el post, sólo omite el primero.
Saludos.
Hola Potro
ResponderEliminarEn mi plantilla no encuentro la etiqueta de header-wrapper
¿Qué puedo hacer?
Mil gracias
Hola ABRIL,
ResponderEliminarEn el caso de tu plantilla puedes probar poniendo el código debajo de <div id='wrap3'>
Saludos.
Hey! que rápida tu respuesta. Funciona perfecto.
ResponderEliminarMil gracias
Por nada ;)
ResponderEliminarSaludos.
Hola Potro
ResponderEliminarHice esto mismo con el fondo del blog a partir de #wrap2
y se ve muy bien el fondo en flash pero me oculta otras partes del blog y lo desplaza un poco, así que mejor lo quité. ¿Sabes cómo puedo hacerlo bien?
Mil gracias
Como fondo dudo mucho que se pueda sin que afecte el resto de los elementos, como es en formato flash suele desplazar otras áreas y ocultar otras :S
ResponderEliminarHola Potro, Soy Abraham, estoy haciendo un blog que parezca pagina y le puse la cabecera flash y funciona bien, solo que al revisar el blog en otra compu me di cuenta que la cabecera en flas no se ve, y que solo se ve cuando tengo abierta la web donde aloje el archivo .swf que es en www.sites.google.com, y cuando me salgo de sites.google no carga la cabecera,
ResponderEliminarPodras apoyarme a saber como solucionarlo...?
Mi blog es: www.monteroseguros.com
ResponderEliminarHola Javier Montero,
ResponderEliminarEs posible que sea porque no tienes abiertos los permisos de Google Sites para todo el público.
Verifica que no sea por eso, sino repite de nuevo los pasos cerciorándote que hayas puesto los códigos en el lugar correcto.
Saludos.
Hola Potro ya lo solucione, y comparto lo que aprendi para que a alguien le sirva:
ResponderEliminarDesde Google Sites solo se pueden visualizar las imagenes flash si el blog esta http://nombredelblog.blogspot.com y no se visualizan si esta direccionado a un Dominio Personalizado; que fue mi caso.
Lo solucione alojando mi archivo .swf en Dropbox en la carpeta Publica.
Saludos y Gracias como siempre, Soy Abraham Medina mi primer blogs es Protege tu Auto donde me apoyaste con el dominio.
¡ Exito !
Esa es otra razón para quedarse con Dropbox :D
ResponderEliminarGracias por compartir la solución a tu problema, seguro si alguien tiene el mismo inconveniente podrá resolverlo leyendo tu comentario.
Saludos.
Hola Potro
ResponderEliminarEspero estés bien. Hoy quisiera saber si es posible poner un archivo flash como cabecera flotante.
¿Se puede? ¿Cómo se hace?
Mil gracias
Hola ABRIL,
ResponderEliminar¿A qué te refieres con cabecera flotante?
Hola
ResponderEliminarMe refiero a una imagen flotante en la cabecera pero que dicha imágen sea un archivo flash (.swf)
Mil gracias
Habría que cambiar donde dice:
ResponderEliminar#header-flash {
margin: 0;
padding: 0;
position: relative;
Lo que está en negrita cambiarlo por fixed y además agregar debajo de esa línea esto:
top:0;
left:300px;
El valor de left lo puedes modificar hasta que quede en la posición que quieres.
Saludos.
Excelente!!!
ResponderEliminarInvaluable tu ayuda.
Muchísimas gracias
Como siempre es un placer poder ayudarte ;)
ResponderEliminarHola amigo Potro, sabes como puedo poner un banner al lado del titulo del blog, como el que tienes aqui en tu blog con publicidad, sobre la barra de busqueda de google ????
ResponderEliminargracias
Hola Julian Fernandez,
ResponderEliminarNecesitas dividir la cabecera en dos. Te dejo un enlace que explica cómo se hace:
http://gemablog-.blogspot.com/2009/07/header-dividido.html
Saludos.
Potro me gusta mucho la cabecera de http://fondos240.blogspot.com/
ResponderEliminarSi pudieras algun dia hacer tutoriales de como hacer cabeceras en flash! fuese genial! yo quiero uno parecido T_T
De flash no sé nada :P
ResponderEliminarPero en Trucos Flash seguro podrás aprender sobre el programa, o podrán orientarte mejor.
Saludos.
Que alguien me explique porque en mi plantilla no puedo ver este elemento: #header { aún teniendo los artilugios extendidos y usando Ctrl+F..
ResponderEliminarEstoy desesperado!!!!!!!
Gracias de antemano, y gracias por este maravilloso blog, que ayuda a los que menos saben.
Mi dirección es esta: http://elblogdelplacer.blogspot.com/
ResponderEliminarSi no lo tiene tu plantilla agrégalo antes de .Header h1
ResponderEliminarEl otro código pégalo después de:
div id='header'
Saludos.
excelente solo que en vez de abajo de div id=header-wrapper lo coloque arriba y funciono
ResponderEliminarQué bueno que te ha funcionado :)
ResponderEliminarGracias por tus indicaciones son muy faciles de aplicar; ya coloque mi banner en la cabezera, pero me queda un espacio muy grande con el banner y abajo otra cabezera.
ResponderEliminarTe dejo la direccion del blog para ver si me puedes colaborar indicandome que debo hacer xa q solo quede el banner.
Gracias
www.ofiseguros.blogspot.com
Acuérdate que tienes que cambiar el height del elemento #header a 0px de modo que quede así:
ResponderEliminar#header {
height:0px;
Por si a alguien le sirve de ayuda en la siguiente página se pueden crear cabeceras en flash siguiendo unos modelos predeterminados además de algunos efectos para blog.
ResponderEliminarPodemos obtener el archivo swf para alojarlo en un servidor o bien obtener la url del archivo si necesidad de descarga.
La página es
http://www.flashvortex.com
COMO PUEDO
ResponderEliminarHola Potro!
ResponderEliminarChe sabes que no puedo encontrar el primer código.
=(
jejeje
Estaba tratando de poner el cabezal flash en mi blog. Acá te lo dejo:
ResponderEliminarhttp://desmoronados.blogspot.com/
no te asustes es medio emo mi blog =P
Estoy curado de espantos no te preocupes ;)
ResponderEliminarEl primero en lugar de buscar #header busca .header-outer {
Luego, en lugar de buscar esta línea:
<div id='header-wrapper'>
Busca esta otra:
<header>
Saludos.
potro como pongo gorro
ResponderEliminarpero esque tampoco puedo hacer esto
aqui esta mi blog
portercowboys.blogspot.com
ayudame men porfa
El problema es que usas las plantillas nuevas de Blogger y los códigos ahí son completamente distintos.
ResponderEliminarPara las plantillas nuevas pega antes de .Header h1 { lo siguiente:
.Header h1 {display:none;}
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}
Luego el último código pégalo abajo de esta línea:
<div class='region-inner header-inner'>
muchas gracias potro
ResponderEliminarahora si me funciono
ERES UN MAESTRO;)
ay te va la otra
ResponderEliminarya lo puse
pero ahora queda un espacio muy grande entre el flash y la entrada o el menu segun sea el caso
que solucion puede haber aqui?
Ese es el espacio normal que tiene tu plantilla, pero igual puedes poner debajo de:
ResponderEliminar#header-flash {
Un margen como este:
margin-bottom:-50px;
ya ya encontre la manera
ResponderEliminarmuchas Gracias potro
Potro.. Me queda claro que eres un excelente administrador y desarrollador de Blogger. Seguí las recomendaciones que le hiciste a "PorterCowboy", con respecto al uso de flash en el header con las nuevas plantillas de Blogger y logré incluir flash con éxito. Te comparto mi blog para que lo veas: http://dmdesignmultimedia.blogspot.com/
ResponderEliminarSalU2... Atte. DM
Te ha quedado perfecto :)
ResponderEliminarHola, qué tal!
ResponderEliminarAntes que otra cosa, debo agradecerte enormemente la ayudadota que nos das a los que no sabemos mucho de esto jiji. Estaba desesperada porque no lograba por mí misma colocar mi header flash en un sitio que estoy creando en blogger y gracias a ti lo he logrado.
Si gustas verlo, dale aquí. Aún está en construcción, pero lo que más dolores de cabeza me estaba dando ya quedó y todo gracias a ti!! Ya sólo falta "rellenarlo" y comprar el dominio propio para inaugurarlo. Serás el invitado de honor! jaja.
Un millón de Gracias!! ='D
Hola eLiZa::,
ResponderEliminarQué gusto saber que tu blog cada vez está tomando la forma que deseas. Seguro te quedará todo muy bien.
Muchas gracias por tu comentario.
Saludos.
Hola potro, me quedo grande hacerlo con las plantillas nuevas de blogger, al usuario de arriba le comentas la solucion pero a mi no me sale, tambien tengo la duda donde dice height: 260px; /* cambia este valor por la altura de tu cabecera en flash */. debo cambiar el valor que dice 260px o colocar el nuevo valor donde esta escrito cambiar el valor, en fin no me cuadra, seria de mucha ayuda y si dispones del tiempo hacer una entrada de este tema solo que para las plantillas nuevas, Un saludo amigo
ResponderEliminarEl blog donde tengo el problema no es el de mi perfil,
ResponderEliminarel archivo lo cree con un programa que se llama flash intro, la pelicula esta 960x135 y esta es la url del archivo http://megaswf.com/serve/32818/, te agradezco me puedas ayudar
Las plantillas nuevas son todo un misterio para todos y casi nada funciona en ellas es por eso que no hay mucha información sobre ellas.
ResponderEliminarNo mencionas por qué no te ha servido la solución que menciono en el comentario #61 ni tampoco me has dicho cuál es tu blog así que me es imposible saber cómo ayudarte.
Respecto a la altura de la cabecera debes cambiar 260px por la altura de tu banner, en este caso sería cambiarlo por 135px
Hola de nuevo, por fin pude, el problema en mi caso eran 2 cosas, primero que el ancho del blog era menor al archivo flash, en edicion de ancho de plantilla coloque el valor correspndiente, hasta hay nada que funcionaba, decidi cambiar el archivo de servidor haber si era eso y efectivo la cebezera aparecio, solo tuve que modificar la altura del archivo, luego volvi a reestablecer el ancho de mi blog y el archivo flash volvio desaparecer por lo que no era si no reestablecer el valor del ancho del banner, esto es enredado para el que no sabe amigo potro,muchas gracias por los codigos y por tu interes.
ResponderEliminarSaludos.
pd:El archivo me funciono bien desde este servidor
http://www.xooimage.com/fr/
Qué bueno que ya está funcionando y que se ha solucionado ;)
ResponderEliminarQuetal amigo, perdona la molestia denuevo, pero era para preguntarte, por que no encuentro los codigos esos en mi plantilla. gracias
ResponderEliminarMira el comentario #61
ResponderEliminarMuchas gracias amigo, eres un genio y espero que trabajes en algo relacionado con la informatica por que es sorprendente lo que saves.
ResponderEliminarfelicidades y gracias
este es mi blog potro y no puedo poner ese banner en flash no sale nada ya intente varias veces revisalo porfa,ya lo inclui y nada.checalo talvez me puedas ayudar. http://vixioweb.blogspot.com/
ResponderEliminarSupongo que ya le habrás cambiado de dirección porque me dice que el blog no existe.
ResponderEliminarTengo un blog sobre psicomotricidad y recién lo inicio. Creo que el template es de los nuevos porque no me funciona nada de lo que decís. Logro introducir un flash en algunos "Elementos de página" pero la cuestión es que lo quiero poner en el Header.
ResponderEliminar(Ni siquiera encuentro algunos códigos que sugerís) :(
El blog es http://psico-motricidad.blogspot.com/
Te parece que tiene solución?
Saludos ;)
Mira el comentario #61 para las plantillas nuevas.
ResponderEliminarSaludos.
Hola Potro, gracias por toda la ayuda. Quiero compartir con uds, la solucion de los problemas que tube; Antes que nada suban la cabecera flash a Dropbox como dijo el amigo en un comentario, yo subi la mia en otro servidor y no funciono.
ResponderEliminarPara las plantillas nuevas el comentario nº 61 es la respuesta (grande potro).
Y en el caso que les pase como a mi que mi cabecera es de 900 x 200 ajusten el height a su medida, yo ajuste la mia en 160 y quedo perfecta; http://mansurrounded.blogspot.com/
Gracias potro y gente del blog, saludos!
Tenngo una duda, que hago con el titulo por defecto que queda escondido? No me deja ir al inicio cuando hago clik en la cabecera flash, no me da opcion. Porque sera?
ResponderEliminarNo da opción de ir al inicio porque la cabecera como tal ya no existe, en su lugar está el objeto flash. Lo que puedes hacer es editar tu flash para que tenga al propiedad que al hacer click en él te dirija hacia el inicio, pero eso se hace cuando diseñas el objeto flash.
ResponderEliminarEntiendo, muchas gracias por la respuesta, igual esta el boton de inicio siempre a la vista y me voy a valer de ese. Estoy aplicando lo que nos dejas en tu blog y esta fabuloso, muchas gracias.
ResponderEliminarHola Potro Muchas Gracias por todos tus consejos y ayudas que me haz hecho a mi y gracias por tomarte la molestia de leer cada comentario de todos deveras muchas gracias
ResponderEliminary queria aprovechar para pedirte algunos consejos y ver si puedes ayudarme
ResponderEliminargracias a ti logreo poner el header flash
solo un problema
e notado que en las computadoras de otros lugares (no mi casa) queda un espacio demasiado grande, el header y el menu van bien, pero donde pongo la entrada queda un espacio demasiado grande puedes ayudarme?
o y una cosa mas mi potro
ResponderEliminarel header flash solo se ve en Mozilla
puedes ayudarme a que los visitantes lo vean en Internet Explorer?
de antemano gracias Potro
Muchas gracias por tu comentario.
ResponderEliminarDel espacio debes ponerlo como te había dicho, tú tienes esto:
#header-flash {
margin-bottom:100px;
margin:-80px;
padding: -80;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}
Y debe ser así:
#header-flash {
margin-bottom:-100px;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}
Probablemente esa sea la razón por la que no se ve en Internet Explorer.
Saludos.
Gracias Potro, solo que sigo sin conseguir ver el header en Internet Explorer, y sigue habiendo un espacio enorme entre el header/menu y las entradas :/
ResponderEliminarojala y puedas ayudarme
gracias potro
Ese espacio al parecer es debido al menú que pusiste pero como de las plantillas nuevas no sé mucho no sé cómo ayudarte.
ResponderEliminarPor Internet Explorer supongo que debe ser algo parecido pues yo lo he probado en plantillas nuevas y se ha visto sin mayor problema :\
:/
ResponderEliminarni modo
muchas gracias comoquiera potro espero que te haya gustado mi blog
Potro, gracias. Ando respondiendo con delay pero respondiendo ;)
ResponderEliminarTodavía no pude resolver bien la cuestión pero en ello estoy. Cuando lo haga, aviso!
Gracias nuevamente.
potro cordial saludo.
ResponderEliminarte cuento que o he podido colocar en funcionamiento un banner, no he encontrado el codigo que tu dices en la cabecera de esta pagina mi blog es www.tu-hornomicroondas-ya.blogspot.com no se si desde ahi me puede ayudar
gracias
ya lo aloje en dropbox pero hasta ahi llegue.
ResponderEliminarjjajajaja
ahi te lo encargo gracias
Mira el comentario #61
ResponderEliminarmi amigo no encuentro tampoco este codigo.
ResponderEliminarpero no puedo enviar el codigo por este medio
se puede enviar por un correo?????????
gracias
disculpa soy neofito extremo
Revisa bien por ahí debe estar. Para localizar los códigos más rápido utiliza las teclas CTRL + F
ResponderEliminarmi amigo potro ya encontre los codigos pero no se muestra el banner aparece es el codigo de alojamiento en dropbox,te agradezco la ayuda.
ResponderEliminartengo la duda si el codigo es el de dropbozx o otro codigo
y en el tamaño no lo supe y suprimi despues de la coma de height: 260px;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
gracias buen dia y te digo que bacano tener personas como usted que nos ayudan. bendiciones
Recuerda que tienes que pegar el último código y dentro de ese código deberás insertar la URL del archivo donde se indica ;)
ResponderEliminarmi amigo disculpa pero no me funciona.
ResponderEliminarno tengo claro, te explico como yo lo entiendo...
antes de header h1 copio todo el codigo que esta en el comentario 61, pero no se si borro este codigo o coloco dentro de este el tamaño,,,, * cambia este valor por la altura de tu cabecera en flash * lo otro es que no el tamaño de mi flas, y lo otro es que encontre el codigo div class 'region-inner header-inner' pero no se si al que encontre debajo le coloco el codigo de dropbox o vuelvo y copio este cod y pego el codigo drop box debajo .header h1...........vuelvo y me disculpo por las molestias ..gracias
No necesitas borrar nada de eso, sólo pegalo debajo de donde se indica tal y como está.
ResponderEliminarSi no sabes cuál es la altura de tu flash entonces deja ese valor que tiene el ejemplo, si ya funcionando ves que está muy alto entonces le cambias el valor por uno más corto, y si está muy corto le pones un valor más alto, así hasta que le atines con el alto.
Ya que has encontrado div class 'region-inner header-inner' pega debajo el código que dice en la entrada, ahí debes cambiar la URL de tu archivo que subiste a Dropbox.
Si ya antes habías puesto otro código debajo de div class 'region-inner header-inner' entonces borralo y pon el que se menciona en la entrada.
Saludos.
ola estoi aciendo un blog necesito ayuda como puedo acer una cabecera flash este es el blog:http://5nflictos.blogspot.com/
ResponderEliminarNo sabría decirte, sobre el programa Flash no tengo conocimientos.
ResponderEliminarHola! tengo un problema, yo tengo un blogg de blogger pero hice el diseño con Artisteer y lo que encuentro del Header es esto...header-wrapper no aparece
ResponderEliminar/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 800px;
height: 200px;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 800px;
height: 200px;
background-image: url('http://lh3.ggpht.com/_94Nqw9pGU1s/TCeJWyeca6I/AAAAAAAAAMQ/b6zsn9Cecow/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
Pues no conozco esas plantillas, pero supongo que ambos height son los que debes poner en 0px
ResponderEliminarEl otro código intenta ponerlo debajo de:
<div class='art-Header section' id='header'>
Gracias! finalmente pude, mi problema el otro día no era ocultar el header sino que se viera el nuevo. hoy pude e hice lo mismo extrañamente: lo agregué como gadget (lástima no se puede, o no se, sacarle el borde)
ResponderEliminarLa dirección es: http://punto-simu.blogspot.com/
pasa y miralo
El problema es que la plantilla tiene determinado que los bordes se apliquen a todos los contenedores, por lo que, si quitas los bordes de ese contenedor también se quitarán los bordes de las entradas y de la sidebar :\
ResponderEliminartal cual, eso pensé. bastante que logré ocultar el header y volar el top menú con su botón de home y todo. hasta ahí se llegó la versatilidad de blogger jeje
ResponderEliminarPues versátil sí es, es decir, se puede hacer que esos contenedores no tengan esos bordes, el problema (en mi caso) es que esas plantillas me son completamente extrañas y no reconozco los nombres de los contenedores. Pero sí tú ya estás más familiarizado seguro podrás conseguirlo aunque termines con dolor de cabeza.
ResponderEliminarel contenedor lo encuentro, pero no se que código ponerle la verdad
ResponderEliminarSi ya encontraste los contenedores entonces en los estilos pon el nombre de la clase de los contenedores (por ejemplo .caja1) con el atributo de la imagen, es decir, de este modo:
ResponderEliminar.caja1 {background-image: none !important}
De ese modo habrás indicado que ese o esos contenedores no tengan ninguna imagen sin que afecte a los demás contenedores.
al final modifiqué la plantilla, ya necesitaba la tercer columna
ResponderEliminarHola! me gustaría saber como puedo hacer para poner el logo de mi página a un lado estático, y al lado la cabecera con imágenes cambiantes, estilo presentación.
ResponderEliminarSaludos y muchas gracias. Me trae de cabeza y no consigo lograrlo.
Supongo que lo que necesitas es dividir la cabecera del blog para poder poner de un lado el logotipo de tu blog, y del otro un slideshow.
ResponderEliminarHola:
ResponderEliminarFabiana, cuando hagas el diseño en flash deja la imagen del logo de tu empresa estatico y haces la animacion de las otras imagenes, por ejemplo
http://dl.dropbox.com/u/9849370/SYDOCOL.swf
Espero te sirva si es lo que buscabas...
Por otro lado, he leido los comentarios y solo el 88 presenta el mismo problema que yo , en mozilla se ve excelente la animacion, pero en IE o Chrome sale un poco abajo y me tapa el menu (ya probe la solucion 89 y nada)...Supongo que debo subir un poco mas la animacion, pero al hacerlo que pasara en mozilla...
Potro, desde ya agradezco en lo que me puedas ayudar...
ADMINISTRADOR
¡Qué plantilla! Intenté probar la cabecera en esa plantilla que usas y ha sido un desastre :\
ResponderEliminarLo único que se me ocurre que podría funcionar es que establezcas una altura mínima en la nueva cabecera para que respete ese alto, es decir, en esta parte:
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 112px;
Cambia eso que está en negrita por min-height
Ojalá funcione con eso, sino estoy perdido.
Hola de nuevo...la plantilla que uso es SOFYA de Btemplates...Pero nada brother, ya he probado y sigue igual...
ResponderEliminarArriba del swf hay algo similar a unas imagenes, te dejo las 2 muestras como se ve en Mozilla y en IE, para ver si se te ocurre algo mas...pense q era mas sencillo, como quitar eso y subir un poco el swf...
Asi se ve en IE: CLICK
Asi se ve en Mozilla: CLICK
Te agradezco mucho...
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHaz lo siguiente, sin expandir los artilugios busca esta esta parte, pero ojo, tú ya lo has modificado un poco, me parece que has eliminado las URLs de las imágenes, de cualquier modo guíate por la primera línea para localizar el código:
ResponderEliminar<div class='span-24' id='header'> <div class='span-12'><a href='#'><img alt='New WP Themes' class='logoimg' src='http://3.bp.blogspot.com/_YXi3vp96gww/S-nsEROq5zI/AAAAAAAABds/UGOVBkY9jEQ/s1600/logo.png' title='New Blogger Themes'/></a> </div> <div class='span-12 last' style='padding-top: 20px; text-align:right;'>
<a href='#'><img alt='Premium WordPress Themes' src='http://2.bp.blogspot.com/_YXi3vp96gww/S-nvoVWl1aI/AAAAAAAABgU/sTHQKm_cJFM/s1600/468x60.gif' style='border: 0;'/></a> </div> </div>
Una vez que lo localices sustitúyelo por este otro:
<div class='span-24' id='header'>
<center><object data='http://dl.dropbox.com/u/9849370/SYDOCOL.swf' height='110' id='movie' type='application/x-shockwave-flash' width='920'><param name='movie' value='http://dl.dropbox.com/u/9849370/SYDOCOL.swf'/><param name='wmode' value='transparent'/><param name='allowscriptaccess' value='never'/></object></center>
</div>
Con ese cambio ya debe funcionar en todos los navegadores.
P.D. Eliminé el último comentario porque tiene muchos enlaces innecesarios.
Saludos.
El Potro, Daniel, soy Fabiana, la de la pregunta 114, me aconsejan algún programa específico, y que no sea muy complicado de usar para hacer presentaciones en flash? Daniel, tu en concreto para hacer el banner que me pasaste, que programa usaste? Es que de esa manera, no tendría que dividir la cabecera en dos. Muchas gracias :)
ResponderEliminarHola...
ResponderEliminarPotro te reirias si vieras los malabares q hice pero ya quedo...te digo como hice por si a otro le sirve.
Probe lo que me dijiste pero, me salia error.
Deshice los cambios, lei bien el codigo y me di cuenta que lo q salia arriba (q te mostre en las imagenes del comentario 118) podian ser unos banner 468x60, asi q hice esto:
1- quite ESTE con su respectivo /div
2- despues quite ESTE con su respectivo /div
Le di vista previa, todo estaba Ok, guarde y probe en IE, y ya estubo...
Brother nuevamente gracias por esa luz, si no hubieras seguido intentando se que no lo hubiera logrado, el credito es totalmente tuyo...
PD: lo del comentario esta bien q lo eliminaras, solo era pa q vieras las otras muestras y ya; espero q eso haya ayudado.
Hola fabiana, con el perdon del potro te contesto:
ResponderEliminarEl programa pertinente para eso seria Adove Flash, busca en internet sobre interpolacion de movimiento, es sencillo...
Espero te haya servido...
De hecho el código que te di hace justo lo que cambiaste, ese código ya tiene eliminados los div que contenían las imágenes y deja libre el código del flash ,)
ResponderEliminarjajaja eso es lo que pasa cuando uno no sabe, depronto cuando lo probe tenia algun error que lo hacia incompatible con la plantilla y por eso me salia asi, la cuestion es q gracias a tu apoyo ya ha quedado listo en los diferentes navegadores...
ResponderEliminarNuevamente Muchas Gracias
Potro, ayer te escribí porque tenía líos con la cabecera flash en IE, pero ya está resuelto. A este código le faltan algunas cosas aunque está perfecto. Lo único es que hay que poner un código completo de object y embed, de esa forma funciona en todos los exploradores.
ResponderEliminarVerifiquen la misma forma como viene el código en las películas de youtube y ese les dará la pista. lo que aquí falta es el embed.
De hecho la etiqueta EMBED es obsoleta y no está reconocida por la w3.org además de que usualmente causa algunos problemas, pero si con ello lo has resuelto está muy bien :)
ResponderEliminarHola a todos
ResponderEliminarEstoy intentando poner la cabecera flash para blogger. El caso es que lo hice con Artisteer y no me reproduce la cabecera flash
El archivo swf los alojé en http://www.swfupload.com/.
Lo intentado hasta la saciedad y no lo consigo.
Este es el código que aparece una vez exportado de artisteer a Blogger, en referencia a la cabecera.
¿sabría alguien decirme cómo lo hago?
Gracias de antemano.
Saludos
/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
width: 100%;
height: 175px;
overflow: hidden;
}
div.art-header-center
{
position: relative;
width: 990px;
left:50%;
}
div.art-header-png
{
position: absolute;
left:-50%;
top: 0;
width: 990px;
height: 175px;
background-image: url('http://lh3.ggpht.com/_JKM6b5RqdbA/TQ6HM3SRYjI/AAAAAAAAAkA/BuhUUCtX4KQ/header.png');
background-repeat: no-repeat;
background-position:center center;
}
div.art-header-jpeg
{
position: absolute;
top: 0;
left:-50%;
width: 990px;
height: 175px;
background-image: url('http://lh5.ggpht.com/_JKM6b5RqdbA/TQ6HNY3F6ZI/AAAAAAAAAkE/-4-TnlD32VA/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
body#layout #Header1
{
display: block;
}/* end Header */
/* begin Flash */
#art-flash-area
{
position: absolute;
top: 0px;
left: 0px;
width: 990px;
height: 175px;
}
#art-flash-container
{
position: absolute;
top: 0;
left: 0;
width: 990px;
height: 175px;
}
#art-flash-container div.art-flash-alt
{
position: relative;
width: 110px;
height: 30px;
margin: 0 auto;
top: 0px;
}
/* end Flash */
En ese tipo de plantillas nunca he probado ningún truco así que no sabría cómo ayudarte.
ResponderEliminarMuchas gracias Potro. Si encuetro la solución, lo comentaré aquí para que otros en mi misma situación puedan resolverlo.
ResponderEliminarSaludos.
Libertad: yo pasé por la misma. Mi consejo, crea un widget HTML/Javascript, aloja el swf y carga ahí el código (no lo cargo el de ejemplo porque no me lo permite el blog).
ResponderEliminarPero así lo hice yo en la cabecera de mi blog:
http://punto-simu.blogspot.com/
no será perfecto pero es una salida viable. suerte!
Hola Potro, estuve intentando con tus sugerencias y no he podido con mi plantilla.
ResponderEliminarEl mnsj de error es el siguiente:
"No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "object" must be terminated by the matching end-tag ""."
Te quise copiar la última modificación que me causó problemas pero me aparece este mnsj al intentar publicar mi comentario: "Su HTML no es aceptable: Tag is not allowed: DIV"
=D
mi blog: escuela-roma.blogspot.com
Gracias, saludos.
Ese mensaje indica que no estás pegando bien el código, ya sea que te está faltando una letra o que has eliminado una sin darte cuenta, o que no lo estás colocando en el lugar indicado.
ResponderEliminarPrueba hacerlo nuevamente verificando que no te falte nada.
Saludos.
Ahora si!!! no encontraba el error, pero arranqué de cero y quedó funcionando.
ResponderEliminarImpecable, muchas gracias!
Arriba de la animación me quedo un poco de espacio, si sabes la solución te escucho.
Felices fiestas, saludos!
Feliz Navidad para el Potro y para todos los ciudadanos...
ResponderEliminarEduardo Romano, brother te quedo excelente la cabecera en flash le da un buen toque al sitio...
Cada blog esta hecho a la medida y al gusto de su administrador pero, con tu permiso me gustaria darte unos consejos: Para que se viera mucho mejor: quitar lo de las entradas Atom, el mensaje con Scroll se veria mejor en la sidebar y colocar un link a un formulario de contacto (para no colocar el correo directo)
La informacion de la empresa se veria mejor abajo.
FELIZ NAVIDAD PARA TODOS.............
Eduardo Romano, que pena nuevamente, queria decirte dos cosas apartes:
ResponderEliminar1- Puedes borrar la barra de blogger, para que se vea mas como un a web y no como un blog
2- Puedes tambien cambiar el logo de blogger por el favicon q tu quieras...
Toda esta informacion la puedes conseguir en esta misnma pagina.
Espero que estos cambios y los resultados sean de tu agrado.
Nuevamente FELIZ NAVIDAD PARA TODOS.........
Eduardo Romano,
ResponderEliminarEse espacio es parte del diseño de la plantilla, si deseas reducirlo busca esta línea en tu plantilla:
<Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="30px"/>
Cambia ese 30px por 0px para eliminar el espacio.
DANIEL, ¡Feliz Navidad igualmente para ti y tu familia!
ResponderEliminarMuchas gracias Facundo. Intentaré hacerlo como dices.
ResponderEliminarFeliz Navidad a todos y Próspero 2011... (ya queda menos para salir de la crisis... un par de años más....)
BUENAS NECESITO AYUDA YA QUE EN MI WEB TENGO LA PLANTILLA ARTHEMIA Y CUANDO BUSCO
ResponderEliminar#header {
width : 960px;
margin : 0 auto;
height : 300px;
padding : 0;
}
ESTE CODIGO NO ME APARESE ESTA ES MI WEB WWW.ESTILOURBANO.COM.NU NECESITO AYUDA PORK KIERO PONERLE LA CABESERA FLASH OK .. EL POTRO ME AYUDAS!!
En esa plantilla este es el equivalente a ese código:
ResponderEliminar#head {
width:960px;
margin:0px auto;
margin-top:15px;
padding:0px;
font-size:0.7em;
}
Para quequedarabienen mi blog tuve que borrar esto quiero saber si me trae problema en el posicionamiento de mi pagina en google o algun otro problema... gracias.. esperare tu respuesta. www.turankeo.com
ResponderEliminar<b:widget id='Header1' locked='true' title='TuRankeo (cabecera)' type='Header'/>
ResponderEliminarSí y no. En realidad no mucho pues si tu cabecera fuera una imagen entonces los robots de Google no encontrarían un texto h1 que se supone es el título de tu blog. Lo mismo sucede con este que es flash, al no haber el título en texto sólo omiten esa parte.
ResponderEliminarPero no tienes que preocuparte mucho pues la plantilla sigue conservando los códigos para que los buscadores encuentren el título de tu blog e incluso en tu blog se sigue viendo el título del blog justo en la parte superior de tu navegador.
entonces no hay problema.. no me va a bajar las visitas ni mi posicion en google?
ResponderEliminarEn teoría no debería haber problema, pero vaya a saber con qué cosas nos salga Google después.
ResponderEliminarhaha gracias, era que si no le quitaba eso el banner me kedaba arriba y mas abajo el titulo del blog.. y se veia feo to ese espacio que sobraba..
ResponderEliminarQuedó muy bien, recién entré al blog y me gustó el resultado :)
ResponderEliminarCiudad blogger a aportado tanto a la construccion de mis blogs, tiene tantas buenas ideas, estan tan bien explicada, la calidad profesional y humana que hay detras del trabajo desinteresado.
ResponderEliminarSon increibles. gracias y un poco en retribucion me tome el atrevimiento de enlazarlos en un par de mis blogs.
www,thecrystalfrog.blogspot.com
www.violetagandiniblog.blogspot.com
Muchas gracias por tu amable comentario, y por supuesto gracias por ese atrevimiento :)
ResponderEliminarestimado Potro resulta que hice todo lo indicado y aparece perfecta mi cabecera en flash, yo la alojé en dropbox.
ResponderEliminarla cuestion es que al dar click en alguno de los botones que le puse a esta cabecera no me manda a ninguna de las ordenes que le puse en el documento flash.
al abrir el archivo de la cabecera en dropbox si me manda a donde debe cada boton, pero al abrirlo desde mi blog no obedece, me puedes ayudar? mi blog es:
http://www.sergio-mendoza.net
Hola Sergio,
ResponderEliminarUsa este código en lugar del que tienes:
<center><object width="765" height="390"><param name="movie" value="http://dl.dropbox.com/u/20786057/banner2011sergionv.swf" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://dl.dropbox.com/u/20786057/banner2011sergionv.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="765" height="390" wmode="transparent"></embed></object></center>
gracias don potro, quedó perfecto.-
ResponderEliminarPotro,¿Donde encuentro ese programa para hacer la cabecera? por favor ayudame y explicame este paso.
ResponderEliminarSe hacen con cualquier programa de diseño de Flash, hay muchos de ellos desde lo sencillo hasta lo complicado, sólo busca en la red.
ResponderEliminarhola hice todo como poneis aqui respecto a las nuevas plantillas, pero tengo un problema, se me digue viendo la cabecera y antes de .Header h1 ya le puse el .Header h1{display:none;} y ya despues todo lo de flash..
ResponderEliminares que asi me sigue apareciendo la cabecera que tnia.
mi plantilla es la Watermark
Hola Silvia,
ResponderEliminarAcabo de entrar a tu blog y veo la cabecera en flash pero no veo alguna otra cabecera, supongo que ya has resuelto el problema, cualquier cosa me comentas.
Saludos.
me encanto y quisiera ponerlo en mi blog pero no me queda bien no se si sera por la plantilla... por favor ayudame a poner una cabecera justa asi, si quieres te mando la clave de mi cuenta por correo para que me lo hagas si puedes... este es mi blog- http://mbcsantiago.blogspot.com/ espero tu respuesta...
ResponderEliminarHola MILLIONAIRE BOY'S CLUB,
ResponderEliminarVeo que ya tienes la cabecera en flash, ¿qué es lo que quisieras? ¿que quede más arriba?
excusame pero ya resolvi ese problema, ahora lo que yo quisiera es eliminar ese espacio que me queda en lo superior del blog ya que no me funciona parece para mi plantilla con el post que tienes acerca de eso... GRACIAS
ResponderEliminarPues veo que ya agregaste otro elemento arriba y ahora no sé si lo dejarás así o no :/
ResponderEliminarEn fin, si lo vas a quitar entonces sólo busca esta parte:
#header-wrapper{width:950px;margin:0 auto 0;
Cambia eso que está en negrita por esto:
margin:-150px auto 0;
Potro, hola. Mira, tengo este blog de pruebas:
ResponderEliminarhttp://credirecto4.blogspot.com/
y lo que quiero es modificar la altura de la cabecera pues quiero luego intentar poner una cabecera en flash, pero por más que lo intento no puedo modificar la altura. He puesto una imagen más alta de lo normal a modo de prueba, pero no he logrado cambiar la altura. La plantilla tiene la cabecera dividida en dos headers y tiene esto: (que no se si es ahí donde debo trabajar):
#header-wrapper {
height:165px;
background: url(http://1.bp.blogspot.com/_t47uhxwKFVM/SnvSPz6styI/AAAAAAAABs0/RifHqeEAYvU/s1600/headtile.gif) repeat-x 0 0;
margin-bottom: 10px; border-right:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
}
#header{
clear: both;
float:left;
width: 408px;
height: 75px;
text-indent: -9999px;
outline: none;
margin-top:20px;
margin-left:5px;
}
#header-right{
float:right;
width:500px;
height:81px;
margin-top:40px;
margin-right:10px;
}
#header-form {
width: 211px; height: 22px;
position: absolute;
background: url(http://2.bp.blogspot.com/_t47uhxwKFVM/SnvSQt2uH7I/AAAAAAAABtU/eBiZAWWg6T8/s1600/search.gif) no-repeat 0 0;
top: 162px;
right: 170px;
}
#header-form input {
border: 0;
font-size: 0.9em;
font-family: Verdana;
float: left;
width: 138px;
background-color: transparent;
margin: 4px 10px 0 2px;
}
#header form button {
border: 0;
text-indent: -9999px;
width: 61px; height: 22px;
float: left;
background-color: transparent;
}
Espero que no sea muy grande mi pregunta/comentario.
Gracias Potro
Hola CreDirecto,
ResponderEliminarEl contenedor general de la cabecera es este:
#header-wrapper {
height:165px;
background: url(http://1.bp.blogspot.com/_t47uhxwKFVM/SnvSPz6styI/AAAAAAAABs0/RifHqeEAYvU/s1600/headtile.gif) repeat-x 0 0;
margin-bottom: 10px; border-right:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
}
Ese height es la altura de la cabecera, o mejor dicho, del contenedor de la cabecera. Puedes modificarlo por un valor más alto, sin embargo, esa URL que ves ahí es una imagen de fondo que sirve también como el fondo del menú, por lo que si agrandas o disminuyes esa altura también tienes que editar esa imagen, pero a la vez también modificar el área del menú que está ahí.
Lamentablemente esas plantillas son ya tan personalizadas que prácticamente están hechas para ya no tocarlas.
Saludos.
Hola Potro, he creado este blog: http://soldeatico.blogspot.com/ es el primero que hago y no consigo lo que quiero. Mi idea es sustituir la imagen de cabecera por un swf con una animación que tiene las mismas dimensiones que la imagen y ya tengo el código donde lo he alojado:
ResponderEliminarhttp://img70.xooimage.com/views/d/3/5/soldeatico-29061e3.swf/, aunque aquí lo veo enorme.
Mi plantilla es la Watermark y aparece:
/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 20px;
padding-right: 20px;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 2px 2px rgba(0, 0, 0, .1);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: 140%;
color: $(description.text.color);
}
pongo los códigos de flash como comentas en el 61 y me coloca la url arriba de la imagen de cabecera y no sale la animación, si me puedes ayudar te lo agradecería o algún consejo pues en esto soy bastante novata, gracias y un saludo.
Hola Tesa,
ResponderEliminarQuizá el problema está en la URL del archivo pues parece no estar funcionando, si pones la URL en la barra de direcciones de tu navegador verás que no abre sino que marca un error.
Prueba subirlo a otro alojamiento e intenta de nuevo.
Saludos.
Hola de nuevo,soy Tesa, perdona que te moleste, he cambiado de url para alojar mi animación y he comprobado que se pudiera ver en mi navegador y se ve perfecta,utilizo el Chrome. Vuelvo a hacer todos los pasos anteriores del 61.
ResponderEliminarhttp://dl.dropbox.com/u/30139929/Flash/soldeatico.swf
No se que mas puedo hacer,o que és lo que estoy haciendo mal, no solo no me funciona, sino que me da un error 500, gracias de antemano por tu paciencia.
Hola de nuevo Tesa,
ResponderEliminarEse error regularmente es porque algún código no se ha puesto correctamente, quizá sea el último que se menciona en la entrada.
Prueba ponerlo sin la URL del archivo SWF y guarda los cambios, si no te marca error entonces procede a poner la URL del SWF.
Si continua el error revisa que al poner los códigos no estés eliminando algo sin darte cuenta.
Saludos.
Hola Potro, lo he conseguido muchas gracias por tus prontas respuestas, efectivamente era un código final que no ponía bien: /> y me ha llevado de cabeza durante dos días. Es cierto quien la persigue la consigue y ahora ya soy feliz, pásate si quieres por el blog y veras el resultado, gracias de nuevo por tu gran aporte.
ResponderEliminarSaludos
Creo que me he precipitado al cantar victoria, ahora se ve bien en Chrome pero con el Explorer ha desaparecido, como es posible?
ResponderEliminarHola Tesa,
ResponderEliminarSi bien veo que has puesto un código para mostrar el flash veo que es diferente al código que se explica en la entrada. El código que tienes es este:
<object data='http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf' height='480' id='movie' type='application/x-shockwave-flash' width='1000'>
<param name='movie' value='http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf'/>
<param name='wmode' value='transparent'/>
</object>
Y el código correcto debe ser tal como se explica en la entrada, o sea este:
<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>
Independientemente de eso ahora Dropbox parece estar fallando así que igual es posible que por unas horas no puedas ver en ningún navegador el archivo flash, al menos hasta que Dropbox se recupere.
hola quisiera q me ayudaras con mi codigo q no me sale como explica en tu blogs
ResponderEliminar{--------} Header {--------}
----------------------------------------------------*/
#top {
height:160px;
margin:auto;
width:1000px;
position:relative;
}
.blogname {
width:1000px;
margin:50px 0 0 0px;
height:80px;
text-align:center;
float:left;
font-family:Georgia,Arial,Tahoma,Century gothic, sans-serif;
}
.blogname h1 {
font-size:40px;
padding:10px 0 0px 0;
font-weight:normal;
color:#fff;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #fff;
display:block;
margin:5px 0 0 0px;
}
.blogname h1 a:hover {
color: #fff;
}
.blogname h2 {
margin:5px 0px 0px 0px;
font-size:16px;
font-weight:normal;
color: #000;
text-shadow:1px 1px 0px #C36339;
}
No me son conocidos esos códigos, ¿en cuál blog deseas hacerlo?
ResponderEliminarHola Potro: estoy necesitando si me podés dar una mano ya que encuentro diferencias con el código de mi blog y no puedo colocar el swf.
ResponderEliminarEl blog es unanocheconpaul.blogspot.com
Desde ya muchas gracias.
Hola Alejandro,
ResponderEliminarMira el comentario #61, ahí están las indicaciones para esas plantillas. En un rato más actualizo la entrada con esa información.
Saludos.
Hola Potro. Gracias por escribir este truco para blogger, hace tiempo que quería hacer esto y no como no se programar, me ha resultado muy útil.
ResponderEliminarHe aquí mi resultado recién terminado. http://wencesearth.blogspot.com/
Muchas gracias.
Por nada Wences, qué bueno que ha resultado de tu interés esta entrada. Saludos!
ResponderEliminarGracias por este dato, me fue de mucha utilida además lo busque mucho, muy bien explicado.
ResponderEliminarhay una plantilla del diseñador de plantillas de blogger que esta buena pero no se cómo agregarle el encabezado flash es la llamada "flipcard" que está en la primera opción, o sea "dynamic Views"
ResponderEliminarNo aparecen las entradas que recomiendas buscar. ¿Qué hago?
gracias
Hola Potro, ¿Cómo haces para que no se modifique en explorer, la visualización de tu cabecera?
ResponderEliminarMe preocupa mucho este tema, he comprobado que en explorer se me ve mucha separación entre gadget.
A ver si me puedes echar una manita.
gabybalkey, las plantillas de Vistas Dinámicas no son personalizables en ese sentido, no se puede cambiar su estructura, agregar códigos, scripts ni nada de eso. Saludos.
ResponderEliminarVindi, recuerda que ninguno de los blogs que tengo es con esas plantillas, estoy 80% seguro que se ve así por el tipo de plantilla que usas.
OK, Entonces para poder solucionar el tema, de la mala visualización con explorer, ¿debería volver a las plantillas antiguas?
ResponderEliminarPues eso es muy drástico si el problema es sólo la distancia en la cabecera. Quizá sería más factible usar condicionales para Internet Explorer, de esa forma podrías aplicar un margen que sólo afecte a ese navegador.
ResponderEliminarEn esta entrada JMiur habla del tema:
http://vagabundia.blogspot.com/2011/06/condicionando-las-cosas-para-internet.html
Hola Potro, he probado por simple curiosidad las plantillas antiguas, y también me queda ese gran margen en la cabecera.
ResponderEliminarEntonces he optado por la siguiente opción:
Debajo de la cabecera dividida tengo dos gadget de texto, entonces los he fusionado en uno solo, y el margen que me queda respecto al explorer es mínimo y solamente en la zona superior, por lo tanto así se queda. Si puedes échale un vistazo y lo compruebas.
Asunto arreglado, gracias por tu paciencia genio.
Potro, finalmente voy a ignorar los espacios desagradables de explorer, no quiero anteponer el aspecto de un navegador, a la utilidad que le quiero dar a mi cabecera.
ResponderEliminarDe todas formas estaré pendiente, por si algún día me sorprendes con alguna alternativa o truco interesante.
Un saludo ;)
Perfecto Vindi, de cualquier manera los usuarios de Internet Explorer ya saben que las páginas ahí siempre se ven distintas. Bueno, tal vez no lo saben, sino ya se hubieran cambiado :/
ResponderEliminarNo veas que bajón, la mirar las estadísticas y ver que casi el doble de visitantes entran a través del explorer :(
ResponderEliminaréchale un vistazo por favor, y dime si notas mucho cambio (solo es en la cabecera, el resto no hay problema).
Potro tu plantilla es con las antiguas, o es exclusiva tuya ¿?, la veo perfecta con cualquier navegador.
ResponderEliminarPues no es tanta tanta la separación, te aseguro que quienes entran por IE no le toman importancia, y es que de hecho no se ve mal. Pero como te decía, probando con las condicionales para IE se podría solucionar.
ResponderEliminarMi plantilla yo la hice aunque tomé como base la plantilla Mínima.
Potro quería probar esas condicionales de "vagabundia", pero no se cual es la que necesito, supongo que alguna de ellas debajo de head, pero no tengo ni idea, ¿sabrías que códigos de esos condicionales necesito, para evitar ese margen con explorer?
ResponderEliminarCon este debería funcionar:
ResponderEliminar<!--[if IE]>
<style>
.main-outer {margin-top:-80px;}
</style>
<![endif]-->
Potro, se ha puesto mucho peor, las letras del buscador salen en vertical.
ResponderEliminarAcabo de quitar el buscador, y ahora casi lo veo mejor en explorer que en chrome :)
ResponderEliminarAhora solo queda dar con un buscador, que funcione igual que el que he tenido que quitar, y supongo que "misión cumplida".
Finalmente vuelvo al principio, aunque habíamos progresado con ese código del condicional, tampoco es plan de mejorar el explorer y empeorar el resto de navegadores.
ResponderEliminarMenudo día que llevo... "veo códigos por todos lados"
Ese código no debería afectar ningún otro navegador, sólo debe leerlo Internet Explorer, los demás navegadores omiten esa instrucción y se pasan de largo.
ResponderEliminarPotro lo acabo de volver a poner, para que puedas ver la diferencia.
ResponderEliminarDime algo en cuanto puedas, para poder solucionarlo, "entra mucha gente con explorer, ahora mismo se ve fatal"
Algo anda mal ahí pero no logro descifrar qué es. Ahora mismo en un blog de pruebas he puesto la plantilla que usas, dividí la cabecera con los mismos valores que tienes, le puse el gadget con las imágenes, debajo el buscador y en IE8 se ve perfectamente bien, así que debe haber otra cosa en tu plantilla que debe estar causando eso, pero como te digo, no logro entender qué es :/
ResponderEliminarVaya, muchas gracias Potro, te has tomado muchas molestias, se me ocurre cambiar de buscador para comprobar que tal, pero ninguno de todos los que he probado me hace el mismo efecto que ese, ese me encanta, te abre en otra página y es super eficaz.
ResponderEliminarDe momento voy a quitarlo, y a ver si se te ocurre algo, si lo necesitas te envío la plantilla, por si puede ser más sencillo para ti echarla un vistazo.
Muchas gracias por tu atención, eres muy amable.
Mándamela si quieres para que le eche un ojo, aunque no te prometo nada el intento se hará ;)
ResponderEliminarOk Potro, dame tu dirección te la mando ahora mismo.
ResponderEliminarOye, estuve revisando las entradas sobre los buscadores, pero no encuentro ninguno que funcione de igual manera, abriendo una nueva ventana, si tienes alguno en mente dime, igual no se por que motivo, la solución más rápida sea esa.
Hola Potro, he quitado la división de la cabecera y se ha solucionado el asunto.
ResponderEliminar"grandes males, grandes remedios" :(
De momento tendré que volver a la cabecera normal, lo único, ¿Podrías decirme como subir un poco más, el título y la descripción?, son los que ofrece blogger.
¿Cabe la posibilidad de centrarlo?, se que existe un código para este tipo de plantillas, pero solo funciona para las imágenes.
Un saludo.
He puesto de nuevo la cabecera dividida pero he quitado el condicional, para que no se deforme el buscador en explorer, a ver si te llega la plantilla que te he envié, y puedes averiguar algo.
ResponderEliminar"voy a descansar un rato, que me sale humo hasta por las orejas" :(