Stín

http://www.jakpsatweb.cz/css/css-filtry.html
Funguje to len v IE. Na tebou spomínanej stránke to majú urobené pomocou obrázku

CSS stín udělat nejde (pokud nepočítám fitry). Je to normální obrázek na pozadí

Acci Jde to udělat, ale je to příliš mnoho kódu navíc a tak je to jedna z věcí kterou je lepší domalovávat javascriptem - http://www.fczbkk.com/js/shadow/index.html

Tady je v kódu líp vidět co se vlastně děje http://www.fczbkk.com/js/shadow/pokus_shadow.html

Vlastne by sa to dalo urobiť pozicovaním, ale to je fakt veľa kódu

Konkrétně tohle není to nic těžkého
<script type="text/javascript">
window.onload = dropShadow;
function dropShadow() {
h = document.getElementsByTagName("h1");//určuje tag h1
s = new Array();
n = new Array();
for (i = 0; i < h.length; i++) {//pročešeš všechny tagy h1
h[i].style.position = "relative";//nastavíš všem tagům h1 relativní pozici
h[i].style.color = "#cccccc";//nastavíš všem tagům h1 šedivou barvu
s[i] = document.createElement("span");//vytvoříš tolik spanů kolik je tagů h1
s[i].style.position = "absolute";//nastavíš těm spanům relativní pozici
s[i].style.top = "-2px";//určíš horní posun pozice
s[i].style.left = "-2px";//určíš boční posun pozice
s[i].style.color = "#000000";//nastavíš spanům barvu písma
n[i] = document.createTextNode(h[i].firstChild.nodeValue);//vytvoříš text, který je totožný s obsahem tagu h1
s[i].appendChild(n[i]);//vytvořený text n[i] bude dítětem vytvořených spanů s[i]
h[i].appendChild(s[i]);//vytvořené spany s[i] budou dětmi tagů h1 v dokumentu
}
}
</script>

Takže výsledkem snažení je přepsání například

<h1>Nadpis</h1>

na

<h1 style="position:relative;color:#cccccc">Nadpis<span style="position:absolute;top:-2px;left:-px;color:#000000;">Nadpis</spa n></h1>

Což by samozřejmě fungovalo i bez js a v externím stylopisu, ale zápis např.
<h1 class="stin">Nadpis<span>Nadpis</span></h1> by byl pracný a asi ne zrovna přístupný atd. , proto je to použití js tady na místě.

Fred
Mozna by to slo vylepsit, ze byt tu relativni pozici nastavil uz v CSS.

newArray() zkratit na []

var x=s[i].style
a pak jen x.left x.righ...

A uplne nej, kdyz by to prevzalo barvu color z H a dalo ji pro ten span. :)

A potom mozna to dat do expression do CSS, ale to nevim, jestli by slo.

Jinak pekny a jednoduchy script, moc libi :) Nevim, co ma proti nemu on :)