Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Hoe maak ik lijn met custom kleuren?

Hoe maak ik lijn met custom kleuren?

09 nov 2017 21:10
#1
Op mijn website ( www.deijsmannetjes.de ) heb ik een onderstreping van de titels op de voorpagina. In CSS is die zo gemodelleerd:
Code:
.sec-title-two h2:after { position: absolute; content: ''; width: 42px; height: 1px; left: 50%; margin-left: -21px; bottom: 3px; background-color: #A6FFDE; }

Nu wil ik deze lijn graag vervangen door een image van 1 pixel hoog en 42px breed. Kan dat? Zo ja: hoe?

Alvast bedankt,

Hubert
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 181

Hoe maak ik lijn met custom kleuren?

09 nov 2017 21:17
#2
Kan wel. Dan moet je de regel content verwijderen en background-color vervangen www.w3schools.com/cssref/pr_background-image.asp
Alleen zal het meer laadtijd vragen en visueel geen verschil maken. Dus ik vraag me af waarom je dat zou willen.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Hoe maak ik lijn met custom kleuren?

09 nov 2017 21:45
#3
Ik wil een lijn hebben die 2-kleuri is : dus eerst 1 cm rood, dan 1 cm blauw, dan 1 cm rood etc.
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 181

Hoe maak ik lijn met custom kleuren?

10 nov 2017 13:04
#4
Dat moet dan zoiets worden. Wel even zelf de kleuren aanpassen:
Code:
.sec-title-two h2:after { height: 5px; border: 0; background-image: -webkit-gradient(linear, left top, right top, from(#383838), to(#f15e5e), color-stop(50%, #383838), color-stop(50%, #f15e5e)); background-image: -webkit-linear-gradient(left, #383838, #383838 50%, #f15e5e 50%, #f15e5e); background-image: -moz-linear-gradient(left, #383838, #383838 50%, #f15e5e 50%, #f15e5e); background-image: -ms-linear-gradient(left, #383838, #383838 50%, #f15e5e 50%, #f15e5e); background-image: -o-linear-gradient(left, #383838, #383838 50%, #f15e5e 50%, #f15e5e); -webkit-background-size: 12px 100%; -moz-background-size: 12px 100%; background-size: 12px 100%;
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Hoe maak ik lijn met custom kleuren?

10 nov 2017 20:56
#5
Dank. Ik ga het proberen.
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 181
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.220 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie