**********************************************************************
Tips, tricks, nyheder og sjov i din mailboks hver fredag.
Tilmeld dig nu, det er gratis!
www.tips-og-tricks.com/tilmeld.html
**********************************************************************

18-04-2003, 15:25     

----------------------------------------------------------------------
Få øje på sekterne, før de får øje på dig...
http://www.etsectera.com/
----------------------------------------------------------------------

Goddag,

----------------------------------------------------------------------
Ugebrev nr. 6 - Sjov med billeder og tekst
----------------------------------------------------------------------

1. Sjove effekter på hjemmesiden
2. Effekter på billeder ved hjælp af StyleSheets
3. God påske!

----------------------------------------------------------------------
1. Sjove effekter på hjemmesiden
----------------------------------------------------------------------

Når min unger har lavet hjemmesider, er de lynhurtigt gået fra stadiet
at sætte tekst og billeder på siden til at ville lave noget sjovere.
Der skulle effekter på.

Sådan har de fleste mennesker det vel - også gæsterne på hjemmesiden.
En side, der er dækket med tekst, eventuelt uden afsnits-inddeling, er
kedelig at se på og læse.

Bare det at indsætte en streg imellem afsnittene gør det lettere at
læse en side.

Ellers er der mange muligheder for at live op på en side. Nogle kan
godt lille tekster, der ruller ind over siden, andre foretrækker en
mere diskret nyhedsboks. Skal der være en stjerneregn, der følger
markøren? Vil du lade din stemme drøne ud i højttaleren hos gæsten for
at byde ham velkommen? Der er masser af muligheder.

Køb mit hæfte "Sjove effekter på hjemmesiden" for at få yderligere
inspiration og anvisninger. Du kan købe det direkte fra forlaget eller
hos boghandleren, kiosken, tankstationen m.m.

http://www.libris.dk/default.asp?loadside=/Vis_produkt.asp?ISBN=87-7843-587-0

----------------------------------------------------------------------
2. Effekter på billeder ved hjælp af StyleSheets
----------------------------------------------------------------------

I dette ugebrev vil jeg skrive om nogle sjove effekter, du kan lave på
hjemmesiden ved hjælp af StyleSheets. StyleSheets har jeg tidligere
været inde på i ugebrev nr. 2 "Mouse over effekt på links" fra
21/03-2003.

Ugebrevet kan findes på siden http://www.tips-og-tricks.com eller via
mail-arkivet www.mail-archive.com/[EMAIL PROTECTED]/

Mange af de effekter, som kan laves med billeder ved hjælp af fx
PhotoShop eller Paint Shop Pro, kan laves ved hjælp af StyleSheets.

Man uploader et helt normalt billede, og StyleSheeten gør resten af
arbejdet. Desværre - som det meget ofte er tilfældet - virker disse
StyleSheets kun i Internet Explorer (MSIE), da de ikke er godkendte af
W3.org.

Du kan lave negativer, vende billedet på hovedet (virker også i
Opera), vride billede, gøre det tåget og meget andet.

Hovedprincippet er ganske enkelt:

Hvis et normalt HTML-tag til at indsætte billeder ser således ud:

<img src="billede.jpg" width="50" height="500" border="0"
alt="Billedtekst">

så skal der blot tilføjes et filter således:

<img style="filter:filternavn" src="billede.jpg" width="50" height="500" border="0"
alt="Billedtekst">

Lad os tage nogle eksempler på simple filtre.

Først et tåget (blur) billede:

<img style="filter:blur" src="billede.jpg" width="50" height="50"
alt="billedtekst">

Dernæst et negativ - eller røngtgen (xray):

<img style="filter:xray()" src="billede.jpg" width="50" height="50"
alt="billedtekst">

et mere eller mindre gennemsigtigt billede:

<img style="filter:alpha(opacity=20) src="billede.jpg" width="50"
height="50" border="0" alt="billedtekst">

Du kan sætte andre tal for opacity, som er gennemsigtigheden. Hvis du
sletter ikke skriver noget, bliver værdien nul, ingen gennemsigtighed.

Hvis du vil se eksempler på de nævnte muligheder, kan du kigge her:

http://www.malka.it/idg/tips/billeder.html

Du har mulighed for at teste de muligheder, der er, og endda få
serveret kildekoden til effekten via dette link:
http://www.webreference.com/js/column69/jukebox.html

Alle filtrene på Microsofts hjemmeside:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alpha.asp

----------------------------------------------------------------------
3. God påske!
----------------------------------------------------------------------

Påsken er startet i Danmark - det er den ikke helt her i Frankrig, hvor der ikke
er ekstra helligdage i forbindelse med Påsken. Vi arbejder både
Skærtorsdag og Langfredag :P - Jeg er ikke helt klar over, om butikker
og kontorer har lukket på mandag.

Påskevejret er i hvert fald på plads både her og i Danmark, efter hvad
jeg har hørt. Påskeliljerne er afblomstret her, og liljekonvallerne er
ved at springe ud. Der er mere end 20 grader, og påskelammet risikerer
at ryge på grillen i stedet for i ovnen.

Vi har vel alle vores mere eller mindre sære hobbyer. Vores er blandt
andet at "flamme" hinanden. Oprindeligt var det at flamme at være
uforskammet over for nogen. Det er inspireret af, at man ofte skrev
tre udråbstegn efter en sådan flamme - !!! - og de tre udråbstegn
ligner små flammer.

Vi har en mailingliste, hvor vi flammer for sjov, og hvor det gælder
om at være morsom samtidig. "Du er dum" er for lavt et niveau.

Hvert år til påske har vi flammer en konkurrence om at lave årets
officielle flammeside. Deadline er i år natten imellem 30. april og 1.
maj, helt præcist den 30. april midnat.

Skørt, ja! - men morsomt for os, der deltager.

Du kan læse mere om flammer på:

http://www.malkaz.com/malkaz/flammer.html

og se sidste års officielle flammeside (min):

http://www.malkaz.com/malkaz/officiel/index.html

Ja, der er mere end forsiden. Nu må vi se, om du kan finde ind ;)

God Påske!
-- 

Med påske hilsen
Britt Malka

... Kærligheden hører aldrig op.

----------------------------------------------------------------------

Ugebrevet må i øvrigt godt sættes på egne hjemmesider osv., men dog
vil jeg gerne have en kildeangivelse, link eller lignende sammen med 
teksten.

Besvar via email