Ahoj.Vím jak se dá nastavit různé barvy pozadí např.červená,modrá atd. Ale já bych chtěl na své stránce www.malirnaterac.wz.cz nastavit jiné pozadí než jenom jednobarevné např různé vzory apod.
Existují taková a kde je mohu najít?
Děkuji Pavel
mno vzor vlozis treba takto
BODY {
background-image:url('vzor.gif');
}
pokud chces pozadi udelat pro celou cast BODY
samotny vzor si muzes vytvorit i v malovani :-)
btw to co jsem napsal je samozrejme CSS, kdybys nahodou nevedel
muze mi nekdo rict kde mam chybu?
#logo
{
background-image: URL('banner01.gif');
background-attachment:fixed;
background-color: black;
height:90px;
}
to je v externim stylopisu a ted co jsem napsal do ramu....:
<div id="logo"></div>
myslim si ze to mam dobre, ale nefunguje to, pls zkontrolujte to.......
URL mam dobre jeste jsem to schvalne zkopiroval do stejne slozky.....
Takto vypadá kostra html dokumentu s pozadím z GIFu:
http://www.jakpsatweb.cz/zaklady-html.html#1p
http://www.jakpsatweb.cz/pozadi.html#body
<head>
<title>Moje první stránka</title>
<style>
body {
background-image: URL('pozadi.gif'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>
</head>
<body>
Moje první html stránka.
A nějaké další texty.
</body>
rozebíral jsem to v "obrázky" ale na nic jsme neprisli, kde v tom kodu je chyba, takze........
nie som si isty, ale co ked nastavis aj width?
alebo ked das do div-u medzeru natvrdo?
(<div> </div>) ?
tam malo byt medzi div-mi...
to width nefunguje a mezeru jsem nezkousel, z(s)kusim dik
Udělala jsem to, jak původně píšeš a funguje mi to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<style>
<!--
#logo {background-image: URL('image.gif');
background-attachment:fixed;
background-color: black;
height:90px;
}
-->
</style>
</head>
<body>
<div id="logo"></div>
</body>
</html>
a bez toho prebijeni dulezitosti? a nemuze to byt tim ze to mam v externim stylopisu?,
Když to udělám takhle:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<style>
<!--
body {background-color: red;}
#logo {background-image: URL('image2.gif');
background-attachment:fixed;
background-color: black;
height:90px;
}
-->
</style>
</head>
<body>
<div id="logo"></div>
</body>
tedy použiju neexistující obrázek, tak tam mám nahoře černej pruh na červeným pozadí. Když obrázek existuje , tak je tam obrázek na červeným pozadí.
>>a nemuze to byt tim ze to mam v externim stylopisu?
Ne. Ledaže bys ten stylopis měl špatně nalinkovanej, třeba nějaká chyba v cestě a tak, ale to by ti css nefungovalo vůbec.
pockat ale ja to chci aby ten obrazek byl pozadim (takze pres cely)
predstav si ze mam stranku ramu:
nahore (kam chci dat tenhle obrazek na pozadi)
vlvevo menu
a vpravo texty...........
a chci aby ten nahore byl bez jakychkoliv okraju............. takze by se to teoreticky melo dat vyresit obrazkovym pozadim, ale jak ty rikas ne.... udelal to obrazek na cernem pozadi a to nechci jen ten obrazek. JAK?
Já nic neříkám, já jen opisuju to, co ty píšeš.
Když chceš obrázek na pozadí celé stránky, tak to už radil výše zbi a pokud se chceš zbavit nějakých mezer, tak ještě nastav
body {margin: 0px; padding: 0px;}
Vidíš, jak snadno vznikne nedorozumění, když neukážeš konkrétní příklad na své stránce. Co ti brání dát to na net třeba do adresáře novy?
no nejak to jde ale nemam to zatim v externim stylopisu, zkusim to tam prevest........
Mam to takhle a jak to prevest do externiho styopisu, prece nemuzu dat do tagu body, prrotoze by to bylo pro vsechno?
<style>
<!--
body {margin:0px;padding:0px;background-colro:black;}
#logo {background-image: URL('pictures/banners/banner01.gif');
background-attachment:fixed;
background-repeat:no-repeat;
background-color: black;
height:90px;
}
-->
</style>
A jde jeste nejak ten obrazek zarovnat na stred? je etd superne bez okraju jak jsem chtel ale pres tag body ale na stred? pls Poradte a doufam ze naposled......
Jestli to máš takhle, tak tam ten obrázek není přes body, ale přes div.
Zarovnání na střed: tomu divu logo nastav šířku, podle toho jak širokej je banner a ještě tam pak připiš margin: auto; a body nastav text-align: center; (to vše v css).
>>jak to prevest do externiho styopisu
Prostě to tam zkopíruješ, ale bez tagu style a komentáře (tedy <!-- a -->), ty v html dokumentu pak smaž.
a to body co je nad #logo? to se nekopiruje ze ne?
taky to zkopíruj, v tom nastavuje právě ty nulový okraje...
ale v externim stylpoisu uz mam body kde definuju barvu font, pozadi atd. to neni zvlastni externi stylopis jenom pro to logo, ale pro cele stranky, to by prece delalo blbosti.......... potom u ostatnich nebo ne?
Když už tam body definuješ, tak tam to margin:0px;padding:0px;background-color:black; prostě jen připiš.
ale co ostatni obrazky u nich to neudelal problem? prece to body je pro vsechny stranky kam usti odkaz na externi stylopis.......... ja to zkusim diky...
--Zarovnání na střed: tomu divu logo nastav šířku, podle toho jak širokej je banner a ještě tam pak připiš margin: auto; a body nastav text-align: center; (to vše v css).
kdyz napisu v body text-align:center tak mi to hodi takhle vsechny texty :(
a úres externi stylopi to nejde............:
Externí stylopis:
body
{
color:silver;
background-color:black;
font-family:Arial;
font-size:11px;
margin:0px;
padding:0px;
}
Ted obrazek:
#logo
{
background-image:URL('pictures/banners/banner01.gif');
background-attachment:fixed;
background-repeat:no-repeat;
background-color:black;
text-align:center;
height:90px;
width:1000px;
margin:auto;
}
Stranka na vlozeni:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="description" content="Pages about fantasy and everthing about..." lang="en">
<meta name="keywords" content="fantasy" lang="en">
<meta name="author" content="Ondra Hajda 'Thelvyn'">
<title>
Fantasy web - vše o fantasy | recenze, knihy, hry | povídky | galerie |
</title>
<link rel="stylesheet" type="text/css" href="css/normal.css">
</head>
<body>
<div id="logo">
</div>
</body>
Tak mi prosim poradte kde co zmenit tak aby to bylo tak jako pres stylopis (normalni v dokumentu). Uz me to silene stve :-(((((
Už mě to štve tady je ukazka jak to chci:
http://fantasy-web.mysteria.cz/MyWeb/index.html
kdyz pujdete dale tak tam najdete stranku, ktera je jenom rozdelena do ramu, do vrchniho ramu (pres cely ram) chci dat obrazek banner:http://fantasy-web.mysteria.cz/MyWeb/pictures/banners/banner01.gif
Pls poradte mi jak na to.................