http://wp-danmark.dk/forum/topic/download-icon-pa-wp-hvordan WordPress DK Forum Topic: Download icon på WP, hvordan ! da-DK Fri, 31 Jul 2026 11:30:10 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/download-icon-pa-wp-hvordan#post-8301 fre, 28 nov 2008 09:58:08 +0000 tmejer 8301@http://wp-danmark.dk/forum/ <p>Det kræver lidt kendskab til html og css at få den effekt. Det er heldigvis ikke så svært.<br /> På den side du henviser til har linket en 'class' der hedder 'demotheme' - det skal tilføjes til html-koden, som her:<br /> <code>class="demotheme"</code><br /> Nu har det link en <em>class</em> der hedder <em>demotheme</em> - den kan man så manipulere i css-filen (styles.css). Det gøres ved først at give den billedet som baggrund:<br /> <code>.demotheme { background: url(sti/til/fil.gif) no-repeat left center; }</code><br /> <em>.</em> (punktummet) før navnet angiver at det er en class - og du kan selv bestemme navnet. Det er bare meget vigtigt at den hedder det samme i både html og css-koden</p> <p>For at få teksten til at stå til højre for baggrundsbilledet er du også nød til at have en 'padding' på koden. Det betyder at teksten bliver 'skubbet' til højre. Så vil din css se sådan ud:<br /> <code>.demotheme { background: url(sti/til/fil.gif) no-repeat left center; padding-left: 20px; }</code></p> <p>Her er teksten skubbet 20px mod højre - det skal selvfølgelig ændres alt efter hvilken størrelse ens billede har. Måske er du også nød til at lave en <em>padding-top</em> og <em>padding-bottom</em>. Det kommer dog an på hvor stort dit billede er.</p> <p>Jeg kender kun en dansk guide til css - den er på <a href="http://www.html.dk/tutorials/css/">html.dk</a>. Antallet af guides på engelsk er til gengæld næsten uendeligt. </p> http://wp-danmark.dk/forum/topic/download-icon-pa-wp-hvordan#post-8300 tors, 27 nov 2008 21:59:15 +0000 Tillquist 8300@http://wp-danmark.dk/forum/ <p>Jeg har set på mange sider og der i blandt <a href="http://www.wpthemespress.com/nimble-clean-corporate-web-20-wordpress-theme-with-125x125-banners-featured-posts-and-more/">denne her</a>, at der er et billede bagved 'DOWNLOAD' teksten, hvordan kan jeg lave en ligene icon eller hvad det nu fagligt kaldes, på mig wp web-stie.</p> <p>Er der et sted hvor det beskrives, hest på dansk. </p>