Link Google CSS bestand

PDF
Jouwweb google css link
PDF [488.6 KB]
Download (5 downloads)

Voor dit gedeelte is ervaring met HTML en CSS een vereiste..

Eigen stijlen toevoegen:

Voor gebruikers die beschikken over een Google account en gebruik maken van Google Drive is het mogelijk een CSS (stijl) bestand te maken en deze op te slaan en te gebruiken op Google Drive.

Voordeel is dat het bestand dan voor meerdere websites gebruikt kan worden, en dat het bestand er véél overzichtelijker uitziet.

Voorbeeld hoe het bewerken via Google Drive CSS Editey (l)overzichtelijker werkt als de toevoeging in Jouwweb (r)


stitched-donkerblauw-3 / Class uit gelinkt Google CSS bestand

Voorbeeld

VOORBEELD:

  • Maak je CSS bestand met een herkenbare naam bijv. jouwweb-stijl.css
  • Upload het bestand naar Google Drive
  • Ga naar Google Drive en maak er bij voorkeur een herkenbare mnap waarin het css-bestand geplaatst kan worden
  • Kies voor 'Delen'.
  • Verander de instelling in 'mogen weergeven
  • Klik op geavanceerd
  • Kies bij 'Wie heeft er toegang' voor 'Openbaar op het internet'
  • Klik op klaar.
  • In het scherm staat nu een code regel die bewerkt moet gaan worden. 'Link om te delen'
    In feite hebben we alleen de code van het document nodig.
    In onderstaand voorbeeld het gedeelte na ...com/file/d/
    Ook het laatste gedeelte vervalt.
  • De code in ROOD hebben we niet nodig
  • De overige code is MIJN persoonlijke code dus die is voor iedereen anders !!!
  • De regel wordt nu aangepast het begin van de tekst VOOR de code wordt:
  • De tekst ACHTER de code wordt :
  • De totale code in dit VOORBREELD met MIJN code wordt:
  • Deze code regel kan nu in Jouwweb onder 'Meer..' - Website instellingen- geavanceerd  in het head blok worden geplaatst.

Bijwerken CSS bestand in Google Drive

  • In Google drive staat nu het gebruikte stijl bestand. Als je daar wijzigingen in wilt maken kan dat doo:
  • Het LOKALE bestand op de PC aan te passen.
  • Klik met RECHTS op het bestand in Googledrive
  • Kies voor: Versies beheren.
  • Kies voor 'Nieuwe versie uploaden'

Vergeet niet om de Google CODE van het CSS boven in het CSS bestand te zetten zodat je nog kan zien wat het bron bestand is en waar het staat.

  • Kies de nieuwe LOKALE versie en klik op sluiten.
  • Het bestand is nu direct bijgewerkt en beschikbaar.