| Autor | Zpráva | ||
|---|---|---|---|
| pEeLL Profil |
#1 · Zasláno: 27. 7. 2008, 12:35:29
ahoj
zajímalo by mě jak vy osobně děláte kulaté rohy. 1, pomocí 2 obrázků 2, pomocí 4 obrázků 3, bez obrázků (jen css) 4, neděláte 5, jinak - napište |
||
| Ghosting Profil |
#2 · Zasláno: 27. 7. 2008, 12:37:11
Nedělám, neumím :-D
|
||
| panther Profil |
#3 · Zasláno: 27. 7. 2008, 12:38:05
pEeLL
jak kdy. Pokud je jedná o malé boxy, většinou pomocí dvou obrázků, jinak pomocí 4. V případě, že se v okolí rohů vyskytuje ještě nějaká jiná grafika, často to spojuji s rohy dohromady do jednoho obrázku (grafika a 2 třeba horní rohy). Obecně bych ale neříkal, že tak nebo tak, zkrátka design od designu :o) |
||
| Matty Profil |
#4 · Zasláno: 27. 7. 2008, 12:40:56
pEeLL
Já dělám rohy se čtyřmi obrázky, ale jde to i jedním, na který použijete background-position. |
||
| panther Profil |
#5 · Zasláno: 27. 7. 2008, 12:41:50
Matty
ale jde to i jedním, na který použijete background-position skutečně? jak bys udělal z pravého horního rohu roh levý dolní? |
||
| kletely Profil |
#6 · Zasláno: 27. 7. 2008, 12:42:58
pEeLL
2. Pomocou 4 obrazkov. |
||
| joe Profil |
#7 · Zasláno: 27. 7. 2008, 12:43:00 · Upravil/a: joe
Jak kdy, jedním, dvěma obrázky, podle toho jak se mi s tím chce hrát .-)
4 obrázky jsou zbytečný. |
||
| Matty Profil |
#8 · Zasláno: 27. 7. 2008, 12:43:26
panther
Viděl jsem to na Intervalu. Jedná se ale o kolečko (tj. všechny čtyři rohy) a pak to jen šikovně nastyluješ. |
||
| panther Profil |
#9 · Zasláno: 27. 7. 2008, 12:44:54
Matty
kolečko jo, už jsem se bál, že samotný jeden roh :o) |
||
| panther Profil |
#10 · Zasláno: 27. 7. 2008, 12:46:20
joe
4 obrázky jsou zbytečný. taky ne vždy. Moc je nepoužívám, ale sem tam se hodí.. |
||
| panther Profil |
#11 · Zasláno: 27. 7. 2008, 12:47:12
joe
Jak kdy, jedním.. a co když se bude obsah oblasti s kulatými rohy natahovat? To není nešťastnější řešení.. |
||
| Dranel Profil |
#12 · Zasláno: 27. 7. 2008, 13:02:58
Jedním obrázkem rozhodně ne. To potom obsah vyplouvá. Čtyřmi taktéž ne, zbytečné dva HTTP požadavky. Nejlepší je to dvěma.
|
||
| Manq Profil |
#13 · Zasláno: 27. 7. 2008, 13:07:51
Čtyřmi taktéž ne, zbytečné dva HTTP požadavky.
Když je potřeba, aby byl box roztahovatelný jak po ose Y tak po ose X? :-) Dva obrázky, čtyři obrázky, Nifty corners… |
||
| vertigo4 Profil |
#14 · Zasláno: 27. 7. 2008, 13:12:28
Dva obrázky.
|
||
| joe Profil |
#15 · Zasláno: 27. 7. 2008, 13:13:28
panther
a co když se bude obsah oblasti s kulatými rohy natahovat? To není nešťastnější řešení.. Ano, i tak to jde jedním. taky ne vždy. Moc je nepoužívám, ale sem tam se hodí.. Kdy se hodí? Ukaž příklad kdy se hodí použít 4 obrázky místo 2. Dranel Jedním obrázkem rozhodně ne. To potom obsah vyplouvá. Co ti vyplouvá? Pokud to uděláš dobře, nikde ti nic nevyplouvá, nevím co tím myslíš. |
||
| joe Profil |
#16 · Zasláno: 27. 7. 2008, 13:14:06
Manq
Když je potřeba, aby byl box roztahovatelný jak po ose Y tak po ose X? :-) I tak to jde jedním. |
||
| vertigo4 Profil |
#17 · Zasláno: 27. 7. 2008, 13:17:10
joe
Prosím, ukaž (odkaž, naznač, popiš) jak jde pomocí jednoho obrázku vytvořit box roztahovatelný jak po ose Y tak po ose X... |
||
| pEeLL Profil |
#18 · Zasláno: 27. 7. 2008, 13:32:42
all diky za info
joe Když je potřeba, aby byl box roztahovatelný jak po ose Y tak po ose X? :-) I tak to jde jedním. pokud najdeš odkaz, taky bych se rád podival. jinak jako bezobrazkove reseni se mi celkem libilo tohle: http://www.cssplay.co.uk/boxes/curves.html |
||
| panther Profil |
#19 · Zasláno: 27. 7. 2008, 13:40:17
joe
taky bych se rád podíval na řešení jedním či dvěma obrázky, pokud to má být roztahovatelné na všechny strany.. |
||
| Manq Profil |
#20 · Zasláno: 27. 7. 2008, 13:50:51
joe
I tak to jde jedním. Však já neříkám, že nejde. To je tak těžké zadat do Googlu pár slovíček? http://css.interval.cz/clanky/kulate-rohy/ |
||
| Manq Profil |
#21 · Zasláno: 27. 7. 2008, 13:52:46
Kdy se hodí? Ukaž příklad kdy se hodí použít 4 obrázky místo 2.
Třeba když je každý roh jiný. Nebo to nemusí být nutně kulatý roh, ale nějaká fičůrka, která je v rohu… |
||
| Radim24 Profil * |
#22 · Zasláno: 27. 7. 2008, 13:59:47
pEeLL
Tak to je hustý! |
||
| pEeLL Profil |
#23 · Zasláno: 27. 7. 2008, 14:11:58 · Upravil/a: pEeLL
Manq
To je tak těžké zadat do Googlu pár slovíček? ]http://css.interval.cz/clanky/kulate-rohy/ myslel jsem ze to joe myslel jinak. tohle znam. Radim24 prijde mi to o trosku lepsi nez reseni intervalu. nepotrebuje to obrazky ale zase je to slozitejsi na udelani a semanticky se mi to uz tolik nelibi. |
||
| Manq Profil |
#24 · Zasláno: 27. 7. 2008, 14:18:45
pEeLL
Nevím, jak to joe myslel. To Stuovo řešení se mi vůbec nelíbí, zbytečně moc kódu, například oproti dvěma obrázkům a myslím si, že se v praxi skoro vůbec nepoužívá, jen má ukázat možnosti kaskádových stylů. |
||
| pEeLL Profil |
#25 · Zasláno: 27. 7. 2008, 14:25:29
Manq
Stuovo reseni se mi libilo jen v ramci toho, když je potřeba, aby byl box roztahovatelný jak po ose Y tak po ose X. jinak souhlas je to slozitejsi - mozna i proto se to temer nepouziva. |
||
| Manq Profil |
#26 · Zasláno: 27. 7. 2008, 14:28:39
Stuovo reseni se mi libilo jen v ramci toho, když je potřeba, aby byl box roztahovatelný jak po ose Y tak po ose X.
Jasně, ale na to jistě existují i lepší metody. Např. Nifty corners atd… |
||
| Radim24 Profil * |
#27 · Zasláno: 27. 7. 2008, 14:42:02
nechápu jednu věc. Řekněme že má roh na výšku 11px. Obrázek 11x11px přece není takový problém načíst, to načítá rychle ne? Proč tolik řečí kolem toho? Snižuje nějak výrazně rychlost načítání počet http požadavků?
|
||
| joe Profil |
#28 · Zasláno: 27. 7. 2008, 14:55:37
Myslel jsem něco podobného jako je na tom odkazu na Intervalu. Je to celkem dobré řešení. To jejich jsem moc nezkoumal, ale asi to bude stejný způsob jako to dělám já...
|
||
| VENCA Profil * |
#29 · Zasláno: 27. 7. 2008, 15:20:27
ja to tedy delam pomoc i3obrazku
1. nahore v headeru s rohama 2. bez rohu pod obsahem 3. ve footeru s rohama |
||
| panther Profil |
#30 · Zasláno: 27. 7. 2008, 15:27:51
VENCA
ale tohle řešení má fixní šířku |
||
|
Téma pokračuje na další straně.
|
|||
0