Denne Widgeten gjør det enkelt for deg å implementere en innlogging til Golfbox fra din nettside.
Send infoen nedenfor til din webansvarlige.
NB! Widgeten og innlogging til GolfBox kan kun brukes av golfklubber tilsluttet NGF, samt simulatorsentre som har avtale med en golfklubb tilsluttet NGF og hvor simulatorene kan bookes i GolfBox. |
CSS
Kopier og lim inn følgende kodesnutt, fortrinnsvis i <head>
på ditt nettsted.
<link rel="stylesheet" href="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.css">
HTML
Lag en lenke <a>
hvor som helst som åpner innloggingsboksen ved å gi den stilen golfboxLoginOpen. Eksempel:
<a href="#" class="golfboxLoginOpen">Logg inn i GolfBox</a>
JS
Kopier og lim inn følgende kodesnutt et sted i ditt nettsted, gjerne helt mot slutten av <body>
.
<script src="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.js" defer></script>
Hva om jeg kun har tilgang til å legge en kodesnutt ett sted på siden?
I dette tilfellet kan du enten høre med din nettsideleverandør, eller du kan lime all kode inn på ett sted. Det vil si både CSS, JS og HTML. Vi har samlet koden nedenfor slik at du kan kopiere og lime den derfra.
<link rel="stylesheet" href="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.css">
<a href="#" class="golfboxLoginOpen">Logg inn i GolfBox</a>
<script src="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.js" defer></script>
Jeg vil ha knapp, ikke kun en tekstlenke
Hvis du vil at lenken skal se ut som en knapp, slik som i toppen av denne siden kan du bruke følgende HTML-snutt i stede.
<a href="#" class="golfboxLoginOpen golfboxLoginOpenBtnDark"></a>
Knappen finnes som mørk og lys. Standard er mørk.
Hvis du vil ha lys knapp erstatter du golfboxLoginOpenBtnDark
med golfboxLoginOpenBtnLight
Hva med tilpasning?
Widgeten genererer HTML i nettstedet slik at du står fritt til å overstyre alle stilene ved hjelp av vanlig CSS.
Kommentarer
0 kommentarer
Artikkelen er stengt for kommentarer.