| Autor | Zpráva | ||
|---|---|---|---|
| Vladislav97 Profil |
#1 · Zasláno: 9. 1. 2013, 21:56:24
Dobrý den,
chtěl bych se zeptat na jednu věc. (Jsem takový pokročilejší začátečník). Jak udělat tak, abych poté, co si navrhnu svoje pozadí ve Photoshopu, ho mohl umístit takovým způsobem, že by při zmenšování webové stránky až i na maximum se vždy zobrazovalo pozadí, ale zmenšené... Např takto (šipkami jsem zobrazil, různé elementy, co na webové stránce zůstali při minimálním zvětšení): 
a pak 
Předem moc děkuji za pomoc. Ale ne takto!! 
|
||
| candiess Profil |
#2 · Zasláno: 9. 1. 2013, 22:43:54
Vladislav97:
Zkrátka nechcete, aby se pozadí opakovalo? Z vašeho datazu není moc jasné, o co jde. Jednou píšete o maximálním zvětšení, podruhe o minimálním zvětšení (mam to chápat jako oddálení?). Na opakování pozadí slouží CSS vlastnost: background-repeat |
||
| Rellik Profil |
#3 · Zasláno: 10. 1. 2013, 06:15:45
Jestli myslíš zoom pozadí aby byl vidět pořád celé i př zmenšení nebo zvětšení stránky, tak to sice jde udělat, ale nefunguje to všude http://firstpage.rellik.eu/?page=rozliseni
|
||
| jenikkozak Profil |
#4 · Zasláno: 10. 1. 2013, 13:21:17
Rellik:
Nedává mi moc smysl se pomocí všelijakých prefixů snažit přidat roztahovatelné pozadí odhadem do jednoho procenta zastoupení prohlížečů, když téměř 20 % uživatelů používá prohlížeče, které background-size neumějí ani s prefixy. (Včetně Exploreru až do verze 8.)
|
||
| Rellik Profil |
#5 · Zasláno: 10. 1. 2013, 13:46:40
jenikkozak:
Vždyť sem taky napsal, že to nejde všude. Jinak sem pouze odpověděl na dotaz, jak to udělat pokud to jde... ;) |
||
| Vladislav97 Profil |
candiess:
„Jednou píšete o maximálním zvětšení, podruhe o minimálním zvětšení (mam to chápat jako oddálení?).“ Já se moc omlouvám, nenahrál se sem předposlední obrázek. Ano, myslím, aby se ten obrázek roztahoval jako zde: P.S.Vlastně se nahrál , akorát to trvalo delší dobu. (Celkem mám zde mít 3 obrázky) Rellik: Děkuji moc za radu :). Pokud to jde udělat ještě jinak, tak budu rád. Ještě bych se rád ohledně toho zeptal na jednu věc. Já si ve Photoshopu jsem nějaké pozadí s tlačítkami, kde byl text - celý to rastruji a spojim do celého obrazu. Poté jsem si vzal nástroj řez a označil jim ta místa, kde budou daná tlačítka. Poté jsem dokument uložil pro web. na ploše se zobrazila nějaká html stránka se složkou, kde se nacházejí oříznuté obrázky. Když ji otevřu v poznámkovým bloku a přidám, k daným tlačítkům odkazy, tak ve finále bude fungovat. Ale když ji opět budu zmenšovat, tak se mi bude obraz zmenšovat také, ale doplnovat to bude už pouze bílé pozadí. jak udělat tak, aby to zůstalo přizpůsobené obrazovce a přitom šlo klikat na ty tlačítka. Moje html souboru vypadá takto: <html>
<head>
<title>Viteje!</title>
<bgsound src="files/music.au" loop="-1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (obrazek.png) -->
<table align="center" id="Tabulka_01" width="1400" height="958" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="files/images/obrazek_01.gif" align="center" width="1400" height="671" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="files/images/obrazek_02.gif" width="929" height="150" alt=""></td>
<td colspan="2">
<a href="files/aquapark.html"><img border="0"src="files/images/obrazek_03.gif" width="248" height="44" alt=""></a></td>
<td rowspan="4">
<img src="files/images/obrazek_04.gif" width="223" height="286" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="files/images/obrazek_05.gif" width="248" height="106" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="files/images/obrazek_06.gif" width="847" height="136" alt=""></td>
<td colspan="2">
<a href="files/aquapark.html"><img border="0" src="files/images/obrazek_07.jpg" width="270" height="47" alt="aquapark.html"></td>
<td rowspan="2">
<img src="files/images/obrazek_08.gif" width="60" height="136" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="files/images/obrazek_09.gif" width="270" height="89" alt=""></td>
</tr>
<tr>
<td>
<img src="files/images/spacer.gif" width="847" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="82" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="188" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="60" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="223" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>Kam mám přidat toto: <style>
html {
background: url(files/obrazek.png) no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
</style>aby mi to fungovalo správně. Předem moc děkuji! |
||
| user243 Profil |
#7 · Zasláno: 10. 1. 2013, 19:05:42
Vladislav97:
„Kam mám přidat toto...“ mezi tagy <head></head>
a pokud možno, nepoužívejte zvuky na stránce bez možnosti vypnutí; |
||
| Vladislav97 Profil |
#8 · Zasláno: 10. 1. 2013, 20:04:00
user243:
Ale ten celý obrázek se skládá z několika částí - a já chci aby se ten obrázek zobrazil vždy na celou stránku a byly funkční tlačítka. :) Části obrázků jsou umístněny ve složce: images
Já vlastně ani nechci aby to bylo pozadí ve smyslu, že by se na něm ještě něco psalo, ale hotový obraz roztáhnutý vždy na celou stránku (složený s několika obrázku a s funkčností tlačítek při kliknutí) |
||
| user243 Profil |
#9 · Zasláno: 10. 1. 2013, 20:31:52
já jsem jen odpovídal na to, kam se stylem, mimo to by se to mělo nastavovat tagu body a ne html;
jinak... možná jsem to nepochopil, ale nestačilo by mít jeden velikánský div s šířkou a výškou 100%, v něm mít obtékaně všechny ty nejrůznější obrázky s rozměry také v procentech; pak by se to mělo zobrazovat vždy přes celou stránku (místy nejspíš i rozmazaně), dokonce by se to zmenšovalo; ted moc nevím, jestli je to pozadí u menu, nebo dokumentu; živá ukázka by nebyla? |
||
| Vladislav97 Profil |
#10 · Zasláno: 11. 1. 2013, 14:47:42
user243:
Nebo já se spíše zeptám tak: jde vložit někam kod html tak, aby se tabulka rotáhnula přes celou obrazovku? I přes zmennšování stránky by zůstala připevněna? Myslím tuto tabulku (která funguje jakou soubor obrázku): <table align="center" id="Tabulka_01" width="1400" height="958" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="files/images/obrazek_01.gif" align="center" width="1400" height="671" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="files/images/obrazek_02.gif" width="929" height="150" alt=""></td>
<td colspan="2">
<a href="files/aquapark.html"><img border="0"src="files/images/obrazek_03.gif" width="248" height="44" alt=""></a></td>
<td rowspan="4">
<img src="files/images/obrazek_04.gif" width="223" height="286" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="files/images/obrazek_05.gif" width="248" height="106" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="files/images/obrazek_06.gif" width="847" height="136" alt=""></td>
<td colspan="2">
<a href="files/aquapark.html"><img border="0" src="files/images/obrazek_07.jpg" width="270" height="47" alt="aquapark.html"></td>
<td rowspan="2">
<img src="files/images/obrazek_08.gif" width="60" height="136" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="files/images/obrazek_09.gif" width="270" height="89" alt=""></td>
</tr>
<tr>
<td>
<img src="files/images/spacer.gif" width="847" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="82" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="188" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="60" height="1" alt=""></td>
<td>
<img src="files/images/spacer.gif" width="223" height="1" alt=""></td>
</tr>
</table> |
||
|
Časová prodleva: 11 let
|
|||
0