CSS és Design apróságok – Blog: 20. nap

Blog

Az elmúlt napokban kisebb feladatokkal voltam elfoglalva és most sem terveztem nagyobb lélegzetvételű munkába belevágni. Ha a listáimra túl sok elem kerül fel, akkor az közvetve feszültséget gerjeszt, ekkor szoktam neki esni. Ebben a részben erről lesz szó.

Milyen javításokat, mókolásokat végeztem el?

  1. Az oldal tartalmi felülete 1080px-re volt beállítva, amit 1280px-re állítottam = könnyebben elférnek a tartalmak, nagyobb méretben jelenhetnek meg (asztali kijelzőn természetesen)
  2. A bejegyzésekhez igyekszek saját képet készíteni, ezzel is hanyagolva az ingyenes stock képeket = nem biztos, hogy ez lesz a végső irány, mert a kép tartalma nem mindig optimálisan jelenik meg, DE átmenetileg ezt a megoldást használom
  3. Fontokat végre beállítottam globálisan, hogy ne kelljen minden sablonnál állítgatnom
    • Címsorok Noto Sans betűtípust kaptak (kicsit játszottam a félkövér és nagybetűs változattal – nem mentettem, mert ez minden oldalon más és más)
    • A törzsszöveg Open Sans lett (vagy maradt, mert azt nem babráltam eddig)
  4. Megvizsgáltam a LearnDash gombok (megtanultam, következő és előző) CSS beállításait, mert sok esetben túl szélesek és nincsenek középre igazítva (mobilon sok beállítás 100%-ot használ, margin és padding nélkül)
    • az elem kapott egy 100%-os méretet = levettem a beállítást és 200 px-elt adtam meg
    • bal oldalra került egy 10px-eles margint = levettem a beállítást
    • középre igazítottam, hogy legyen valamilyen formája
  5. A morzsa mobilon nem látszik és a > (kacsacsőr valahogy nem néz ki elég jól) = módosítottam, DE ezzel még lesz feladat
    • először nem igazán találtam a beállításokat, pedig emlékeztem, hogy valahol jóváhagytam, egyszer, valamikor …
    • nem volt sehol: se a Divi, se a LearnDash beállításoknál, plugint nem is találtam, Theme builderben nem volt ilyen beállítás …
    • végül ma nem lett meg 😀 – elbújt, DE holnap is nap …
  6. Félsiker a morzsa nem oldódott meg, DE találtam a Theme builderben egy üres oldalsáv blokkot, amit el is tüntettem = már egy magasságban kezdődik a két oszlop
  7. Fejlécet is kicsit csinosítottam
    • másodlagos menü sornál a fehér szövegszín szürkére cseréltem = jobban tetszik, olvashatóbb is lett
    • a még sötétebb sárgát kipróbáltam háttérnek, DE az már sok volt
    • elsődleges menü sort a globális fonthoz igazítottam és nagybetűvel írtam = egy fokkal jobb
    • aktív hivatkozásoknál sötétebbre állítottam a hivatkozás színét – új kód: #ff9f19 (talán már nem sárga, lehet sose volt az)
    • a legnagyobb probléma a fejléccel, hogy nincs logó (lassan erre kell majd fókuszálni)
  8. Lábléc módosítgatása
    • a szerkezeten nem fogom változtatni = 3 oszlop
    • a tartalmi részeken akkor érdemes elkezdeni gondolkozni, HA van mit megjeleníteni (hirdetések, üzenetek, tartalmak stb)
    • kicsit módosítottam a színezést a fejlécben használtaknak megfelelően
    • az alsó sáv: sötét sárga háttéren szürke betűk (a közösségi logók is), a betűméret és az ikon is csökkent
    • lábléc menü: pont fordított színekkel
    • RSS feed: a cím nagy kapitális lett, a törzsszöveg dőlt és picit csökkentettem a betű méreteket is (szerintem élvezhetőbb lett)

Jelenleg ennyi módosításhoz volt kedvem (maradtak még a kalapban feladatok azért a következő napokra is). A lista annyira nem volt hosszú, DE azért voltak tényleg látványos elemek is. Ha minden nap CSAK ennyi munkát végzek el, akkor kíváncsi leszek, hogy egy év múlva meddig jutok. Remek ötlet egy cikkhez, ami egy kis időkapszula lesz a jelenlegi állással és egy előirányzott/tervezett 1 éves haladás meghatározása (érdekes kihívás lesz majd az 1 évvel öregebb énemnek ezt olvasnia – remélhetőleg büszke és nem sajnálkozó arckifejezéssel teszi majd)

Címkék: apróságok | CSS | design | Divi | hiba | javítás

0 hozzászólás

További bejegyzések

Munka közben jön meg az étvágy?  – BLOG #39

Munka közben jön meg az étvágy?  – BLOG #39

Volt egy kisebb kihagyás a leckék írásával, mert egy saját projekt elvitte a fókuszt. Voltak adminisztrációs jellegű feladatok, amelyek számlázást (örömteli a bevételhez jutni) takartak egy kis komplikációval és új projektre való szerződést (ugye ez is pozitív, DE...

Haladok a kurzussal – BLOG #38

Haladok a kurzussal – BLOG #38

Novemberben átkapcsolt valami és aktiváltam magam. Lehet most indult fel a szinusz függvény, DE nem is érdekel, mert haladok. Nem tettem le a kurzusról, viszont azt hittem, hogy kicsit komolyabbal szeretnék nyitni. A tervezési fázis végén, viszont rá kellett jönnöm,...

Újrakezdés 2.0 – BLOG: 37. NAP

Újrakezdés 2.0 – BLOG: 37. NAP

Már megint itt vagyok, mert sikerült egy kicsit alul pörgetnem az életem és végre nem CSAK beszélni/írni akarok, hanem videózni ... jahh persze, CSAK vicceltem. Lényegében a tervek készen vannak, a tudás megszerezve, a kommunikációs eszközök és csatornák rendelkezésre...

Csatlakozz a közösséghez!

Iratkozz fel még ma!

Pin It on Pinterest