Hvordan lage en Widget Bla med siden?

May 9

Widgets på nettsteder er små elementer som kan inneholde spesifikk informasjon, som gjenstander trukket fra eksterne kilder eller sideverktøy for å yte bedre service til brukeren. De fleste widgets finnes i HTML-koden som gjør det enkelt å bruke CSS posisjonering for å endre widget plass på siden. Med bruk av CSS fast posisjonering, kan en widget bla med en side, slik at det alltid vil bo i brukerens syn.

Bruksanvisning

1 Åpne kode editor av ditt valg og skape nye HTML og CSS sider. Hvis du allerede har eksisterende HTML og CSS-filer, kan du åpne dem i stedet.

2 Legg en omsluttende <div> tag satt rundt widgeten koden i HTML-filen. For eksempel: <div class = "fixedscroll"> Widget kode </ div>

3 Lag en stil klasse for "fixedscroll" div attributtet i CSS-filen. For eksempel: div.fixedscroll {}

4 Legg den faste posisjonering stil til stil klasse. For eksempel: div.fixedscroll {stilling: fast; }

5 Spar både kodefiler. Widgeten skal nå bla med siden.

Hint

Legg til "top", "bottom", "høyre" og / eller "venstre" stil attributter for å plassere widgeten mer presist.
I Internet Explorer, må du ta en dokumenttype i HTML-fil for å posisjonere å fungere korrekt. For eksempel: <! DOCTYPE html> Sideinnhold </ html>