flechas ir arriba abajo
Cambiar la cabecera del blog...Header.
Todos sabemos sustituir la cabecera del blog por una fotografía que nos guste; el problema surge cuando nuestra foto no se ajusta al tamaño. Lo primero que debemos hacer es seleccionar una foto y modificar los píxeles: en el caso de tic tac blue son 800px por 200px
. Si queremos añadir un texto para personalizar la foto, enviamos ésta a Paint e introducimos el texto jugando con la fuente, su tamaño y color. Cuando la tengamos lista nos vamos a Diseño, Editar cabecera,Imagen desde tu equipo (la subes) y donde pone Ubicación marcamos la casilla En lugar del título y la descripción. Si se ajusta al tamaño de la cabecera, estupendo; si no, lo mejor es ir a Diseño, Edición de HTML y localizar
/* ---( header and site name )--- */
#header-wrapper {
margin: 0;
padding: 0;
font: $pagetitlefont;
background: url() no-repeat $startSide top;
} (HE QUITADO LA URL DEL BACKGROUND QUE IBA ENTRE PARÉNTESIS)
#header {
margin: 0;
padding-top: 0px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 27px;
color: $pagetitlecolor;
background: url(http://AQUÍ VA LA URL DE TU FOTO") no-repeat bottom center top;
}
Observa que para centrar la foto he cambiado los píxeles del padding-top a 0px, los del padding-bottom a 35px...y no recuerdo si alguno más. Comprueba los números del bloque de #header de la plantilla original antes de introducir los cambios. Haz un click en vista previa tras la modificaciones, si te gusta click en guardar plantilla y si no, click en borrar cambios no guardados.El truco de centrar la foto es ir cambiando los píxeles del #header hasta dar con el que te cuadre. ¡Suerte!
Lo olvidaba: la URL de tu foto la averiguas pinchando en ella con el botón derecho del ratón y donde dice Propiedades compruebas su dirección en Propiedades de la imagen. Si desconoces la url de una foto que tengas, lo mejor es ir a creación de entradas, crear nueva entrada, subirla y publicarla: de esta manera te aparecerá su dirección. Consulta estas direcciones; para seleccionar fotos para la cabecera de tu blog: http://www.smashingmagazine.com/2008/03/05/blog-headers-for-free-download/;http://www.freewebpageheaders.com/gallery/
. Si queremos añadir un texto para personalizar la foto, enviamos ésta a Paint e introducimos el texto jugando con la fuente, su tamaño y color. Cuando la tengamos lista nos vamos a Diseño, Editar cabecera,Imagen desde tu equipo (la subes) y donde pone Ubicación marcamos la casilla En lugar del título y la descripción. Si se ajusta al tamaño de la cabecera, estupendo; si no, lo mejor es ir a Diseño, Edición de HTML y localizar
/* ---( header and site name )--- */
#header-wrapper {
margin: 0;
padding: 0;
font: $pagetitlefont;
background: url() no-repeat $startSide top;
} (HE QUITADO LA URL DEL BACKGROUND QUE IBA ENTRE PARÉNTESIS)
#header {
margin: 0;
padding-top: 0px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 27px;
color: $pagetitlecolor;
background: url(http://AQUÍ VA LA URL DE TU FOTO") no-repeat bottom center top;
}
Observa que para centrar la foto he cambiado los píxeles del padding-top a 0px, los del padding-bottom a 35px...y no recuerdo si alguno más. Comprueba los números del bloque de #header de la plantilla original antes de introducir los cambios. Haz un click en vista previa tras la modificaciones, si te gusta click en guardar plantilla y si no, click en borrar cambios no guardados.El truco de centrar la foto es ir cambiando los píxeles del #header hasta dar con el que te cuadre. ¡Suerte!
Lo olvidaba: la URL de tu foto la averiguas pinchando en ella con el botón derecho del ratón y donde dice Propiedades compruebas su dirección en Propiedades de la imagen. Si desconoces la url de una foto que tengas, lo mejor es ir a creación de entradas, crear nueva entrada, subirla y publicarla: de esta manera te aparecerá su dirección. Consulta estas direcciones; para seleccionar fotos para la cabecera de tu blog: http://www.smashingmagazine.com/2008/03/05/blog-headers-for-free-download/;http://www.freewebpageheaders.com/gallery/
Trucos blog para novatos...Amateur blog tricks
El proyecto de este blog surgió como iniciativa del centro como recurso educativo para profesores y alumnos y ciertamente engancha a los alumnos. Pero tras dos cursos "tirando" del mismo diseño de blog llegaba el momento de cambiar su aspecto. Si no eres de la generación de los botones y sí de la que se les acaba la paciencia a base de "ensayo y error" bienvenidos a esta sección en la que podréis aprender algunos trucos para mejorar vuestro blog sin necesidad de tirar continuamente del fastidioso HTML. A pesar de que mi plantilla original es la Tic Tac Blue, los códigos funcionan para las demás; reconozco que los blogs de ayuda con explicaciones más claras para mí son: elbalcondejaime.blogspot.com / elescaparatederosa.blogspot.com /gemablog-.blogspot.com /recursosparatublog.blogspot.com / laeulalia-blogdeprobes.blogspot.com Gracias a ellos por hacernos más facil "tunear" nuestro blog.
Our highschool decided to take advantage of Internet resources so most of our Departments decided to create interdisciplinar blogs. I decided to create my own blog and chose the tic tac blue template, but after two courses I wanted to change my template using codes. If you don´t manage the HTML step in and take advantage of some easy changes in your template.
Our highschool decided to take advantage of Internet resources so most of our Departments decided to create interdisciplinar blogs. I decided to create my own blog and chose the tic tac blue template, but after two courses I wanted to change my template using codes. If you don´t manage the HTML step in and take advantage of some easy changes in your template.
Suscribirse a:
Entradas (Atom)
MARÍA DEL PRADO, PROFESORA DE INGLÉS DEL IES CAMPO DE CALATRAVA DE MIGUELTURRA, (CIUDAD REAL). PUPILS' HOMEWORK SON EJERCICIOS DE EXTENSIÓN, APUNTES DE GRAMÁTIVA Y TAREAS PARA MIS ALUMNOS DE ESO Y BACHILLERATO.
