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

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

További bejegyzések

Új erő? Új ötletek? Gyakorlás/tesztelés? – BLOG: 36. NAP

Új erő? Új ötletek? Gyakorlás/tesztelés? – BLOG: 36. NAP

Nem tétlenkedtem tavasszal és a nyarat is megindítottam a munkáim révén, viszont az új helyzetek, új látásmódot igényelnek. Nulláról építkezek, ahogy itt is és olyan eszközöket fogok használni, amit előtte nem vagy ilyen kombinációban nem.

Kicsit leálltam: nem sikerült a 60 nap egyben – BLOG: 35. NAP

Kicsit leálltam: nem sikerült a 60 nap egyben – BLOG: 35. NAP

Az elmúlt időszak kicsit hosszabb volt, minthogy 1-2 nap alatt bepótoljam = leálltam. Őszintén bevallom, hogy elgyengültem és nem volt erőm lenyomni egyben a 60 napot. Nem dobtam el a projektet, DE ez a törés megtörtént és lassított a célom elérésében. Van pozitív...

Csatlakozz a közösséghez!

Iratkozz fel még ma!