Text odsazený od obrázku.

1. října 2012 v 13:36 | Beatricia |  Návody

JAK ODSADIT TEXT OD OBRÁZKU.

Vypracovala a vyzkoušela :


Mnoho blogerek a blogerů píše články a vkládá vedle textu ilustrace. Je zde však problém, který není estetický, totiž, že je písmo článku přímo nalepeno na obrázek. Také podle návodu v Srdci blogu se tento problém objeví. Při psaní článku v administrativě se zdánlivě písmo jeví tak, že je od obrázku odsazeno. Ale po publikování článku přímo na ploše, je písmo opětovně na obrázku nehezky nalepeno, jak je patrno na první ukázce.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet,consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua . Ut enim ad minim veniam, quis nostrud excertitation ulamco laboris nisi aliquid ex ea commodi consequat. Quis aute iure reprehenderit in volluptate velit esse cillum dolore eu fugiat nulla pariatur. Extepteur sint obcaeacat cupiditat non proident , sunt in culpa qui officia deserunt mollit anim id est laborum.

Podařilo se mi po dlouhém a často neúspěšném zkoušení, a po využití všech alternativ, vypracovat jednoduchý návod, který je funkční a byl už použit několika blogerkami. Tak tedy:

Přes stromeček v administrativě otevřít obrázek a do tabulky zadat:
Zarovnání: Vlevo
Vertikální odsazení : 8
Horizontální odsazení: 14
Vložit
Při psaní textu kurzor umístit k horní hraně obrázku šipkou Nahoru nebo Dolů a je možno začít psát text. Pak Uložit a vrátit se do archivu. V publikovaném článku na ploše je již text esteticky odsazen od obrázku.

Je také možno postupovat v opačném gardu, tj. napřed napsat text článku a obrázek vložit potom dle návodu. Kurzor umístit dle potřeby na místo budoucího obrázku. Oba postupy byly už ověřeny a jsou funkční.
Zde je druhá ukázka už řádně odsazeného textu.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Třetí ukázka zobrazuje tzv. obtékání obrázku textem. V tomto případě se v napsaném textu kurzor umístí na začátek řádku, kde chceme, aby obrázek začínal. Přes stromeček se vloží obrázek dle uvedeného návodu.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pro zajímavost a úplnost uvádím odpověď na případnou otázku, proč byl použit tento latinský text v ukázkách zde a také na příkladech v Srdci blogu:

Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických návrhů (např. fontů nebo rozvržení časopisů či HTML stránek). Lipsum tak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového návrhu vložen smysluplný obsah. Tolik WIKIPEDIA.



 


Komentáře

1 Vendy Vendy | E-mail | Web | 1. října 2012 v 14:20 | Reagovat

Ano, tvůj návod se mi osvědčil a obrázky jsou konečně odsazené. Pamatuji si, že před velkým vylepšováním blogu se mi odsazovaly samy od sebe a nemusela jsem nic nastavovat. Pak jsem to zkoušela nastavit, ale stejně mi to nešlo.
Až teď, s tímhle návodem, po dlouhých měsícíh, mám zase obrázky a fotky tak, jak se patří.
Děkuji! :-)

2 Elma Elma | Web | 1. října 2012 v 14:36 | Reagovat

Velice ti děkuji, je to od tebe moc pozorné a milé, že sis mezi své oblíbence přidala i naši minizoo, moc ti děkujeme :-) Důvod, proč tvůj krásný dárek nemám v menu je prostý, chci mít menu jen stručné, ale už jednou tam tvůj dáreček visel a nebylo to naposled, to se neboj - chlubím se s ním na všechny strany 8-)

*

Tvůj návod je velice praktický, máš s tím nalepením textu na obrázek naprostou pravdu, děkuji ti za návod, už budu příště vědět, jak to mám udělat :-D

3 VendyW VendyW | E-mail | Web | 1. října 2012 v 15:43 | Reagovat

Super, až budu něco takového dělat budu se řídit tvým návodem. Dík za něj :-)

4 Vendy Vendy | E-mail | Web | 1. října 2012 v 20:56 | Reagovat

Beuško, myslíš, že bys rozhýbala i entí oči? Na to jsem vážně zvědava, připadá mi to jako velký oříšek. Jestli to chceš vyzkoušet, jdi do toho! Obrázek si klidně stáhni, který chceš...
Dáš potom vědět? 8-)
(I kdyby to nešlo, nevadí, tvůj nápad stojí za to.)

5 Labanda © Labanda © | Web | 2. října 2012 v 12:20 | Reagovat

šikula ;-) umíš

6 Lofn Lofn | Web | 2. října 2012 v 14:20 | Reagovat

