| Autor | Zpráva | ||
|---|---|---|---|
| Kukinac Profil * |
#1 · Zasláno: 11. 4. 2013, 10:46:59
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 |
#2 · Zasláno: 11. 4. 2013, 10:53:36
Reaguji na Kukinace:
Ideálně obrázkem na pozadí. |
||
| Kukinac Profil * |
#3 · Zasláno: 11. 4. 2013, 12:01:31
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 |
#5 · Zasláno: 11. 4. 2013, 12:53:58
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 |
#6 · Zasláno: 11. 4. 2013, 13:07:18
Joker:
Předpokládám, že myslel barevný přechod. |
||
| Kukinac Profil * |
#7 · Zasláno: 11. 4. 2013, 16:02:58
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 |
#8 · Zasláno: 11. 4. 2013, 16:42:34
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 * |
#9 · Zasláno: 11. 4. 2013, 18:07:36
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; |
||
| margin Profil * |
#10 · Zasláno: 11. 4. 2013, 18:27:54
Kukinac:
„psal jsem tam tohle:“ Chyba je v mezeře mezi mřížkou a číslicí: # 888; nepatří tam.
|
||
| Kukinac Profil * |
#11 · Zasláno: 11. 4. 2013, 19:33:23
ok takže ještě jednou díky moc :)
|
||
| Trejpa Profil |
#12 · Zasláno: 11. 4. 2013, 19:45:04
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 * |
#13 · Zasláno: 11. 4. 2013, 21:26:26
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 |
#14 · Zasláno: 11. 4. 2013, 22:13:18
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. |
||
|
Časová prodleva: 11 let
|
|||
0