Autor Zpráva
Kukinac
Profil *
Ahoj,
buď jsem nehledal pořádně, nebo :)) ...
potřeboval bych poradit, jak udělat na této stránce stín: www.rancmp.wz.cz ?
Jak se ten stín "vyrobí" ? :) ....Aby ta stránka jakoby vystupovalo z pozadí...
Chamurappi
Profil
Reaguji na Kukinace:
Ideálně obrázkem na pozadí.
Kukinac
Profil *
Chamurappi:
nene, stínované pozadí nechci...to už tam mám.

Já chci stín "zpod stránky" kde je text. Aby ta stránka z toho pozadí jakoby "vystoupla".

Něco takového je tady: http://crooner.zaridi.to/naradi/

Jsou nějaké možnosti nastavení toho stínu?
RockFire
Profil
Kukinac:
Varianta je použít vlastnost CSS3 box-shadow. Popis i podpora na odkazovaném webu.
Joker
Profil
Kukinac:
stínované pozadí nechci...to už tam mám.
Já chci stín "zpod stránky" kde je text. Aby ta stránka z toho pozadí jakoby "vystoupla".
Nějak nevím, co je co, resp. mi to přijde jako totéž.
RockFire
Profil
Joker:
Předpokládám, že myslel barevný přechod.
Kukinac
Profil *
RockFire:
Kukinac:
> stínované pozadí nechci...to už tam mám.
> Já chci stín "zpod stránky" kde je text. Aby ta stránka z toho pozadí jakoby "vystoupla".
Nějak nevím, co je co, resp. mi to přijde jako totéž.
Jasně že to není totéž...nevím, jak jinak to popsat. Ale dal jsem tam i odkaz, a na tom to je stačí se na něj podívat-ještě jednou si přečíst co jsem napsal a hned ti to bude jasné :P

Joker:
Předpokládám, že myslel barevný přechod.
Jojo myslel jsem přechod barev - ale odpovídal jsem Chamurappimu (tak jak to napsal on)

Joker:
Kukinac:
Varianta je použít vlastnost CSS3 box-shadow. Popis i podpora na odkazovaném webu.
Joker, tohle je přesně to co chci, díky :)
koukal jsem na ten odkaz...potom jsem našel ještě i v CZ: http://www.vzhurudolu.cz/css3/?p=box-shadow

Zkoušel jsem to několikrát nějak "zprovoznit" ale nejde mi to :/
Nevím co kam napsat...
Trejpa
Profil
Kukinac:
Zkoušel jsem to několikrát nějak "zprovoznit" ale nejde mi to :/
Styl ke stylům a id nebo třídu do HTML prvku, který má mít stín.

<html>
  <head>
    <style>
    .stin {
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
      -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
      box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
      }
    </style>
  </head>
  <body>
    <div class=stin style=margin:1em>
      blok se stínem
    </div>
  </body>
</html>


Pochopitelně to nefunguje v Internet Exploreru 8 a nižších a libovolném Internet Exploreru ve zpětně kompatibilním vykreslovacím režimu. Jediné kompatibilní řešení pro drtivou většinu současných prohlížečů jsou obrázky na pozadí, ale to už ti navrhoval Chamurappi.
Kukinac
Profil *
Trejpa:
Teda tak já nevím, takhle jsem to samozdřejmě napsaný měl...už asi 2x ale nefungovalo mi to...
psal jsem tam tohle:
-moz-box-shadow: 0 0 5px # 888; 
-webkit-box-shadow: 0 0 5px # 888; 
box-shadow: 0 0 5px # 888; 
Teď už mi to funguje a líbí se mi to, takže díky moc.. koukni se na ten odkaz (www.rancmp.wz.cz), není to přehnané - ten stín?
margin
Profil *
Kukinac:
psal jsem tam tohle:
Chyba je v mezeře mezi mřížkou a číslicí: # 888; nepatří tam.
Kukinac
Profil *
ok takže ještě jednou díky moc :)
Trejpa
Profil
Kukinac:
Stín na počítači s Windows XP v Internet Exploreru nikdo neuvidí. Naopak určitě spatří modrý rámeček kolem obrázku (nejen) v hlavičce a chybějící video na hlavní stránce.
Kukinac
Profil *
Trejpa:
jj v IE se zobrazují modrý rámečky okolo odkazů....dá se s tím něco udělat??

Stín na počítači s Windows XP v Internet Exploreru nikdo neuvidí
pokud to "jen" nikdo neuvidí, tak to není tak velký problém...hlavně aby se nic nerozházelo. Myslím, že většině se to zobrazí správně ne?...
Trejpa
Profil
Kukinac:
rámečky okolo odkazů....dá se s tím něco udělat??
a img { border: 0; }

hlavně aby se nic nerozházelo
Nerozházelo.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: