HTML trix

Visual Lightbox
  1. Hent filen [visuallightbox.zip] ned på din computer og pak den ud (unzip)
  2. Kopier mappen lightbox ind i din website-mappe. Den indeholder nogle små billeder og JavaScript filer som driver hele værket
  3. Kopier alle billederne fra mappen “billeder” til billed-mappen i dit website
  4. Åben filen “galleri.html” i Notesblok, TextEdit eller Dreamweaver
  5. Markér koden fra “<!– lightbox script: start –>” til “<!– lightbox script: slut –>” og kopier den
  6. Sæt den ind lige efter “<body>” i den HTML-fil hvor du ønsker dit billed-galleri
  7. Gå tilbage til “galleri.html” og markér koden fra “<!– Billedgalleri: Start –>” til “<!– Billedgalleri: Slut –>”
  8. Sæt den ind i den HTML-fil hvor du ønsker dit galleri, dér hvor det skal være (fx i en Div eller en tabel)
  9. Du kan nu tilpasse den sidste kode efter behov, ændre størrelsen, filer etc.:
  • Den første den af koden (“<a href=”billeder/vlimage01.jpg” rel=”width:768,height:576″ title=”Globetrotter”>”) er det billede/website der linkes til, og som åbner i en Visual Lightbox, med den angivne størrelse, med den angivne tekst under.
  • Anden del af koden (“<img src=”billeder/vlimage01_sm.jpg” width=”115″ height=”86″ border=”1″ />”) er dét miniature-billede der vises og klikkes på
  • Den tredie del af koden (“</a>”) afslutter funktionen
  • Den fjerde del af koden (“&nbsp;”)er et tvungent mellemrum der ikke ombryder linien
  • Derefter gentages koden med en ny miniature og et nyt link
  • Denne type visual lightbox kan vise billeder, film, musik, websites m.m.
  • Den udtonede baggrundsfarve kan ændres i filen lightbox/overlay.js “colour: ‘#000′,”
  • Selve lightboxens farver kan ændres i filen lightbox/multibox.css
  • Se eksempel på adx.dk (Klik på Rejselinks eller Flytider)
Facebook og Twitter App’s på dit website
Få opdateringer fra  din Facebook side på dit website med Atom/RSS:
  1. Opret en Facebook side (ikke profil) om dit band/dine varer/dine interesser.
  2. Åben Facebook siden uden at logge ind, i Firefox. Klik på det lille RSS-symbol længst til højre i adresselinjen.Alternativt kan du bruge adressen:http://www.facebook.com/feeds/page.php?format=atom10&id=1111111111111111- og erstatte alle 1-tallene med dit profils nummer (står i adressen når du går ind på din Facebook-side)
  3. Kopier adressen
  4. Opret en gratis konto på feed.informer.com og paste rss-adressen ind i dit feed.
  5. Under “Publish Digest” kopierer du koden og sætter den ind i en Div eller tabel-celle på dit website.

Læs også siden Sociale Netværk

HTML5 og CSS3

HTML5 er endnu ikke erklæret en ‘stable release’ af internetkonsortiet (www.w3.org), men understøttes af mange browsere.

Klik ind på de følgende sider for at se tips og tricks og hente koder til HTML5 og CSS3. – måske skal du hente den sidste nye Firefox eller Google Chrome først…

Internet Explorer 8 og der under understøtter ikke CSS3, men bruges af ca. 25% af alle internetbrugere (se statistik her). Delvis understøttelse kan opnåes ved hjælp af en feature der kan findes på dette link css3pie.com

QR Kode

Læs mere på vores side om QR [ klik her ]

Google webfonts

Der er nu et imponerende udvalg af skrifttyper på Google Webfonts, som du kan bruge ganske gratis på dit website: http://www.google.com/webfonts

Specielle karakterer i HTML

Udenlandske bogstaver
Symboler

Tjek din kode

W3C HTML Validator
W3C CSS Validator
W3C RSS Validator
W3C Link Validator
Adobe BrowserLab (se dit site i forskellige browsere på én gang)
Loadtime: Du kan tjekke websites loadtime, flaskehalse etc. på http://fpt.pingdom.com/