Jdi na obsah Jdi na menu
Úvod >> Rady na Estránky >> Pro placený program >> Změna pozadí

Změna pozadí

Checete si dát nějaký svůj obrázek na pozadí vaší stránky nebo jen nějakou barvu? Postupujte podle tohoto návodu:

 

Kompatibilita

Současná verze eStránek:  ANO  
Nová verze eStránek:  NE - Jiná struktura CSS šablon. Návod pro novou verzi eStránek zde.

Testováno 26. srpna 2009

 

Barva na pozadí

Šablona A

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Arial, sans-serif;
    color: black;
    text-align: center;
   font-size: small;
    fo\nt-size: middle;
    background-color: white;
}

2. Změň na:

body {
    font-family: Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background-color: barva;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona B

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #A4D5FF url("<!-- cssimgroot -->02background.png") repeat-x;
}

2. Změň na:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: barva;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona C

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #F5FDD9 url("<!-- cssimgroot -->03background.png") repeat-x;
    padding-bottom: 20px;
}

2. Změň na:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: barva;
    padding-bottom: 20px;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona D

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

#bgobsah {
    background: #653808 url("<!-- cssimgroot -->04h_background.gif") 50% 0 repeat-y;
}

2. Změň na:

#bgobsah {
    background: barva;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona E

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: #9EE5EB;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #223034 url("<!-- cssimgroot -->05background.gif") repeat-x;
}

2. Změň na:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: #9EE5EB;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: barva;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona F

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: #c7d9a5 url("<!-- cssimgroot -->06g_body.gif");
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

2. Změň na:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: barva;
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

barva - Místo toho vložte HTML kód barvy.

3. Najdi

#page {
    padding-top: 15px;
    height: 100%;
    background:  url("<!-- cssimgroot -->06g_back.gif") repeat-x;
}

fialově - Toto smažte

4. Uložte a máte hotovo

 

Šablona G

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body { font: small/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: black; text-align: center; background: #393b3d url('<!-- cssimgroot -->g/body.gif') repeat-x; }

2. Změň na:

body { font: small/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: black; text-align: center; background: barva; }

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona H

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: #B49E75 url("<!-- cssimgroot -->h/bg.png");
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

2. Změň na:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: barva;
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona I

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

#page {
    background: #d2ebf2;
    padding-top: 15px;
    height: 100%;
    font-size: 90%;
}

2. Změň na:

#page {
    background: barva;
    padding-top: 15px;
    height: 100%;
    font-size: 90%;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Šablona J

1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

#text {
    clear: both;
    margin-top: 20px;
    background: #18436b url('<!-- cssimgroot -->j/5/content_wrap.jpg') top left repeat-x;
}

2. Změň na:

#text {
    clear: both;
    margin-top: 20px;
    background: barva;
}

barva - Místo toho vložte HTML kód barvy.

3. Uložte a máte hotovo

 

Obrázek na pozadí

Šablona A

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background-color: white;
}

3. Změň na:

body {
    font-family: Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: white url("urlobrazku");
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona B

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #A4D5FF url("<!-- cssimgroot -->02background.png") repeat-x;
}

3. Změň na:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #A4D5FF url("urlobrazku");
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona C

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #F5FDD9 url("<!-- cssimgroot -->03background.png") repeat-x;
    padding-bottom: 20px;
}

3. Změň na:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: black;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #F5FDD9 url("urlobrazku");
    padding-bottom: 20px;
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona D

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

#bgobsah {
    background: #653808 url("<!-- cssimgroot -->04h_background.gif") 50% 0 repeat-y;
}

3. Změň na:

#bgobsah {
   background: #653808url("urlobrazku");
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona E

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: #9EE5EB;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #223034 url("<!-- cssimgroot -->05background.gif") repeat-x;
}

3. Změň na:

