Ik had er even niet bij stil gestaan dat er bezoekers zouden zijn die het "usbstickje" op hun site wilden gebruiken. Neen, het is geen plaatje; het is CSS. Het knipperende lampje en het voetje zijn wel images, maar dat is even niet van belang voor de rest van het geheel.
Er is eigenlijk helemaal niets uit te leggen
over dit stukje css. Als je de positie wilt
veranderen kan je dat eenvoudig in de css
aanpassen. Top en Left spreken voor zichzelf
denk ik. Wat ik nog wel even moet vermelden
is dat de ronde hoekjes (class r1, r2 enz.)
thuis horen bij de procedure van de ronde
hoekjes. Pak de desbetreffende code even van
het item "ronde hoeken" van het CSS-menu.
Verander in de code wel even r1, r2 enz. in:
xr1, xr2 enz. enz. Even meer werk voor jou..
Het is soms lastig dat op de DNS4 de
voorbeelden en de site "zelf" niet altijd
gebruik van dezelfde code kunnen maken.
Update:
Het is voor mij natuurlijk een kleine moeite
om de "xr1" code even bij te voegen...
Het laatste item in de tekst-file is de
versie die bij het "ronde-hoeken" voorbeeld
hoort.
Alle benodigde code heb ik in dit stukje
tekst gezet. Als je eens helemaal niets te
doen hebt en je verveelt je, kan je eens
proberen om andere vormen aan de "css-code"
te geven. Met een beetje creativiteit kan je
de meest complexe figuren maken met css. Hoe
groot of klein je het ook maakt: het zal
altijd dezelfde hoeveelheid bytes "kosten".
Voor ik het vergeet; de 'lampjes' kan je gewoon
van de site kopieren.
dns4.nl/pagina/css/knipperlicht/knipperrood.gif
is het adres van het rode lampje. Verander
'rood' in groen, blauw, paars of geel
en je hebt het lampje in de kleur die je
wilt hebben. Ik zeg het nog maar eens een keer:
Alle plaatjes op de site kan je vrijelijk
kopieren en gebruiken. Vrijheid, blijheid...
De titel van deze pagina is: 'css en html code voor de usbstick'.
De sleutelwoorden zijn : css, grafisch en usbstick.
De omschrijving is: 'de css en html code voor het usbstickje'.