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 Stijlen van bootstrap Navbar
Stijlen van bootstrap Navbar
01 nov 2013 08:18 - 01 nov 2013 08:20
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).
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).
- JustBe
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 155
Stijlen van bootstrap Navbar
01 nov 2013 09:46
Je zult moeten beginnen met je background image ook in de navbar te zetten. Zo ongeveer:
En dan verder even kijken hoe je het met kleuren doet.
Code:
.navbar-inverse .navbar-inner {
background-image: url("../images/background1.jpg");
background-size: cover;
}
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: 37556
Stijlen van bootstrap Navbar
01 nov 2013 10:04
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.
site
Als ik naar beneden scrol zie ik de artikelen in de navbar terugkomen.
Zal ns gaan spelen straks met je suggestie.
- JustBe
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 155
Stijlen van bootstrap Navbar
02 nov 2013 07:23 - 02 nov 2013 07:30
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:
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.
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.
- JustBe
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 155
Tijd voor maken pagina: 0.642 seconden