http://wp-danmark.dk/forum/tags/hover WordPress DK Forum Tag: hover - Recent Posts da-DK Mon, 14 Sep 2026 18:34:02 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28732 tors, 28 jul 2011 09:21:57 +0000 thomasgam 28732@http://wp-danmark.dk/forum/ <p>Hej igen</p> <p>Undskyld de lange posts. Jeg har løst mit spørgsmål. Jeg har selvfølgelig blot ændret margin for access, så det passer det resten. </p> <p>Tak for hjælpen John.</p> <p>// Thomas </p> http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28731 tors, 28 jul 2011 08:18:48 +0000 thomasgam 28731@http://wp-danmark.dk/forum/ <p>Mit sidste spørgsmål var forkert formuleret.</p> <p>Når jeg nu har rykket sidebar-området mod venstre ved at mindske margin, hvordan får jeg så også rykket <a href="http://www.bylivkolding.dk/test/">indholdet i menubjælken længere til venstre</a>? </p> http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28718 ons, 27 jul 2011 14:05:26 +0000 thomasgam 28718@http://wp-danmark.dk/forum/ <p>Hej John</p> <p>Tak for svarene. Jeg fik noget bedre overblik over access og de forskellige funktioner.</p> <p>Nu ser access sådan her ud i mit stylesheet:<br /> <code>/* Menu*/ </p> <p>/* Changed constant background color to red */<br /> #access {<br /> background: #E0001A;<br /> clear: both;<br /> display: block;<br /> float: left;<br /> margin: 0 auto 6px;<br /> width: 100%;<br /> }<br /> #access ul {<br /> font-size: 13px;<br /> list-style: none;<br /> margin: 0 0 0 -0.8125em;<br /> padding-left: 0;<br /> }<br /> #access li {<br /> float: left;<br /> position: relative;<br /> }<br /> #access a {<br /> color: #eee;<br /> display: block;<br /> line-height: 3.333em;<br /> padding: 0 1.2125em;<br /> text-decoration: none;<br /> }<br /> #access ul ul {<br /> -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);<br /> -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);<br /> box-shadow: 0 3px 3px rgba(0,0,0,0.2);<br /> display: none;<br /> float: left;<br /> margin: 0;<br /> position: absolute;<br /> top: 3.333em;<br /> left: 0;<br /> width: 188px;<br /> z-index: 99999;<br /> }<br /> #access ul ul ul {<br /> left: 100%;<br /> top: 0;<br /> }</p> <p>/* Changes sub pages into red background, when you hover main */<br /> #access ul ul a {<br /> background: #E0001A;<br /> border-bottom: 1px dotted #ddd;<br /> color: #FFF;<br /> font-size: 13px;<br /> font-weight: normal;<br /> height: auto;<br /> line-height: 1.4em;<br /> padding: 10px 10px;<br /> width: 168px;<br /> }</p> <p>/* Changes color of sub page to blue, when you hover it */<br /> #access li:hover &gt; a,<br /> #access ul ul :hover &gt; a,<br /> #access a:focus {<br /> background: #002D3C;<br /> }</p> <p>/* Changes main page's color to blue, when you hover it */<br /> #access li:hover &gt; a,<br /> #access a:focus {<br /> background: #002D3C; /* Show a solid color for older browsers */<br /> background: -moz-linear-gradient(#002D3C, #002D3C);<br /> background: -o-linear-gradient(#002D3C, #002D3C);<br /> background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002D3C), to(#002D3C)); /* Older webkit syntax */<br /> background: -webkit-linear-gradient(#002D3C, #002D3C);<br /> color: #FFFFFF;<br /> }<br /> #access ul li:hover &gt; ul {<br /> display: block;<br /> color: #FFFFFF;<br /> }<br /> #access .current_page_item &gt; a,<br /> #access .current_page_ancestor &gt; a {<br /> font-weight: bold;<br /> }</code><br /> <a href="http://www.bylivkolding.dk/test/?page_id=9">Og resultatet er her.</a></p> <p>Jeg har også ændret på margin og width for den temastruktur, jeg har valgt (sidebar i højre side):</p> <p><code>/* Right Content */<br /> .left-sidebar #primary {<br /> float: right;<br /> margin: 0 0 0 -26.4%;<br /> width: 100%;<br /> }</p> <p>/* Margin from 34&amp; to 22.7% and width from 58.4 to 65%*/<br /> .left-sidebar #content {<br /> margin: 0 7.6% 0 22.7%;<br /> width: 65%;<br /> }</p> <p>/*margin from 7.6% to 4%*/<br /> .left-sidebar #secondary {<br /> float: left;<br /> margin-left: 3%;<br /> margin-right: 0;<br /> width: 18.8%;<br /> }<br /> </code></p> <p>Her er mit problem dog, at access nu sidder længere til højre end sidebaren. Hvordan kan jeg rykke pages i menubjælken længere mod højre?</p> <p>Tusind tak for hjælpen. </p> http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28712 ons, 27 jul 2011 12:43:09 +0000 thomasgam 28712@http://wp-danmark.dk/forum/ <p>Hej John</p> <p>Tak for svarene. Jeg kigger på dem nu her og kommer med en tilbagemelding.</p> <p>Udlært i Firebug: Du har bestemt ledt mig på rette vej et par gange, men jeg mangler stadig mere praktisk erfaring, før jeg tør skrive det i mit author-felt. </p> http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28664 man, 25 jul 2011 17:38:01 +0000 John 28664@http://wp-danmark.dk/forum/ <p>Mon ikke det er :<br /> <code>#access a {<br /> color: #EEEEEE;</code><br /> (menubjælken)</p> <p>Tror den blå er:<br /> #002d3c </p> <p>-------------------<br /> margin content:<br /> Ser ud som om sidebar og content hænger sammen som jeg ser det</p> <p><code>.left-sidebar #content {<br /> margin: 0 7.6% 0 34%;<br /> width: 58.4%;<br /> }</code></p> <p>Prøv at rette i ovenstående til det ønskede resultat</p> <p>Thomas er du ikke udlært i Firebug ;-) </p> http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28660 man, 25 jul 2011 15:07:34 +0000 thomasgam 28660@http://wp-danmark.dk/forum/ <p>Hej alle sammen</p> <p>Jeg sidder med to udfordringer, som jeg er sikker på, at I kan hjælpe mig videre med. Jeg skal lave et par ændringer til temaet Twenty Eleven, og jeg forstår det basale ved at lave en child theme med ændringer i stylesheet, og jeg har prøvet at bruge Firebug til at finde svarene, men jeg er ikke helt ved vejs ende.</p> <p>1) Hvordan ændrer jeg farven på undersider i menubjælken, når jeg scroller henover en side i menubjælken? </p> <p><a href="http://www.bylivkolding.dk/test/">Hvis I ser på denne testside</a>:Fx vil jeg gerne have, at undersiden 'Munkebo', der kommer som en dropdown menu, er i samme blå farve som menubjælken, når jeg scroller over hovedsiden 'Boligområder'. Lige nu den grå. </p> <p>2) Hvordan ændrer jeg margin, så content-området kommer tættere på sidebaren i venstre side? Jeg er ikke helt med på forholdet med primary, content og secondary. </p> <p>Spørgsmålene er måske meget basisspørgsmål, men jeg har tumlet med det i et par dage nu, og nu prøver jeg lykken her. </p> <p>På forhånd tak for hjælpen. </p> http://wp-danmark.dk/forum/topic/problemer-med-menu#post-20771 lør, 06 nov 2010 23:45:49 +0000 Jesper 20771@http://wp-danmark.dk/forum/ <p>Så lidt :) </p> http://wp-danmark.dk/forum/topic/problemer-med-menu#post-20744 lør, 06 nov 2010 00:35:51 +0000 John Sahl 20744@http://wp-danmark.dk/forum/ <p>Jesper, det virker bare helt som det skal. Tusind tak for hjælpen! </p> http://wp-danmark.dk/forum/topic/problemer-med-menu#post-20730 fre, 05 nov 2010 16:28:51 +0000 Jesper 20730@http://wp-danmark.dk/forum/ <p>Prøv at sætte z-index: 1 på .coin-slider </p> http://wp-danmark.dk/forum/topic/problemer-med-menu#post-20722 fre, 05 nov 2010 15:10:59 +0000 John 20722@http://wp-danmark.dk/forum/ <p>Du kunne sætte margin top til eks: 100px på din wrapper, og så lave lidt om på forældrerollen i menuen.<br /> Se <a href="http://wordpresstema.dk/menu/" rel="nofollow">http://wordpresstema.dk/menu/</a><br /> Prøv side 2 og se hvordan den udvider sig</p> <p>Det tomme punkt der bliver i mellem menu og wrapper kan du jo evt smide noget andet i Reklame eller et bg billede af en eller anden slags </p> http://wp-danmark.dk/forum/topic/problemer-med-menu#post-20720 fre, 05 nov 2010 12:47:03 +0000 John Sahl 20720@http://wp-danmark.dk/forum/ <p>Hej Steffen, </p> <p>Tak for input, men det har jeg lige testet lidt med, uden noget held. Har du andre ideer, eller er det måske det forkerte sted jeg piller?</p> <p><code>/*Top level list items*/<br /> .jqueryslidemenu ul li{<br /> position: relative;<br /> display: inline;<br /> float: left;<br /> z-index:100;</code> </p> http://wp-danmark.dk/forum/topic/problemer-med-menu#post-20719 fre, 05 nov 2010 11:46:12 +0000 stffn 20719@http://wp-danmark.dk/forum/ <p>Prøv at sætte et z-index på både slideshowet og på menuen.<br /> Menuen skal have et højere z-index end slideshowet. </p> http://wp-danmark.dk/forum/topic/problemer-med-menu#post-20718 fre, 05 nov 2010 11:14:08 +0000 John Sahl 20718@http://wp-danmark.dk/forum/ <p>Hejsa,</p> <p>Vi har lige smidt en ny side op men har lidt problemer med dropdownmenuen på forsiden.</p> <p>Hvis men "hover" over punktet MEDIER, og forsøger at vælge et af punkterne nederst i den menu, så kan man ikke pga det slideshow som kører inde under.</p> <p>Nogen tips, ud over at lave en kortere menu eller fjerne slideshowet? ;-)</p> <p>Link til siden er <a href="http://www.chiligroup.dk" rel="nofollow">http://www.chiligroup.dk</a> </p>