fbpx

Sidder du og mangler en knap så er https://dabuttonfactory.com/ et oplagt sted.
Du kan designe næsten en hvilken som helst knap og så gemme det som en png, jpg, gif eller ico fil.

Så faldt jeg over en god beskrivelse af hvordan man kan spare en masse små ikoner til f.eks knapper eller bullets.


Det du skal bruge er en billedfil med en masse ikoner og så en stylefile til og styre det.

Et simpelt eksempel kunne være denne buttons.gif fil:

 

 

 

 

 

HTML filen:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="button-test"></div>
</body>
</html>

CSS filen:

#button-test {
 width: 16px; /* ikon bredde */
 height: 16px; /* ikon højde */
 background: url('buttons.gif') no-repeat scroll -16px -16px; /* to sidste giver positionen */
 }

Du gentager så proceduren for de enkelte ikoner.

Share This