Obtekanie textu okolo objektu kruhového tvaru

Vale

(7 hodnocení)

22. 5. 2014 17:15:25

Zaujíma ma ako nato .. Aby text obtekal div kruhového tvaru - napr. spravený cez canvas alebo border-radius.

Našiel som že budú nové vlastnosti CSS shape-.

Inak som našiel skripty:

- http://baconforme.com

- http://www.jwf.us/projects/jQSlickWrap/ - toto funguje asi len na obrázky

Ale stále mám pocit, že by to malo ísť aj nejak inak .. nestretli ste sa s takou požiadavkou ?

22. 5. 2014 17:15:25

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025346

DOMENO.cz

(6 hodnocení)

22. 5. 2014 19:13:18

1. Vyber nástroj "elipsa"

2. Nahoře v liště, hned na levé straně místo ikonky "vrstva tvaru" zaškrtni "cesty" - ta druhá

3. Vytvoř si na pracovní ploše kruh velikosti, které potřebuješ, při táhnutí nechat zmáčklý SHIFT, aby to byl kruh se vším všudy :))

4. Potom stačí kliknout na ikonku textu a kliknout do vytvořeného tvaru, musí se to protínat

5. Následně už jen píšeš, co potřebuješ a upravuješ typografii podle potřeby

22. 5. 2014 19:13:18

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025345

Petr Široký

(26 hodnocení)

25. 5. 2014 17:04:05

Napsal Banero.cz;1090426
1. Vyber nástroj "elipsa"

Jak v css vyberu nástroj elipsa?

@ValeIG: V jakési záklaní podobě obtékání textu existuje už v prvních css, ale nemůžeš přizpůsobovat tvar, takže jediná možnost jak to podrobněji kontrolovat na úrovni kódu je to co jsi vypsal, buď skripty, nebo vlastnost shape, o které jsem ale ani neslyšel a kdo ví, zda je vůbec podporovaná (jsem líný zjišťovat :) ).

A upřímně, doporučím ti to nedělat, protože si ničím neprospěješ, jediné, čeho dosáhneš, je horší čitelnost textů, za což tě uživatelé milovat nebudou. Ztratíš čas nad blbostí, která má záporný praktický užitek.

25. 5. 2014 17:04:05

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025344

DOMENO.cz

(6 hodnocení)

25. 5. 2014 18:00:38

Rada směrovala k vytvoření požadovaného efektu v PS, pokud to bylo myšleno v rámci kódu,

tak to už je otázka pro někoho jiného, pokud se má jednat například o grafický štítek, nevidím problém vytvořit klasicky

v PS a na web umístit jako JPG, PNG, GIF, než to kódovat :))

Napsal Petr Široký;1091556
Jak v css vyberu nástroj elipsa?
@ValeIG: V jakési záklaní podobě obtékání textu existuje už v prvních css, ale nemůžeš přizpůsobovat tvar, takže jediná možnost jak to podrobněji kontrolovat na úrovni kódu je to co jsi vypsal, buď skripty, nebo vlastnost shape, o které jsem ale ani neslyšel a kdo ví, zda je vůbec podporovaná (jsem líný zjišťovat :) ).
A upřímně, doporučím ti to nedělat, protože si ničím neprospěješ, jediné, čeho dosáhneš, je horší čitelnost textů, za což tě uživatelé milovat nebudou. Ztratíš čas nad blbostí, která má záporný praktický užitek.

25. 5. 2014 18:00:38

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025343

Petr Široký

(26 hodnocení)

25. 5. 2014 20:13:28

Aha. Já jen že dotaz byl jasně na kód, stačilo si přečíst příspěvek. V Photoshopu se moc nevyznám.

25. 5. 2014 20:13:28

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025342

Bacon

(2 hodnocení)

26. 5. 2014 00:45:14

Napsal petr široký;1091634
v photoshopu se moc nevyznám.

:ddd

26. 5. 2014 00:45:14

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025341

DOMENO.cz

(6 hodnocení)

