Ondersteuning » Thema en CSS/opmaak » Custom afbeelding header van de blokken

  • Beste allen,

    Ik zou graag de titel van de blokken willen aanpassen naar een afbeelding.

    Werk met Artisteer en daarin kun je de titel aanpassen en het icoontje wat ervoor staat…
    Maar wil dit dus graag vervangen door een eigen afbeelding…

    neem aan dat ik een bepaald bronbestand moet aanpassen, maar ja: Welke en hoe 😉

    hoop dat jullie me verder kunnen helpen 😀

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Niet op deze manier, dit is te vaag omschreven. Heb je ook een live voorbeeld?

    Thread starter NoLongerActive

    (@zlaapkopz)

    ok 😉

    zie: http://www.motorsportfoto.nl/ en dan de widgets aan de linker-zijde.
    Ik zou graag bij mn site de “titels” willen vervangen door een afbeelding…

    dus voor “zoeken”, “nieuws”, etc. een eigen afbeelding.
    de volgende afbeelding is wel ff snel gedaan, maar hoop dat je snapt wat ik er mee bedoel.

    http://www.motorsportfoto.nl/msf_widgets.jpg

    Dat kan via de stylesheet (style.css).

    De huidige zwarte balk met stip is een afbeelding, zit in regel 840:

    .art-blockheader:before, .art-blockheader:after {
    background-image: url(“images/blockheader.png”);
    }

    Die afbeelding kan je aanpassen zodat de stip weg is.

    Vervolgens moet je de h3 class een achtergrond meegeven. Deze valt dan over de ‘zwarte balk’.

    Voor zoekbalk bijvoorbeeld:

    #search-3 h3.t {
    background: url(“images/afbeelding.png”) no-repeat 3px 5px;
    }

    Voor Nieuws:

    #recent-posts-3 h3.t {
    background: url(“images/afbeelding.png”) no-repeat 3px 5px;
    }

    etc etc

    Thread starter NoLongerActive

    (@zlaapkopz)

    Kijk, super!

    thanks, gaan we daar ff mee “spelen” *O*

    Thread starter NoLongerActive

    (@zlaapkopz)

    Jasper,

    geheid een simpele vraag… maar waar plaats ik de code voor zoekbalk ed. dan? (#search-3 h3.t “etc.etc.”)

    want ben ff aan het kijken/spelen, maar dr veranderd nie gek veel, nie 😉

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Custom afbeelding header van de blokken’ is gesloten voor nieuwe reacties.