
Opdatering af de Avanceret aNyhed Knapper
Jeg anbefaler at man bruger den automatiske knap generator fremfor dette script som er streget ud nedenfor.
Knappen er nemmere at sætte op og den er mere sikker for dig at benytte.
I har nu mulighed for at vælge egne link farver i knappen så den bedre kan matche jeres nuværende design.
Efter et par forespørgsler har jeg nu lavet en opdatering til de 2 avanceret aNyhed knapper så i via scriptkaldet kan indsætte egne farver i HEX format.
Scriptet til knappen ser således ud nu:
<script type="text/javascript">submit_url = 'http://RET DIN URL HER';</script>
<script type="text/javascript" src="http://www.anyhed.dk/stem_eksternt1/button.php" mce_src="http://www.anyhed.dk/stem_eksternt1/button.php"></script>
Men nu ved at indsætte 2 variabler (?alink=000000&hlink=666666) sidste i scriptet således;
<script type="text/javascript">submit_url = 'http://RET DIN URL HER';</script>
<script type="text/javascript" src="http://www.anyhed.dk/stem_eksternt1/button.php?alink=000000&hlink=666666"></script>
Vil du nu have mulighed for nemt at skifte udseende på knappen. Du kan udskifte 000000 og 666666 med dine egne farver.
Du kan i bunden af denne blog post finde en simplificeret liste over farvekoder hvis du mangler inspiration.
alink værdien er den farve du ser på linket ved normal visning.
hlink værdien er den farve der vises på linket når musen holdes over knappen.
Denne opdatering virker som sagt til begge de avanceret knapper, og jeg regner med at komme med flere lignende opdateringer så man også kan skifte baggrundsbilledet nemt.
Desuden kunne det måske blive aktuelt at lave en generator til at lave knapper en dag, men vil lige følge hvordan det går med denne version.
Jeg valgte også at ændre designet af den store knap, da den tidligere gule farve ikke var for køn. Nu er den mere neutral og vil passe bedre på andre websider.
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Lækkert :)
Super Claus. Det er dejligt at se at man kan tilpasse knappen lidt bedre til sit design, selvom den “gamle” store knap, faldte mere i øjnene :)
Tak i 2 glæder mig det falder i jeres smag.
Og ja håber ikke jeg fik gjort den for neutral :) Men jeg er ret blind når det kommer til det grafiske.
Vil nok lave lidt yderligere opdatering af dens design i nær fremtid.
Og muligheden for at bruge forskellige baggrunde ligger ikke langt væk. Skal sådan set bare have designet dem – koden er klar :)
[…] kan via alink og hlink specificerer de farver du vil benytte til teksten. Find farve koder her. Skulle du ønske at sende en URL med som knappen skal benytte kan det gøres via […]
[…] startede med en opdatering af aNyhed knappen så i kunne vælge jeres egne farver, kort efter kom der en ny opdatering hvor knappen kunne køre igennem en iframe for bedre ydeevne […]