tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/20019-verwendung-navigationspunkte-highlightenRockSolid Themes: Discussion 2018-12-09T16:29:36Ztag:help.rocksolidthemes.com,2012-07-23:Comment/424741972017-05-03T08:07:50Z2017-05-03T08:07:50ZVerwendung: Navigationspunkte highlighten<div><p>Vielen Dank für Ihre Frage.</p>
<p>Ein Hauptmenüpunkt im Button-Style ist im Oneo-Theme bereits vorgesehen. Bearbeiten Sie dafür bitte die Seitenstruktur und setzen Sie die CSS-Klasse bei der gewünschten Seite auf <code>highlight</code>, dadurch wird dieser Hauptmenüpunkt als Button dargestellt.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/424741972017-05-03T10:30:22Z2017-05-03T10:30:23ZVerwendung: Navigationspunkte highlighten<div><p>Herzlichen Dank, habe ich hinbekommen. Geht es vielleicht auch so zu gestalten wie bei der Webseite im Anhang? also farbiger Hintergrund?<br>
Danke und Grüße, Ingo.</p></div>Ingotag:help.rocksolidthemes.com,2012-07-23:Comment/424741972017-05-03T12:19:02Z2017-05-03T12:19:02ZVerwendung: Navigationspunkte highlighten<div><p>Sie können den Button einfärben indem Sie folgenden CSS-Code in die Datei <em>files/oneo/css/custom.css</em> einfügen:</p>
<pre>
<code>.main-navigation > ul > li > a.highlight:after,
.main-navigation > ul > li > span.active.highlight:after,
.main-navigation > ul > li > span.trail.highlight:after,
.main-navigation > ul > li > span.forward.highlight:after {
background: #ff0000;
border-color: #ff0000;
z-index: -1;
}
.main-navigation > ul > li > a.highlight,
.main-navigation > ul > li > span.active.highlight,
.main-navigation > ul > li > span.trail.highlight,
.main-navigation > ul > li > span.forward.highlight {
color: #ffffff;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/424741972017-05-03T18:48:50Z2017-05-03T18:48:52ZVerwendung: Navigationspunkte highlighten<div><p>Herzlichen Dank. Hat funktioniert. Grüße, Ingo.</p></div>Ingotag:help.rocksolidthemes.com,2012-07-23:Comment/424741972018-12-09T09:59:10Z2018-12-09T16:24:38ZVerwendung: Navigationspunkte highlighten<div><p>-</p></div>gradmin