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 Stijlen van bootstrap Navbar

Stijlen van bootstrap Navbar

01 nov 2013 08:18 - 01 nov 2013 08:20
#1
Hoi,

Ik heb dezelfde (bootstrap 2) navbar in gebruik als op

deze site

Wat ik echter graag wil is:

Het achtergrondplaatje doorlaten komen in uiterlijk van de navbar..
En dan iets donkerder maken dan achtergrondplaatje zelf (zodat duidelijk is dat het een soort van werkbalk is).

Misschien moet ik even een link maken met eigen site. Maar wellicht is het zo ook duidelijk:

Het probleem is echter als ik met het commando rbgn (0,0,0,0) een opacity geef met kleur van navbar en achtergrond dat ik wel de gewenste uiterlijk krijg, maar als ik naar beneden scrol dan krijgt de navbar een uiterlijk van de artikelen.

Hoe kan ik de navbar een iets donkerder uiterlijk geven van achtergrondplaatje alleen en zonder dat artikelen zichtbaar worden in navbar? (achtergrond is responsive).
Laatst bewerkt 01 nov 2013 08:20 door JustBe.
Discussie gesloten.
  • JustBe
  • JustBe's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Stijlen van bootstrap Navbar

01 nov 2013 09:46
#2
Je zult moeten beginnen met je background image ook in de navbar te zetten. Zo ongeveer:
Code:
.navbar-inverse .navbar-inner { background-image: url("../images/background1.jpg"); background-size: cover; }
En dan verder even kijken hoe je het met kleuren doet.
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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37151

Stijlen van bootstrap Navbar

01 nov 2013 10:04
#3
Een linkje naar site zoals het er nu voorstaat:

site


Als ik naar beneden scrol zie ik de artikelen in de navbar terugkomen.

Zal ns gaan spelen straks met je suggestie.
Discussie gesloten.
  • JustBe
  • JustBe's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Stijlen van bootstrap Navbar

02 nov 2013 07:23 - 02 nov 2013 07:30
#4
Thanks, dat is een stap vooruit.

Wat ik wil, is toch wat lastiger dan ik gehoopt had.

Een simpel zwart balkje er over heen zetten en het een opacity waarde geven, verandert ook de kleur letters en de vlaggen.

Iets als dit geprobeerd:
Code:
/*opacity:0.75; background-color: rbga(125,125,125);

Deze code zette ik achter de code van post hierboven, maar dit levert als resultaat
dat de artikelen weer te zien zijn onder de navbar als je scrolt.


Ook werd de vlag en de letters vager van kleur.
Laatst bewerkt 02 nov 2013 07:30 door JustBe.
Discussie gesloten.
  • JustBe
  • JustBe's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Stijlen van bootstrap Navbar

02 nov 2013 07:45
#5
Oh hmm, ik denk als ik nog een achtergrondplaatje maak die wat donkerder van kleur is, en daar naar toe verwijs, dat het probleem is opgelost.
Discussie gesloten.
  • JustBe
  • JustBe's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 2.188 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