not resolvedJeg har set på mange sider og der i blandt denne her, 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.
Er der et sted hvor det beskrives, hest på dansk.
Det kræver lidt kendskab til html og css at få den effekt. Det er heldigvis ikke så svært.
På den side du henviser til har linket en 'class' der hedder 'demotheme' - det skal tilføjes til html-koden, som her:
class="demotheme"
Nu har det link en class der hedder demotheme - den kan man så manipulere i css-filen (styles.css). Det gøres ved først at give den billedet som baggrund:
.demotheme { background: url(sti/til/fil.gif) no-repeat left center; }
. (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
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:
.demotheme { background: url(sti/til/fil.gif) no-repeat left center; padding-left: 20px; }
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 padding-top og padding-bottom. Det kommer dog an på hvor stort dit billede er.
Jeg kender kun en dansk guide til css - den er på html.dk. Antallet af guides på engelsk er til gengæld næsten uendeligt.
Du skal være logget ind for at skrive.
