Izrada web stranice, il...

Forum koji ne mora biti vezan za elektroniku ali u kojem vrijede pravila foruma!

Moderators: pedja089, stojke369, [eDo], trax, LAF

Post Reply
User avatar
pedja089
Administrator sajta
Administrator sajta
Posts: 7871
Joined: 20-02-2007, 14:50
Location: Beočin -Srbija

Izrada web stranice, il...

Post by pedja089 »

Pisem po treci put, prva dva puta sam ubio forum :D
Posto sam totalno nepismen oko html-a css-a i sta ti ja znam cega, treba mi pomoc.
Ukratko o cemu se radi...
Napravio sam neki web server, koji parsa post i get zahteve, i odredjene prosledjuje na seriski port(upravlja modulima za roletne, svetlo, dobija temperature...), a ostatak prikazuje web stranice iz foldera.

Napravio sam stranicu da reaguje na klik po svg elementima, da ih menja, i da salje zahtev serveu.
Za sada to prilicno ruzno i glupo izgleda, u zipu u prilogu je stranica koju sam napravio.

Ja bi voleo da to izgleda ovako nekako
Image

Voleo bi da ikonice u pozadi mogu da budu samo crno/providne, a da preko bude maska. Sestougli bi trebali biti nekako definisani, da mogu da reaguju na levi klik, i desni ako je moguce. Da im se pozicija moze lako definisati...
I bilo bi jako lepo ako bi se u pojedinim mogla prikazati temperatura i vlaznost, u obliku segmentnog displeja... Mislim moze se generisati svg za svaki broj, i to mi nije problem, al verovatno ima elegantnije resenje.
Pozadina bi voleo da bude dinamicna, sa nekom animacijom PCB-a ili ovako nekih trouglova, sta ti znam...
https://videohive.net/item/circuit-boar ... v7/5824232
Pa da se jednom pusti snimak, oko poslednjeg kliknutog sestougla.
Da on bude u centru...
Ili https://www.shutterstock.com/video/clip ... technology

Za pocetak ima li ko predlog, kako dobiti sestougao da mu se moze definisati ivica, maska, pozadina, ikonica. Posto donekle razumem java script i slutim kako ajax radi, voleo bi da te stvari mogu menjati iz js.

Neka pomoc? Ili previse trazim?

EDIT:
I najbitniju stvar sam zaboravio okaciti...
Nasao sam ovo
https://codepen.io/kevindeedavis/pen/NBQYzm
https://codepen.io/cmd430/pen/pJKQpg
Attachments
Pages.zip
(19.93 KiB) Downloaded 201 times
Post Reply