Děkuji a já zase ocenuji tvůj skvělý návod - píši článek,kde se mi hodí využít tvého skvělého odsazení,tak mi drž palce ;-),snad to zmáknu.
p.s.neuvažuješ o rubrice návody,kam by jsi umístila své skvělé zlepšováčky - to není první případ,kdy jsi přišla se zajímavým nápadem na zlepšení..... :-)  ;-)

7 Lofn Lofn | Web | 2. října 2012 v 16:40 | Reagovat

Děkuji zlat - díky tvému návodu,ještě to ale není dopsané.A k té rubrice -no,tak dám alespon k článku odkaz na tebe a tvůj návod,protože jsi to opravdu přivedla k dokonalosti ;-)

8 Lofn Lofn | Web | 2. října 2012 v 16:56 | Reagovat

Mimochodem,víš že se díky tomu co se dělo u Vendy začínám připadat jako zrůda s PR články ?Ten můj mi tak začíná připadat,jen je zcela zadarmo :-D  Bojím se,aby mě někdo nenapadl,závist je nesmrtelná teta...:-D ;-)

9 Zuzy Zuzy | Web | 2. října 2012 v 19:23 | Reagovat

Ahoj, díky za návod, pomalu se s tím peru! :-) Většinou vkládám brázky až d textu, který je napsán. vyzkoušela jsem u 59.kapitoly a podařilo se !!! Pak u další a je to stejné jak před tím, ale já na to přiju :-D měla jsemasi blbě kurzor.. moc děkuju za snahu pomoct!♥

10 Lofn Lofn | Web | 2. října 2012 v 21:11 | Reagovat

Zlati,tak ti to zděluji jako první -jsem totálně k.o.,asi jsem něco chytla od Ilon-virus se šíří po síti,tak si dej za mě preventivně hodně vitamínů,aby ti nebylo blbě jako mně ;-)  :-!

11 Lofn Lofn | 2. října 2012 v 21:30 | Reagovat

Děkuji,je to od tebe milé :-)

12 Mniška Mniška | E-mail | Web | 10. října 2012 v 12:26 | Reagovat

Mockrát Ti děkuji, milá Beo, za odkaz a za radu. Vyzkoušela jsem to podle Tvého návodu a jsem nanejvýše spokojená! Sama jistě víš, jak mívám text úplně upjatý k obrázku a někdy nejsou ta písmenka pořádně k přečtení. Tohle je vynikající, jednoduché, ale přitom vynikající! Mnohokrát děkuji, jsem Ti vděčná! :)
A taky považuji za velké plus (které u mě máš :-D ) žes vysvětlila ten latinský nápis

13 Joy Joy | Web | 18. října 2012 v 22:09 | Reagovat

Veľmi pekne ďakujem Bei, pomohlo mi to. Som rada, že si na mňa nezabudla. Dlho som sa tu ani neukázala... :-|

14 Lucie Lucie | Web | 11. listopadu 2012 v 13:43 | Reagovat

Děkuji za skvělý a užitečný návod a ráda to vyzkouším 8-)

15 nel-ly nel-ly | Web | 29. listopadu 2012 v 16:43 | Reagovat

S blogovou administrací popravdě žádné problémy nemám... je to dost jednoduché, hlavně když člověk umí s html kódy... osobně to mám často raději připláclé k avataru :-D
jen sháním návod na pohyblivé obrázky :-/ ten jsem nějak nikde npotkala

16 Elisis Elisis | Web | 3. prosince 2012 v 20:25 | Reagovat

Beuš, ty jsi prostě zlatíčko :-) Děkuji Ti moc za radu, která se skvěle osvědčila! Vypadá to opravdu lépe a hnedle jinak se pak článek čte a obrázek vynikne :-) Ještě jednou děkuji!

17 A.I. A.I. | Web | 17. dubna 2013 v 18:07 | Reagovat

Děkuji, moc jsi mi pomohla :)

18 MarijaKes MarijaKes | Web | 21. dubna 2014 v 7:20 | Reagovat

Paráda, děkuji, viděla jsem takto psaný text už na blozích a teprve Helenkas mi poradila tvoje stránky s návodem. Moc děkuji.

19 Katka Katka | Web | 22. dubna 2014 v 20:05 | Reagovat

Jéé!!! :3 :D
Děkuju! Strašně si mi pomohla!!! :3 :D

20 lady Lianna Ellusive lady Lianna Ellusive | E-mail | Web | 19. června 2014 v 17:19 | Reagovat

Mně to obrázek v editoru odsadí, ale za živý svět to nejde uložit. Uložím to, otevřu to a je to zase nalepené na textu.

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama