Ondersteuning » Thema en CSS/opmaak » Achtergrond van een pagina transparant maken

  • Hallo,
    dit is mijn eerste vraag, omdat ik net met WordPress begonnen ben.
    Kan iemand mij vertellen hoe ik pagina’s transparant kan maken, zodat de achtergrondfoto van de website zichtbaar wordt?

1 reactie aan het bekijken (van in totaal 1)
  • Gebruik CSS om de eigenschappen van de opmaak te veranderen.

    Bijvoorbeeld:

    #maincontent {
       background-image:url('paper.gif'); /*plaatje*/
       background-color:#cccccc; /*kleur*/
       color:#66cc99; /*textkleur*/
    }

    Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of een andere webdeveloper plugin / add-on.

    Zo kan je op zoek naar de diverse elementen en de kenmerken zoals, kleur, grootte, positie en afbeelding, aanpassen.

    Gebruik van firebug – enkele eerste stappen

    In browser:

    1. re-klik > element inspecteren met firebug
    2. Het firebug scherm opent:

    * boven de webpagina
    * firebug-werkbalken
    * li-onder: scherm met HTML/ CSS en bijv. DOM
    * re-onder: stijl= css

    3. In de FB-werkbalk: klik het tweede icoon van links [pijltje in vakje];
    4. Beweeg je muis over de webpagina [en klik]. Hiermee selecteer je een element in de webpagina, om daarmee de code zichtbaar te maken in het FB-scherm
    5. In het FB-scherm:

    * Links: de HTML-code van het gekozen element
    * rechts: de stijl =CSS
    * klik in de css en verander de waarde; kleur grootte of voeg een regel toe
    * controleer in het deel van de webpagina of het gewenste effect wordt bereikt
    * Nee? Druk <F5> verversen browser. Probeer iets anders
    * Ja: neem de aanpassing op in de ‘style.css’ van je childtheme

    6. Er is veel info over het gebruik van firebug.
    begin eens hier: https://getfirebug.com/faq/

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Achtergrond van een pagina transparant maken’ is gesloten voor nieuwe reacties.