Hoogte horizontaal menu
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6381
door Gast
Hoogte horizontaal menu werd gestart door Gast
De hoogte van m'n horizontale menu is erg hoog, deze zou ik graag wat smaller willen maken. Het betreft een template van Rockettheme (Hadron).
Daarnaast zou ik graag willen dat het sub-menu ook horizontaal wordt getoont, net onder het hoofdmenu. is dat mogelijk, zo ja hoe doe ik dat ?
Klik op het menu item 'Uitslagen' als voorbeeld
www.bridgeclubalert.nl/test1/index.php
Daarnaast zou ik graag willen dat het sub-menu ook horizontaal wordt getoont, net onder het hoofdmenu. is dat mogelijk, zo ja hoe doe ik dat ?
Klik op het menu item 'Uitslagen' als voorbeeld
www.bridgeclubalert.nl/test1/index.php
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6382
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
Je kan een stukje custom css toevoegen die de ruimte boven en onder de menu items van 25 pixels verkleint naar 10 pixels:
Code:
.menu-block {
margin: 10px 0;
}
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6383
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
ok, goed te horen dat er mogelijkheden zijn. maar ik welk bestand voeg ik deze code toe ?
Ik heb Firebug Lite voor Chrome draaien, maar kom er niet achter waar ik de code moet aanpassen.
Bericht toegevoegd op 28 juli 2015 om 20:44
Vorige bericht was op 28 juli 2015 om 17:22
Kan ik daarnaast ook de sub-menu items, zoals bijvoorbeeld in het hoofdmenu item 'Uitslagen' ook horizontaal onder de hoofdmenu items tonen ?
Zo ja, hoe is dat in te stellen ?
Bericht toegevoegd op 28 juli 2015 om 23:21
Vorige bericht was op 28 juli 2015 om 20:44
Voor het instellen van de menu opties heb ik 2 keuzes, split en drop down menu.
Nu heb ik voor split gekozen en is het menu netjes horizontaal zichtbaar, echter de sub menu's worden verticaal getoond, dit omdat ik voor split menu heb gekozen.
Graag wil ik een drop down menu, maar wel horizontaal en dat het menu dan uitklapt wanneer er een sub menu aanwezig is.
Echter als ik standaard het hoofdmenu als drop down menu instel dan wordt hij verticaal getoond, niet wat ik wil.
Wat moet ik doen om het menu eruit te laten zien zoals hij nu zichtbaar is op de site, maar dan de sub menu's als drop down worden getoond ?
Bericht toegevoegd op 29 juli 2015 om 22:47
Vorige bericht was op 28 juli 2015 om 23:21
?????
Ik heb Firebug Lite voor Chrome draaien, maar kom er niet achter waar ik de code moet aanpassen.
Bericht toegevoegd op 28 juli 2015 om 20:44
Vorige bericht was op 28 juli 2015 om 17:22
Kan ik daarnaast ook de sub-menu items, zoals bijvoorbeeld in het hoofdmenu item 'Uitslagen' ook horizontaal onder de hoofdmenu items tonen ?
Zo ja, hoe is dat in te stellen ?
Bericht toegevoegd op 28 juli 2015 om 23:21
Vorige bericht was op 28 juli 2015 om 20:44
Voor het instellen van de menu opties heb ik 2 keuzes, split en drop down menu.
Nu heb ik voor split gekozen en is het menu netjes horizontaal zichtbaar, echter de sub menu's worden verticaal getoond, dit omdat ik voor split menu heb gekozen.
Graag wil ik een drop down menu, maar wel horizontaal en dat het menu dan uitklapt wanneer er een sub menu aanwezig is.
Echter als ik standaard het hoofdmenu als drop down menu instel dan wordt hij verticaal getoond, niet wat ik wil.
Wat moet ik doen om het menu eruit te laten zien zoals hij nu zichtbaar is op de site, maar dan de sub menu's als drop down worden getoond ?
Bericht toegevoegd op 29 juli 2015 om 22:47
Vorige bericht was op 28 juli 2015 om 23:21
?????
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6384
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
Je maakt een bestand aan in templates/ template naam / css / custom.css
Vervolgens voeg je in de index.php van de template tussen <head> en </head> het volgende toe:
[PHP]<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/styles.css" type="text/css" />[/PHP]
Zie hier voor meer informatie.
Vervolgens voeg je in de index.php van de template tussen <head> en </head> het volgende toe:
[PHP]<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/styles.css" type="text/css" />[/PHP]
Zie hier voor meer informatie.
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6385
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
Bedankt voor de uitgebreide toelichting, echter zie ik na het doorvoeren van bovenstaande code geen veranderingen in mijn menu.
Is er misschien nog iets dat moet worden aangepast ?
Is er misschien nog iets dat moet worden aangepast ?
Onderwerp is gesloten.
- Martijn Maandag
-
- Admin
-
- www.reisverslagen.netVertaler van Joomla op crowdin.com/project/joomla-cms.Vertaler van document
Minder
Meer
27 jul 2015 21:28 #6386
door Martijn Maandag
www.reisverslagen.net
Vertaler van Joomla op Crowdin .
Vertaler van documentatie en helpschermen via het volunteers.joomla.org/teams/community-translation-te
Beantwoord door Martijn Maandag in topic Hoogte horizontaal menu
In ieder geval alle cache legen (Joomla en browser) na een aanpassing.
www.reisverslagen.net
Vertaler van Joomla op Crowdin .
Vertaler van documentatie en helpschermen via het volunteers.joomla.org/teams/community-translation-te
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6387
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
Die heb ik beide geleegd, dit had echter helaas geen effect.
Misschien toch nog iets anders dat aangepast moet worden ?
Misschien toch nog iets anders dat aangepast moet worden ?
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6388
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
Als ik naar je website bekijk zie ik geen custom.css toegevoegd, en ook niet de css die ik aangaf.
Wel zie ik een styles.css die in de template staat, maar het bestand bestaat niet. Lukt het je om in de map /test1/templates/rt_hadron/css/ het bestand styles.css aan te maken, en hierin het volgende te plaatsen?
Wel zie ik een styles.css die in de template staat, maar het bestand bestaat niet. Lukt het je om in de map /test1/templates/rt_hadron/css/ het bestand styles.css aan te maken, en hierin het volgende te plaatsen?
Code:
.menu-block {
margin: 10px 0;
}
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6389
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
zojuist gedaan, maar ik zie geen verschil.
heb ik nog iets over het hoofd gezien ?
heb ik nog iets over het hoofd gezien ?
Onderwerp is gesloten.
- Gast
-
- Bezoeker
-
27 jul 2015 21:28 #6390
door Gast
Beantwoord door Gast in topic Hoogte horizontaal menu
Ik zie het probleem. De styles.css wordt eerder aangeroepen dan de css die het zou moeten overschrijven. Je hebt twee opties:
1. De styles.css onderaan de head plaatsen.
2. !important toevoegen.
1. De styles.css onderaan de head plaatsen.
2. !important toevoegen.
Code:
.menu-block {
margin: 10px 0 !important;
}
Onderwerp is gesloten.