Esbardalladas.blogspot.com non se responsabiliza das opinións verquidas polos autores das entradas nin dos comentarios que poidan xurdir das mesmas


15/6/11

Poñer un fondo ao blog ou web

Cortesía de Blog and Web:

O fondo dunha web é un dos elementos máis importantes, sempre está presente e case siempre ten moito espazo destinado. Coas instruccións que aparecen máis abaixo, ata eu logrei cambiar o fondo. Animádevos!


O primeiro é saber que a forma correcta de colocar unha imaxe de fondo é por follas de estilo CSS, modificando a etitqueta coa propiedade "background" (Fondo).

Sabendo iso, a modificación da etiqueda "body" se fai no teu arquivo .css ou no espazo da túa web ou blog destinado á folla de estilos, por exemplo:
body { background:#ffffff url(http://www.tu-sitio.com/fondo-web.jpg) top left no-repeat fixed; }
Color
O primeiro que temos en background é o color de fondo, neste caso #ffffff, que é o código de color. Aquí podes modificalo co que mellor lle vaia á web ou blog. Cando pos unha imaxe de fondo non fixa, será o color que se mostre fóra do espazo da imaxe e mentres carga a mesma.
Ruta
“url()” é a ubicación da imaxe que desexamos ter como fondo entre os parenteses.
Ubicación
“top” e “left” dan a ubicación a la imaxe de fondo e pode tomar os valores: top, right, bottom, left e center.
Frecuencia
“no-repeat” nos indica que non se repetirá a imaxe, esta propiedade tamén pode ter os valores:
repeat – Este é o valor por default, senón especificas nada, a túa imaxe de fondo sempre se repetirá.
repeat-x – repite o fondo só de forma horizontal.
repeat-y – repite o fondo só de forma vertical.
no-repeat – non repite o fondo, éste só terá o tamaño que a imaxe teña.
Visualización
“fixed” nos indica que teremos o fondo fixo e ésta propiedade tamén pode ter os valores:
scroll – Este é o valor por default, senón especificas nada, a túa imaxe de fondo sempre se moverá xunto co texto.
fixed – Fixa o fondo, ao moverse o contenido, non se move a imaxe de fondo.

No caso do novo blogger, estas propiedades sempre van antes de:


></b:skin>

da túa plantilla.
------

Nos imos a "Deseño" "Edición de HTML" e alí descargamos unha copia de seguridade da nosa plantilla (para evitar males a posteriori).
Unha vez que "expandimos artilugios", pulsamos Ctrl+F, co que nos sae a barra de busca (a mellor ferramenta para buscar calquera palabra no código).
E a partir de aí, podemos comezar a experimentar cos cambios...

Sorte!!

1 comentario:

  1. Anónimo6/1/12

    I like your post and your thoughts so much! I really hope you will write more, because you have your own interesting style of writing. kamagra kamagra to buy [b]cheap kamagra online [/b]

    ResponderEliminar