IN-Blog.CZ

Existuje několik druhů pozadí (některá jsou popsána níže). Na pozadí by se neměly umisťovat obrázky krajin, lodí, mraků atd., pouze ve velmi výjímečných případech se obrázek (např. lodě) na pozadí hodí.

Přechod na pozadí

Návod:

1. vytvoříme si např. v gimpu obrázek dlouhý 400px a široký 5px
2. vezmeme nástroj na vytvoření přechodu a vytvoříme přechod (rovně natáhneme přímku) a obrázek uložíme
3. barvu pozadí stránky musíme nastavit shodnou s koncem přechodu
4. na pozadí stránky umístíme vytvořený obrázek

Kód (v CSS):

body { background-color: #B3C2F9; /barva konce přechodu/ background-image: url(‚prechod2­.jpg‘); /cesta k obrázku s přechodem/ background-position: top; /umístění obrázku s přechodem- nahoře/ background-repeat: repeat-x; /opakování obrázku s přechodem- po ose x/ }

Ukázka:

Síť na pozadí

Návod:

1. vytvoříme si např. v gimpu obrázek dlouhý 5px a široký 5px a pomocí lupy zvětšíme
2. vezmeme nástroj tužka nastavíme si nejmenší velikost a přes uhlopříčku vytvoříme stejně veliké kostičky, které se hranami dotýkají
3. na pozadí stránky umístíme vytvořený obrázek

Kód (v CSS):

body { body { background-image: url(‚pozadi.png‘); /cesta k obrázku s kostičkami/ }

Ukázka:

Jednobarevné pozadí

Návod: 1. Do CSS stylu napíšeme kód zobrazený níže.

Kód (v CSS):

body { body { background: red; /lze dosazovat i jiné barvy/ }

Určitě znáte grafický editor Adobe Photoshop. Zejména začáteční (ale možná i pokročilejší) grafici ocení sadu automatických šablon. Šablony vyobrazují spousty věcí – zvířata, šipky, květiny, čínské znaky…

Sada zvířátek: