opgelost Grijs transparante menubalk over headerfoto en zoekknop.

Grijs transparante menubalk over headerfoto en zoekknop.

14 apr 2015 13:43

Vraagje. Voor onze website willen we een eigenlijk een grijs transparante menubalk die over de headerfoto heen valt. Hoe dit eruit zou moeten zien is bijgevoegd als afbeelding in de bijlage. Weet iemand hoe we dit moeten doen? Ook hebben we nu een lelijk 'Ga' knopje bij de zoekfunctie en die willen we eigenlijk vergelijkbaar als aangegeven in de afbeelding. Kan iemand ons daarmee helpen?
Bij voorkeur zouden we dit met extenties doen die automatisch met updates mee gaan.
Op de website kun je zien hoe dat het er nu uit ziet.

Groeten Nick

GeoPlay
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 6

Grijs transparante menubalk over headerfoto en zoekknop.

14 apr 2015 14:26

Hallo Nick,

Namens het Joomla!NL team heet ik je van harte welkom op dit forum.

Kan wel met css maar is een behoorlijke klus.

Code:

#topmenu {
  background: none repeat scroll 0 0 rgba(100, 110, 103, 0.7);
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: -1px;
  padding: 5px 0;
  width: 900px;
}
#hoofdmenu {
  position: absolute;
  z-index: 100;
}

.nivo-caption {
  bottom: 300px;
}

Dit blijft wel behouden bij updates, omdat het via je template css geregeld wordt.

Die knop zou je moeten kunnen verbergen bij de parameters van je slim zoeken module.

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: 37554

Grijs transparante menubalk over headerfoto en zoekknop.

15 apr 2015 17:16

Heel erg bedankt! Het is gelukt.

GeoPlay
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 6

Grijs transparante menubalk over headerfoto en zoekknop.

15 apr 2015 19:06

Hallo,

Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.

Je kunt in de toekomst zelf na het terugkoppelen de topic sluiten door op de groene "Dit is de oplossing" knop te klikken.
Kijk ook hier even voor een volgende keer