Vermeld in iedere vraag duidelijk:

De versie van Joomla! 3.X die je gebruikt
De volledige url van je website indien mogelijk.
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

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
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 207

Hoe maak ik lijn met custom kleuren?

09 nov 2017 21:17

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
Moderator + Technisch team
Berichten: 37558

Hoe maak ik lijn met custom kleuren?

09 nov 2017 21:45

Ik wil een lijn hebben die 2-kleuri is : dus eerst 1 cm rood, dan 1 cm blauw, dan 1 cm rood etc.

Hubert
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 207

Hoe maak ik lijn met custom kleuren?

10 nov 2017 13:04

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
Moderator + Technisch team
Berichten: 37558

Hoe maak ik lijn met custom kleuren?

10 nov 2017 20:56

Dank. Ik ga het proberen.

Hubert
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 207

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.640 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Hoe maak ik lijn met custom kleuren?

Hoe maak ik lijn met custom kleuren?

Hoe maak ik lijn met custom kleuren?

Hoe maak ik lijn met custom kleuren?

Hoe maak ik lijn met custom kleuren?

Hoe maak ik lijn met custom kleuren?

Laatste forumberichten

Wil je Joomla!NL steunen?