http://wp-danmark.dk/forum/topic/current_page_item-og-css-sprites WordPress DK Forum Topic: current_page_item og css sprites da-DK Sun, 27 Sep 2026 06:48:05 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/current_page_item-og-css-sprites#post-9363 ons, 18 feb 2009 23:45:43 +0000 stffn 9363@http://wp-danmark.dk/forum/ <p>3-tallet er der, fordi der er &quot;side 3&quot; linket jeg vil style - jeg har 5 sider, der hver skal have sin del af baggrundsbilledet. </p> http://wp-danmark.dk/forum/topic/current_page_item-og-css-sprites#post-9362 ons, 18 feb 2009 23:41:07 +0000 Mark Thomas Gazel 9362@http://wp-danmark.dk/forum/ <p>Er der et link til din side?</p> <blockquote><p>#menu .page-item-3 a{background:url(img/menu_punkter.png) no-repeat;width:160px;}</p></blockquote> <p>Jeg forstår ikke tretallet. Hvorfor er det der?</p> <blockquote><p>#menu .page-item-3 .current_page_item:hover{background:url(img/menu_punkter.png) no-repeat 0 -40px;width:160px;} </p></blockquote> <p>Sådan skudt fra hoften vil jeg mene du mangler et par a'er:</p> <p>#menu .page-item-3 <strong>a,</strong> .current_page_item <strong>a</strong>:hover{background:url(img/menu_punkter.png) no-repeat 0 -40px;width:160px;}</p> <p>Men det virker også forket at style page_item og current_page_item ens. Prøv lige at læse, hvordan det virker. Det er jo dynamisk, dvs. at current page vil jo være forskellig alt efter hvilken side, der er aktiv.</p> <p><a href="http://codex.wordpress.org/Template_Tags/wp_list_pages#Markup_and_styling_of_page_items" rel="nofollow">http://codex.wordpress.org/Template_Tags/wp_list_pages#Markup_and_styling_of_page_items</a> </p> http://wp-danmark.dk/forum/topic/current_page_item-og-css-sprites#post-9361 ons, 18 feb 2009 23:38:53 +0000 stffn 9361@http://wp-danmark.dk/forum/ <p>Så fandt jeg lige ud af hvad jeg gjorde forkert...</p> <p>Det skal se sådan ud:</p> <p>#menu .page-item-3 a:link,<br /> #menu .page-item-3 a:active,<br /> #menu .page-item-3 a:visited{background:url(img/menu_punkter.png) no-repeat;width:160px;}<br /> #menu .page-item-3 a:hover{background:url(img/menu_punkter.png) no-repeat 0 -40px;width:160px;}<br /> #menu .page-item-3.current_page_item a{background-position: 0 -40px;width:160px;} </p> http://wp-danmark.dk/forum/topic/current_page_item-og-css-sprites#post-9358 ons, 18 feb 2009 23:13:55 +0000 stffn 9358@http://wp-danmark.dk/forum/ <p>Hejsa.</p> <p>Jeg har lavet en side med WP som CMS, så langt, så godt.<br /> Jeg har en menu, der lister mine sider, således:<br /> &lt;?php wp_list_pages('title_li=') ?&gt;</p> <p>Jeg har stylet den med noget CSS, hvor jeg bruger et image-sprite til baggrundsbillederne. Det virker også fint nok i passiv tilstand og ved :hover. Jeg kan dog ikke få det til at virke på den aktive side &quot;current_page_item&quot;</p> <p>Jeg har følgende CSS:</p> <p>#menu .page-item-3 a{background:url(img/menu_punkter.png) no-repeat;width:160px;}<br /> #menu .page-item-3 a:hover{background:url(img/menu_punkter.png) no-repeat 0 -40px;width:160px;}</p> <p>så tænker jeg, at jeg bare efterfølgende skulle tilføje:</p> <p>#menu .page-item-3 .current_page_item:hover{background:url(img/menu_punkter.png) no-repeat 0 -40px;width:160px;}</p> <p>men det virker ikke.</p> <p>Er der én der har arbejdet med CSS sprites, og har mere forstand på dem end jeg har? </p>