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 Menu plaagt achtergrond
Menu plaagt achtergrond
29 mrt 2019 13:55
Hallo allen,
Ik als beginnende Joomleur probeer een website in elkaar te zetten. Na een enorme struggle om de achtergrond in gradient te krijgen zonder image was ik erg trots op mezelf
Het probleem was dat het leek alsof op 3/4de van de pagina de achtergrond opnieuw begon. Bovenin de pagina heb ik een lichte kleur welke langzaam donkerder wordt, op 3/4de van de pagina stopte dat het verloop en kwam de lichte (begin)kleur weer terug.
Nu dit opgelost is wilde ik verder bouwen aan de site en een Facebook widget onder het menu plaatsen. In mijn user.css staat de achtergrond gedefinieerd in .container en .well en de widget komt dan in het .well vak.
Wanneer ik dit doe wordt de "container" weer langer en doet de achtergrond weer zoals hierboven beschreven. Iemand dit al eens eerder gehad en eventueel een oplossing?
p.s. excuus voor de misschien noobisch omschrijving
Groetjes,
Robert
Ik als beginnende Joomleur probeer een website in elkaar te zetten. Na een enorme struggle om de achtergrond in gradient te krijgen zonder image was ik erg trots op mezelf
Het probleem was dat het leek alsof op 3/4de van de pagina de achtergrond opnieuw begon. Bovenin de pagina heb ik een lichte kleur welke langzaam donkerder wordt, op 3/4de van de pagina stopte dat het verloop en kwam de lichte (begin)kleur weer terug.
Nu dit opgelost is wilde ik verder bouwen aan de site en een Facebook widget onder het menu plaatsen. In mijn user.css staat de achtergrond gedefinieerd in .container en .well en de widget komt dan in het .well vak.
Wanneer ik dit doe wordt de "container" weer langer en doet de achtergrond weer zoals hierboven beschreven. Iemand dit al eens eerder gehad en eventueel een oplossing?
p.s. excuus voor de misschien noobisch omschrijving
Groetjes,
Robert
- Styxeldiablo
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 8
Menu plaagt achtergrond
29 mrt 2019 14:08
Namens het Joomla!NL team heet ik je hartelijk welkom op dit forum.
Helaas zijn wij niet helderziende. Van belang is te weten welke code en waar jij precies hebt toegepast en welk template je hebt gebruikt.
Dus het handigst is dat de leden even kunnen meekijken. Als je site online staat, geef dan even een url
Helaas zijn wij niet helderziende. Van belang is te weten welke code en waar jij precies hebt toegepast en welk template je hebt gebruikt.
Dus het handigst is dat de leden even kunnen meekijken. Als je site online staat, geef dan even een url
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
- Romke
- Algemeen Moderator
- Berichten: 3634
Menu plaagt achtergrond
29 mrt 2019 14:22
Dank je wel... Zowel voor het warme welkom als de snelle reactie...
Haha niet helderziend helaas excuus,
Hmm helaas staat de site nog niet online... Deze draai ik lokaal via Xammp.
Ik gebruik template protostar, hier heb ik verder niet echt dingen aangepast maar heb een user.css aangemaakt. Voor de facebook widget gebruik ik de extensie MyFacebookPage.
Wellicht is dit dan handig(?) Dit is alles wat ik in de user.css heb aangepast. Misschien moet ik eens kijken of ik de site vast online kan krijgen dat is misschien wat handiger
Haha niet helderziend helaas excuus,
Hmm helaas staat de site nog niet online... Deze draai ik lokaal via Xammp.
Ik gebruik template protostar, hier heb ik verder niet echt dingen aangepast maar heb een user.css aangemaakt. Voor de facebook widget gebruik ik de extensie MyFacebookPage.
Wellicht is dit dan handig(?) Dit is alles wat ik in de user.css heb aangepast. Misschien moet ik eens kijken of ik de site vast online kan krijgen dat is misschien wat handiger
Code:
body.site {
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
background size: cover;
}
html {
height: 100%;
}
site.body {
height: absolute;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
}
.site .container {
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
background-repeat: no-repeat;
background-attachment: fixed;
min-height: 20px;
padding: 19px;
margin-bottom: 20px; }
.well {
background: #b4ddb4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #b4ddb4 0%, #83c783 35%, #52b152 97%, #008a00 100%, #005700 100%, #002400 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #b4ddb4 0%,#83c783 35%,#52b152 97%,#008a00 100%,#005700 100%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #b4ddb4 0%,#83c783 35%,#52b152 97%,#008a00 100%,#005700 100%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #333;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
}
margin
border
padding
×
220×106.4
static
box-sizing
content-box
display
block
float
none
line-height
18px
position
static
z-index
auto
- Styxeldiablo
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 8
Menu plaagt achtergrond
29 mrt 2019 15:15
Dat zou inderdaad een stuk handiger zijn. Ik zie wel heel veel "rommel" onderin je user.css in ieder geval.
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: 37431
Menu plaagt achtergrond
29 mrt 2019 17:14
Bedankt voor de tip... heb de "rommel" verwijderd en niks zien veranderen... geen idee waar het vandaan kwam... het is voor mij nog niet echt gesneden koek, maar leer door trial and error zeg maar...
Heb inmiddels de code in user.css aangepast... background size veranderd van "cover" naar "100%"
Nu is het weer zoals het moest...
Heb inmiddels de code in user.css aangepast... background size veranderd van "cover" naar "100%"
Nu is het weer zoals het moest...
- Styxeldiablo
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 8
Tijd voor maken pagina: 0.628 seconden