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.................