body {
    font-family: Tahoma, Arial, sans-serif;
    color: #9EE5EB;
    text-align: center;
    font-size: small;
    fo\nt-size: middle;
    background: #223034 url("urlobrazku");
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona F

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: #c7d9a5 url("<!-- cssimgroot -->06g_body.gif");
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

3. Změň na:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: #c7d9a5 url("urlobrazku");
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

urlobrazku - Změň na URL vašeho obrázku

4. Najdi

#page {
    padding-top: 15px;
    height: 100%;
    background:  url("<!-- cssimgroot -->06g_back.gif") repeat-x;
}

fialově - Toto smažte

5. Uložte a máte hotovo

 

Šablona G

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body { font: small/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: black; text-align: center; background: #393b3d url('<!-- cssimgroot -->g/body.gif') repeat-x; }

3. Změň na:

body { font: small/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: black; text-align: center; background: #393b3d url('urlobrazku'); }

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona H

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: #B49E75 url("<!-- cssimgroot -->h/bg.png");
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

3. Změň na:

body {
    font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
    background: #B49E75 url("urlobrazku");
    color: #000;
    font-size: x-small;
    text-align: center;
    min-width: 760px;
    line-height: 1.5;
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona I

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

#page {
    background: #d2ebf2;
    padding-top: 15px;
    height: 100%;
    font-size: 90%;
}

3. Změň na:

#page {
    background: #d2ebf2 url('urlobrazku');
    padding-top: 15px;
    height: 100%;
    font-size: 90%;
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Šablona J

1. Nahraj na stránky svůj obrázek

2. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:

#text {
    clear: both;
    margin-top: 20px;
    background: #18436b url('<!-- cssimgroot -->j/5/content_wrap.jpg') top left repeat-x;
}

3. Změň na:

#text {
    clear: both;
    margin-top: 20px;
    background: #18436b url('urlobrazku');
}

urlobrazku - Změň na URL vašeho obrázku

4. Uložte a máte hotovo

 

Nepohyblivé pozadí

Pokud chcete mít nepohyblivé pozadí, jako je na těchto stránkách.

Za url ('urlobrazku'); vložte background-attachment: fixed;

 

Komentáře

Přidat komentář

Přehled komentářů

Lenka - www.lenocka.estranky.sk

18. 6. 2009 17:03

Ale ja stránku mám zadarmo a nie platenú... Smola však? Inak to nejde?

Odpovědět

Tomáš Hypeš - RE:pozadi

3. 5. 2009 17:05

tady je na to návod

Odpovědět

kuba - pozadi

3. 5. 2009 16:59

tak jak sis dal ty lebky po stranach tve stranky ? ja bych rad taky na me neco vlozil po stranach ale nevim jak

Odpovědět

Tomáš Hypeš - RE:pozadi pres celou stranku

3. 5. 2009 16:43

Toho nejde docílit.

Odpovědět

kuba - pozadi pres celou stranku

3. 5. 2009 15:39

ahoj chtel bych do pozadi D vlozit pozadi ale kdyz to tam vlozim nezvetsi se obrazek na celou stranu nevim co s tim url obrazku je http://www.kubikhokej.estranky.cz/archiv/iobrazek/159 diky za odpoved

Odpovědět

Tomáš Hypeš - RE:ako to funguje?

11. 4. 2009 7:38

Asi proto, protože se to vkládá do css a ne do html.

Odpovědět

Simona - ako to funguje?

9. 4. 2009 13:13

napises mi html ale aj s url? mne to nefunguje pls odpis

Odpovědět

Tomáš Hypeš - RE:chyba

6. 4. 2009 14:50

díky za upozornění, jdu to hned opravit

Odpovědět

klanelita - chyba

6. 4. 2009 14:32

asi tu máš chybu mě to nefungovalo přes ty body ale přes bgoobsah

Odpovědět

Tomáš Hypeš - RE:nefunguje mi to

5. 4. 2009 14:19

Například já tam mám https://tomashypes.estranky.cz/archiv/iobrazek/81.

Odpovědět

klanelita - nefunguje mi to

5. 4. 2009 13:02

za to url pozadí mam vložit co?skoušel jsem vše ale nefunguje mi to třebaa ňáký příklad.děkuju

Odpovědět

« předchozí

1 2