Üdvözlünk az Atomic Laborban(ez egy Atomic címsor, H1)
Ez már a leírás rész (szövegszerkesztő - paragraph). Változás a klasszik szerkesztőhöz képest. hogy a menürendszer ugyan az mint a fő építő elem -> flexbox esetén. Az adott elem szerkeszéséhez már ne keressük a jobb felső sarokban a ceruza ikont, hanem csak egyszerűen kattintsunk a szerkeszteni kívát elemre. Első tapasztalat, hogy üres flexboxba, ne hejezzünk címsort, ha más elemeket is be kívánunk építeni a konténerbe, mert az Atomic címsor alá - főlé nem enged elemet beilleszteni, csak jobra vagy balra. Megoldás: Flexbox - Div blokk - címsor, stb. Pozitívum a klasszik szerkesztőhöz képest, hogy egy stílus fül alá rendeztek minden beállítást Margók, szövegigazítás, betűtípus. Nem kell külön stílus - és haladó beállításokban keresgélni, azt amire szükségünk van. Arra azomban érdemes odafigyelni, hogy DIV konténer esetén ne felejtsük el beállítani a szükséges HTML cimkét.
Az első konténer classic editor változata.
Mig a fent található címsor és szövegszerkesztő, Flexbox -> DIV -> Címsor -> paragraf struktúrában épült. Addíg ez, Flexbox -> Konténer -> Címsor -> Szövegszerkesztő elemekből épűl fel. Jól megfigyelhető a kezdeti és lényeges különbség. Míg a fenti blokban faltól – falig érnek a szövegek alaphelyzetben itt már látszik a markáns különbség alap beállításoknál is. (nem is változtatok rajta, hogy látszódjon a különbség) Azt viszont megjegyzem, hogy a klasszikus szövegszerkesztő széles tárháza az Atomic verzióból roppantúl hiányzik. A responzíve beállítások hiánya szintén ide sorolandó, főként hogy akár megjelenés beli különbségeket nem lehet kijelzőtípusokon elrejteni. Erre csak az effekteknél van lehetőség az Atomicban. Ott is az adott elem -> interakciók menüben választhatóak és hangolhatóak az effektek, valamint mely kijelzőtípusokon legyen látható. Nehéz lesz felűlmúlni a klasszik elementor elemeket, főleg ha nem veszik figyelembe a felhasználók véleményét.
Ez is egy Atomic címsor de, közvetlenűl a flexboxban. (H2)
Fontos megállapítás, hogy itt már DIV konténer nélkül is könnyen beilleszthetőek az elemek. Fontos: Az alap Flexbox esetén az elrendezés opciókra odafigyelni, így az előbbi kellemetlenség megspórolható 🙂 <br> látható, hogy a hagyományos - régi utak nem járhatóak, mikor a szövegszerkesztőben, egyszerűen meg lehetett oldani pl. a sortörést, vagy pl. egy színkódot beilleszteni<span style="color:#024f7b;"> </span>. Ehez az egér bal gombját folyamatossan nyomva tartva jelöljük ki az adott szövegszakaszt, és válasszunk a megjelenő menüből. Mindenesetre hiányolom a sortörés és az adott szövegrész külön színezhetőség beállításást!!
Klaszik címsor közvetlenűl a flexboxban.
Nem kívánom ismételni magamat. Szövegszerkesztő hiányosságai.
Természetessen ha szövegrészeket kívánunk kiemelni színekkel mint példálul ezt.
Akkor a hagyományos címsort kell beilleszteni és a címsor -> szöveg részében elrejteni a különböző kódokat
Még ez is Atomic címsor, de a fő flexboxban két div konténer kerűlt elhelyezésre. (H3)
Természetessen kérdés az, hogy valóban szükséges ez, de HTML cimkét a fő (Flexbox) konténerre is tudunk állítani illetőleg a DIV blokkokra.
Itt, a flexboxban két hagyományos konténer elem található. (H3)
Az alap megjelenés jól látható a klassik és felette az azonos Atomic elemek között. A klasszik szerkesztő esetén a konténerek és belső tartalmi elemek szélességének változtatásával tudjuk faltól – falig állítani a szöveget.(széthúzni ha kell). Atomic esetén pont fordítva doboz – tartalom szélessége és margókkal kell (összenyomni a tartalmat, ha szükséges). Talán egyéni prefereincia függő, hogy jelen esetben mejik megoldást használja a webépítő.
Ez a címsor egy Div blokkban található.
Ez az atomic szövegszerkesztő. a DIV blokk szélessége 50%.