| Autor | Zpráva | ||
|---|---|---|---|
| Tomáš123 Profil |
#1 · Zasláno: 7. 12. 2013, 20:00:29
Caute, chcel by som sa opýtať ako sa dá v CSS alebo HTML urobiť stránka, ktorá postupne prechádza napr. z čiernej na bielu... za rady dakujem.
|
||
| Antik4 Profil |
#2 · Zasláno: 7. 12. 2013, 20:02:27
Tady si uděláš přechod a vygeneruje ti to kód.
Gradient generator |
||
| Tomáš123 Profil |
#3 · Zasláno: 7. 12. 2013, 20:30:24
funguje to ale niekde som videl uplne jednoduchy kod, neviem či to nebolo niekde na internete v html nepoznas este nejaky spôsob? Ak nie tak este raz dakujem za rychlu odpoved..
|
||
| Kubo2 Profil |
#4 · Zasláno: 7. 12. 2013, 20:53:48
Tomáš123:
Druhá možnosť je mať ako prechod obrázok na pozadí... |
||
| margin Profil * |
#5 · Zasláno: 7. 12. 2013, 20:59:50
Tomáš123:
„niekde som videl uplne jednoduchy kod“ Tak měl nějaké omezení. Třebas vodorovný přechod pro stránku o známé šířce se dělá PNG obrázkem na pozadí. Obdobně jde řešit svislý přechod, ale pokud stránka bude krátká, tak přechod nebude vidět celý a dlouhá stránka se zpravidla řeší tak, že pokračuje barvou pozadí shodnou s barvou konce přechodu. |
||
| Tomáš123 Profil |
margin:
som zaciatocnik a iba skusam a v tomto pripade potrebujem iba stránku z čiernej na bielu a nevadi že dole bude pokračovať biela. aky program okrem photoshopu sa na to da pouzit. |
||
| RockFire Profil |
#7 · Zasláno: 7. 12. 2013, 21:36:30
Tomáš123:
„aky program okrem photoshopu sa na to da pouzit.“ Třeba Gimp, je zdarma. |
||
| pako Profil * |
#8 · Zasláno: 7. 12. 2013, 21:38:54
Gimp alebo mozes pouzit online generator, spravit si printscreen a vystrihnut si z neho trebars aj v MS Painte.
|
||
| Tomáš123 Profil |
#9 · Zasláno: 7. 12. 2013, 21:44:04
pako, RockFire, margin, Kubo2, Antik4:
Dakujem vam vsetkym za pomoc... |
||
| margin Profil * |
#10 · Zasláno: 7. 12. 2013, 23:09:11
Tomáš123:
„aky program okrem photoshopu sa na to da pouzit.“ Můžeš to kreslit třebas online, nemusíš nic instalovat: http://pixlr.com/editor/ (online nástroj, vyžaduje Flash). Přechod důrazně doporučuji uložit ve formátu PNG. |
||
| Tomáš123 Profil |
#11 · Zasláno: 9. 12. 2013, 18:01:50
margin:
pockat ako sa da urobit aby ta stránka pokracovala v pripade ze bude pridlha rovnakou farbou. urobil by som to tak ze prechod bude vidno cely vzdy lebo by bol iba taky dlhy ako stránka bez posuvania a az v pripade dlheho obsahu by ostala biela vies mi pomoct? diki |
||
| Kubo2 Profil |
#12 · Zasláno: 9. 12. 2013, 18:13:31 · Upravil/a: Kubo2
Tomáš123:
background-position a background-color v CSS.A prípadne background-repeat.
|
||
| Tomáš123 Profil |
#13 · Zasláno: 9. 12. 2013, 19:14:11 · Upravil/a: Tomáš123
rad by som tu vložil konkrétny obrázok stránky v jpg. ako ? to preto lebo neviem ako dat background-color tak aby pokracovalo v tom co prestalo ked som zadal no-repeat...
prepac za zbytocny poplach vynechal son backgroun D -color |
||
| Kubo2 Profil |
#14 · Zasláno: 9. 12. 2013, 20:38:02
Tomáš123:
V poho, akurát poznamenám, že obrázok sa sem vloží pomocou [img]url obrázku[/img].
Ďaľšia vec, aby tu bolo funkčné riešenie, takže takto: BODY {
background-image: url(prechod.png);
background-repeat: repeat-x;
background-position: left top;
background-color: #fff;
} |
||
| margin Profil * |
#15 · Zasláno: 9. 12. 2013, 20:54:10
Tomáš123:
Pozice pozadí left top je výchozí, není nutné ji explicitně deklarovat.
Já osobně mám radši sdruženou vlastnost background, takže bych to napsal takto: body {
background: #fff url(prechod.png) repeat-x;
} |
||
| Tomáš123 Profil |
#16 · Zasláno: 9. 12. 2013, 20:59:23
diki za rady da sa poslat tu nejako url adresu mojej stránky ked ju nemam na nete?
aby som vam ukazal ako to vyzera nakoniec... |
||
| margin Profil * |
#17 · Zasláno: 9. 12. 2013, 21:35:30
Tomáš123:
„aby som vam ukazal ako to vyzera nakoniec...“ Pokud nemáš žádný hosting koukni na povídání o živých ukázkách. |
||
| Tomáš123 Profil |
#18 · Zasláno: 9. 12. 2013, 21:53:58
lahsie by pre mna bolo poslat to niekam na mail ako davat ne net nieje to dokoncene a je s tym vela roboty, mohol by si mi prosim ta dat nejaky mail na kt to odoslem? DIKI
|
||
| Kubo2 Profil |
Tomáš123:
Použi napríklad http://kod.djpw.cz/, tam to rozdeľ na HTML, CSS, JS — je to celkom jednoduché. Ďalej stlač Ctrl + S alebo klikni na Uložit ukázku a pošli sem URL.
„ mohol by si mi prosim ta dat nejaky mail na kt to odoslem?“ admin@localhost margin: Ja viem, uviedol som to len pre väčšiu názornosť. |
||
| Tomáš123 Profil |
#20 · Zasláno: 10. 12. 2013, 18:18:55
odoslal som to kvoli tomu ze v tej prvej moznosti nevie zobrazit obrazky na pozadi a nema tam byt
Kubo2: „admin@localhost“.cz? |
||
| jenikkozak Profil |
#21 · Zasláno: 10. 12. 2013, 18:21:18
Kašli na to, Kubo2 si z tebe vystřelil. Jestli nám chceš něco ukázat, dej to na web tak, ať se mohou všichni podívat, a ne že to pošleš na neexistující e-mail.
|
||
|
Časová prodleva: 1 rok
|
|||
| Tomáš123 Profil |
#22 · Zasláno: 15. 1. 2015, 22:07:05
Tomáš123:
„niekde som videl uplne jednoduchy kod“ Šlo o niečo takéto: background: linear-gradient(to bottom, black, white);. Ide o vlastnosť, ktorá umožňuje vytvárať farebné prechody. Staršie prehliadače ale nepodporujú CSS3 a takéto pozadie nevykreslia. Je preto (ako už bolo povedané) lepšie a spoľahlivejšie používať pre farebný prechod obrázok alebo aspoň uvádzať farbu, ktorou sa má prechod nahradiť (background-color).
|
||
|
Časová prodleva: 10 let
|
|||
0