← Svi uzorci

Uzorci: Novosti

Najave zadnjih objava s bloga. Prvo V3 verzije (referenca za oko), zatim atomic (ono što koristi motor). Ispod svakog uzorka piše od čega je složen.

V3 — standardni Elementor

Složeno klasičnim Elementor widgetima (Heading, Icon, Image, Button, Container) uz malo CSS-a. Referenca za oko.

Uzorak 08 — Novosti, kartice s crticom

Iz našeg bloga

Bilješke s terena

Savjeti za grijanje i hlađenje, održavanje i novosti o poticajima od naše ekipe.

Sve objave

S čime je napravljen

Izvor: https://demo.modeltheme.com/thermnova/ — Tamo widget teme mtfe-posts-pristine nad objavama.

  • Naslov sekcije: oznaka s točkom + H2 + uvod (isti element kao uzorak 01).
  • Objave: Pro Posts, skin Cards — vuče zadnje 3 stvarne objave: istaknuta slika, kategorija kao bijela oznaka u kutu, naslov, crtica + datum + broj komentara.
  • Hover: slika se polako poveća 8 %, naslov posivi, crtica ispred datuma se izduži s 32 na 48 px.
  • Gumb: Elementor Button, zaseban.

Svijet: v3  ·  Pravilo: Samo ako stranica ima blog s barem 3 objave s istaknutom slikom; inače se sekcija ne stavlja.

Standardni Pro element + CSS (dio stilova s !important jer su stilovi widgeta jači od CSS-a sekcije). Ide samo na sajtove s blogom.

Uzorak 14 — Novosti, velika i dvije manje

Najnovije vijesti

Pročitajte naše najnovije vijesti i savjete

S čime je napravljen

Izvor: https://demo.bravisthemes.com/visora/ — Tamo widget teme pxl_post_grid (layout 5) nad objavama.

  • Objave: Pro Posts (skin Cards) nad stvarnim objavama, CSS-om preoblikovan u mrežu 2:1 — prva objava velika preko dva reda, dvije manje desno.
  • Kartica: fotografija preko cijele kartice, plavi gradijent odozdo; crvena oznaka kategorije + datum • komentari, ispod podcrtani bijeli naslov.
  • Hover: slika se poveća 7 %, crta ispod naslova se „prebriše” s desna i vrati slijeva.

Svijet: v3  ·  Pravilo: Samo s blogom od barem 3 objave s dobrim istaknutim slikama (slika nosi cijelu karticu).

Pro Posts + CSS (dio s !important). Treba blog s dobrim istaknutim slikama.

Uzorak 17 — Novosti, tri stupca u okviru

Najnovije vijesti

Izdvojene vijesti
i blog

Stručni uvidi, trendovi u struci i praktične strategije koje pomažu tvrtkama u boljim odlukama.

Sve objave

S čime je napravljen

Izvor: https://demo.bravisthemes.com/bizznep/home-3/ — Tamo widget teme pxl_post_carousel (layout 1, style 1).

  • Zaglavlje: podijeljeno u tri dijela: pilula + H2 | uvod | poveznica „Sve objave”.
  • Objave: Pro Posts (skin Classic) nad stvarnim objavama, CSS-om složen u bijeli okvir s razdjelnicima; datum kao tamna oznaka na rubu fotke, sažetak, podcrtani „Pročitaj više”.
  • Hover: fotka se poveća 6 %, „Pročitaj više” iskliže.

Svijet: v3  ·  Pravilo: Blog s barem 3 objave; autor se ne prikazuje (Classic skin nema avatar) — ako je važan, treba naš element ili Loop predložak.

Pro Posts + CSS. Na originalu je i autor s avatarom — Classic skin ga nema; ako treba, naš element ili Loop predložak.

Atomic — Elementor 4

Isti uzorci složeni atomic elementima kroz build-composition, s globalnim varijablama boja. Ovo motor koristi.

Uzorak 08 — Novosti (atomic)

Iz našeg bloga

Bilješke s terena

Savjeti za grijanje i hlađenje, održavanje i novosti o poticajima od naše ekipe.

Sve objave

S čime je napravljen

Izvor: https://demo.modeltheme.com/thermnova/ — Složeno kroz build-composition, 0 upozorenja.

  • Kartice: e-grid 3/2/1 > e-flexbox article: e-image + kategorija, e-heading H3, crtica (e-div-block) + datum.
  • Hover: slika i naslov reagiraju svaki na svoj hover; crtica se ne izdužuje (dijete).

Svijet: atomic  ·  Pravilo: Statične kartice — za stvarne objave treba petlja (e-collection-loop ili Pro Posts).

Statične kartice — atomic ovdje ne čita objave. Za pravu najavu treba petlja (e-collection-loop ili Pro Posts).

Uzorak 14 — Novosti (atomic)

Najnovije vijesti

Pročitajte naše najnovije vijesti i savjete

Kvaliteta zraka

26. 10. 2026.  •  0 komentara

Kako poboljšati kvalitetu zraka u stanu zimi

Dizalice topline

25. 10. 2026.  •  0 komentara

Dizalica topline ili plinski kotao: što se više isplati?

Poticaji i financiranje

24. 10. 2026.  •  0 komentara

Poticaji za dizalice topline u 2026. — kratki vodič

S čime je napravljen

Izvor: https://demo.bravisthemes.com/visora/ — Složeno kroz build-composition.

  • Mreža: e-grid 2fr/1fr, prva kartica preko dva reda.
  • Kartica: e-flexbox kao poveznica s višeslojnom pozadinom (gradijent + slika); zoom na hover kroz globalnu klasu u14-vijest.

Svijet: atomic  ·  Pravilo: Statične kartice (sadržaj upisan pri gradnji) — za pravu najavu treba petlja.

Statične kartice (sadržaj upisan pri gradnji) i bez animirane crte — za pravu najavu treba petlja.

Uzorak 17 — Novosti, tri stupca (atomic)

Najnovije vijesti

Izdvojene vijesti
i blog

Stručni uvidi, trendovi u struci i praktične strategije koje pomažu tvrtkama u boljim odlukama.

Sve objave

S čime je napravljen

Izvor: https://demo.bravisthemes.com/bizznep/home-3/ — Složeno kroz build-composition.

  • Okvir: e-grid s bijelom pozadinom i zaobljenjem > tri e-flexbox stupca s razdjelnikom; datum apsolutno na rubu slike.

Svijet: atomic  ·  Pravilo: Statične kartice — za stvarne objave treba petlja.

Statične kartice; zoom kreće s miša na slici.