26. 5. 2014 09:09:03

Petře, nechápu, proč to tak řešíš a s ironickou poznámkou na závěr :)) Poradil jsem, jak požadovaný efekt udělat v PS,

aby se to nemuselo kódovat, pokud přesto potřebuje ValeIg nakódovat takovouto věc, nechť poradí ostatní, kteří se tímto zabývají.

Napsal Petr Široký;1091634
Aha. Já jen že dotaz byl jasně na kód, stačilo si přečíst příspěvek. V Photoshopu se moc nevyznám.

26. 5. 2014 09:09:03

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025340

Petr Široký

(26 hodnocení)

26. 5. 2014 10:53:47

Protože mi přišlo, že sis nepřečetl na co se ptal. Jasně že v Photoshopu toho docílíš snadno, ale to nebyl předmět dotazu. Navíc dělat text jako obrázek je prasárna, kterou bys neměl nikomu radit. Pokud to potřebuje v kódu, tak je to asi na web, tudíž je žádoucí, aby to stále byla přenositelná informace. I proto jsem mu napsal, že spíš doporučuji to vůbec nedělat. A za to, že jsem si z tebe trochu utahoval, se na mě nebudeš zlobit, že ne? :)

26. 5. 2014 10:53:47

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025339

DOMENO.cz

(6 hodnocení)

26. 5. 2014 13:20:57

Mně to nevadí, protože chápu, že jde jen o rýpnutí a rozumím i pojmu přehnaná sebeláska, ale třeba se jedná jen o dočasnou "ironicky škádlivou" náladu :)) Tazateli jsem poradil, jak požadovaný efekt vytvořit v PS, nevšiml jsem si, že se jedná čistě o potřebu kódu, ale třeba nakonec použije snadnější variantu obrázku (jsem si jistý, že jsi mě hned na začátku pochopil). Na co tazatel efekt potřebuje, co z toho chce vytvořit, je jeho věc, já mu neradím, aby to tak dělal, ale jak se to dělá. Pokud se to udělá typograficky dobře, žádná "prasárna" dle tvé citace z toho vzniknout nemusí, lze použít například na grafický štítek jako dodatečnou informaci nebo k jiným efektům. Vodorovný text je samozřejmě čitelnější než kruhovitý, to je jasné, ale to je třeba směrovat na mlčícího tazatele. Dobře jsme si zpestřili začátek dne, občas je to potřeba, ale určitě nás oba čeká smysluplnější práce, pokud bys chtěl něco dovysvětlit nebo s něčím poradit, klidně dej vědět ;)

26. 5. 2014 13:20:57

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025338

Petr Široký

(26 hodnocení)

26. 5. 2014 15:38:28

Já ale nemluvím o technickém provedení, mluvím o tom, že obsahový text by pokud možno na webu nikdy neměl být jako obrázek, pokud nejde o vyjímku, kde to dost dobře nejde, jako třeba banner. To je špatný přístup.

26. 5. 2014 15:38:28

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025337

DOMENO.cz

(6 hodnocení)

26. 5. 2014 16:01:59

Možná jsme se jen špatně pochopili a díváme se na to každý z jiného úhlu pohledu, to by musel upřesnit ValeIg, co přesně chce vytvořit a jak to použít. Já to beru z pohledu právě toho banneru, ikonky nebo podpůrného štítku, třeba k obrázku produktu - pro představu příklad, pátá část, http://www.zoot.cz/radost#provereno-zootem nebo třeba tady http://www.farmarsketrziste.cz/wp-content/uploads/razitko_popis.png. Nemusí s tím být absolutně žádný problém, nedokážu si ani představit, jak jinak to běžně použít na klasickém webu, než takto, ty se na to asi díváš jinak, jako na přímý webový obsah v kódu nebo obrázku.

26. 5. 2014 16:01:59

https://webtrh.cz/diskuse/obtekanie-textu-okolo-objektu-kruhoveho-tvaru/#reply1025336

Pro odpověď se přihlašte.

Přihlásit