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

11-07-2003, 12:28
Goddag,

-----------------------------------------------------------------------
Ugebrev nr. 18 - [Tips&Trics] Vinderen af SummaSummarum er trukket
-----------------------------------------------------------------------

1. Snyd dine g�ster og vis store billeder p� hjemmesiden
2. ASCII-kunst
3. Omdiriger dine g�ster
4. Vanedannende afstressningsmiddel
5. Lav tekstboks med StyleSheets

Du har intet at miste, men alt at vinde. F� 25 kr. gratis kvit og frit
til at tale for. Smid sim-kortet v�k bagefter - eller behold det og
send billige SMS'er. Her har du muligheden for at f� et ekstra
telefonnummer til sommerhuset eller til s�nnen, der skal p�
spejderlejr, eller... Siger du nej til det?

,������,������,������,������,������,������,������,������,������,������,

Tro du bare det er l�gn! Men vi vil give dig 25,- kr. GRATIS taletid!
Og en gratis startpakke samt du kan sende sms�er for KUN 15 �rer...
http://brand2brand.com/s/?0fc924be57ca64b1f68bf9f0ed43b786

,������,������,������,������,������,������,������,������,������,������,

Klokken 12 i dag trak jeg den heldige vinder af Stone's prisbel�nnede
bogf�ringsprogram SummaSummarum i en version, der kan bruges af private,
foreninger og sm� firmaer, der ikke er momsregistrerede. Programmet koster
kr. 525,00, hvis du bestiller det via hjemmesiden www.summarum.dk - s� det
er til at overkomme for de fleste, hvis du nu ikke vandt her, og virkelig
dr�mmer om at komme til at eje en licens selv. Husk, at programmet kan
pr�ves i 30 dage gratis.

Til efter�ret skal jeg i gang med at skrive om bogf�ring i al
almindelighed, og bogf�ring med Stone's SummaSummarum i s�rdeleshed. Det er
ikke underligt, at jeg spurgt om at skrive netop dette h�fte for Libris, for
dels er jeg merkonom i regnskab, dels var jeg mere eller mindre ekspert p�
omr�det Concorde C5 i sin tid - men det, der har vejet tungest, er nok, at
min redakt�r - som selv bruger programmet - roser SummaSummarum til skyerne.

Det er derfor med stor gl�de, at jeg �nsker til lykke til den heldige
vinder, der lige skal sende mig sit fulde navn, adresse og e-mail-adresse,
som jeg herefter sender videre til Steen Hjelmstrand, der s� venligt har
sponsoreret en licens af SummaSummarum. Vinderen har v�ret trofast l�ser af
min ugemail siden 3. april i �r. Vinderens navn kan ses p�:
www.malka.it/home/britt/summasummarum.php


-----------------------------------------------------------------------
1. Snyd dine g�ster og vis store billeder p� hjemmesiden
-----------------------------------------------------------------------

De fleste internet-surfere gider ikke at vente s�rligt l�nge p�, at en side
loades ned til deres computer. Mere end ti sekunder - s� surfer de videre.
Derfor skal man aldrig s�tte billeder over en vis st�rrelse p� sin
hjemmeside - men hvad nu, hvis det af en eller anden grund er n�dvendigt? S�
kan du tackle problemet s�ledes:

Lad os sige, at du p� side to gerne vil have vist et temmelig stort
billede, dvs. et, der fylder mere end 100 KB. Folk vil ikke vente p� det,
medmindre det er meget vigtigt for dem at se det, og det er det sj�ldent. Du
er derfor n�dt til at snyde lidt.

Hvis du har lidt tekst p� forsiden, som folk skal igennem, f�r de klikker
videre til den side, der indeholder dit billede, kan du hente billedet
allerede d�r. Hvad er der s� vundet, t�nker du m�ske? Billedet fylder jo
stadig lige meget, og de skal f�rst se det p� side to?

Jamen, du viser dem heller ikke billedet, s�dan som det ser ud. Du lader
hjemmesiden hente et billede, der fylder 1 x 1 pixel. Det er s� sm�t, at det
nok ikke vil blive set - is�r hvis du s�tter det i et hj�rne helt i bunden,
og mens din g�st er ved at l�se den indledende tekst, hentes billedet stille
og roligt ned til hans computer. N�r han g�r videre til side to, er billedet
klart til at blive vist frem, fordi det gemmes i hans "cache", alts� i
rammen p� hans computer.

I praksis vil en kode til et billede, der hedder stort_billede.gif se
s�ledes ud p� side 1:

<img src="stort_billede.gif" height="1" width="1" alt="">

P� side to s�tter du den normale kode p�, fx 
<img src="stort_billede.gif" height="168" width="184" alt="Stort billede">
- men her vil billedet lynhurtigt vises p� sk�rmen.

Husk i den forbindelse, at du aldrig inds�tter selve billedet i
HTML-dokumentet (alts�, hjemmesiden), men kun en kode, der henviser til
billedet. Derfor kan du snyde med st�rrelsen, s�dan som vi har gjort her.

Tak til Cyril for ovenst�ende tip.

**********************************************************************
F� 13 numre af Anders And og en flot T-shirt...
Du sparer n�sten 200,- kr. og f�r bladet f�r alle andre!
Samt du f�r Andebyposten, fribilletter og sp�ndende gaver...
http://brand2brand.com/s/?31832bc68932dfcb537325347ba8f503
**********************************************************************

-----------------------------------------------------------------------
2. ASCII-kunst
-----------------------------------------------------------------------

Ascii-kunst
Hvad er nu det for noget? Har kunst noget med edb at g�re?

Det diskuteres selvf�lgelig, om det er kunst, men der er kunstnere, der
laver flotte billeder ved hj�lp af tegne- og fotobehandlingsprogrammer.
Imidlertid er det ikke det, vi skal se p� her. Vi skal se p� en kunstform,
hvor alle kan v�re med, og hvor tre tegn er nok til, at vi kan kalde det
kunst.

Vi skal se p� Ascii-kunst. Denne kunstform opstod for l�nge, l�nge siden,
dengang computere stort set kun behandlede tal, og hvor de kun kunne
udskrive almindelige, sorte tegn p� hvidt papir i endel�se baner. I starten
af 70'erne s� jeg det f�rste Ascii-kunstv�rk. Dengang var programm�rer og
operat�rer, der arbejdede med edb, m�nd, s� de f�rste v�rker var
selvf�lgelig n�gne damer, hvad ellers? I dag bruges Ascii-kunst ofte som en
del af underskriften i e-mails - is�r hos os, der holder fast p�, at e-mails
skal sendes som tekst og ikke som HTML.

N�r jeg ser disse tre tegn:
���
s� t�nker jeg: Steen, for han bruger dem altid som en del af sin
underskrift. Mere beh�ves der ikke til at lave Ascii-kunst og at lave et
logo, som man huskes p�. Ascii er tegn lavet i r� tekst. Ingen formatering
med fed, kursiv, understreget eller andet. ASCII st�r for "American Standard
Code for Information Interchange", og er dels de tegn, du kan f� frem blot
ved at bruge tastaturet, dels nogle ekstra. Hvis du fx skal skrive bogstavet
"�", der bruges ofte p� fransk, men som ikke findes p� tastaturet, kan du
lave det ved at holde [Alt]-tasten nede, mens du taster 135 p� det numeriske
tastatur (tallene, yderst til h�jre p� tastaturet).

Du kan se en tabel med de amerikanske Ascii-tegn p� www.asciitable.com,
hvor der i �vrigt er et par morsomme reaktionstests ogs�. Tegnene i det
nederste omr�de, de udvidede, svarer ikke helt overens med de danske. Nogle
passer, som fx [Alt]+248, der giver �, mens b�lgestregerne, der vises med
[Alt]+247 hos mig giver � - et b�jet komma. Du kan se tegnene fra 128-287 p�
www.malka.it/tips/redirect?tip=48 - de f�rste tegn fra 32-127 kan let laves
med tastaturet. Disse tegn giver ikke samme resultater i alle programmer.
Der er forskel p� at bruge dem i fx Excel, Notesblok og et e-mail-program.

B�de tegn, du kan lave let med tastaturet og tegn, som du finder i
Ascii-tabeller, kan bruges i Ascii-kunst, men en ting er meget vigtig, for
at det kan se ordenligt ud: Alle bogstaverne skal have samme bredde, dvs. du
kan ikke bruge en skrifttype som fx Times New Roman, hvor "i" og "m" har
meget forskellig bredde. Brug i stedet "courier" eller "fixedsys".

Start med nogle enkle tegninger, som fx Steens logo, eller lav �� �jenbryn
p�.

Selv bruger jeg en r�vehoved, som jeg har lavet, sammen med min
underskrift. Hos nogle modtagere ser den underlig ud, fordi alle tegn ikke
vises med samme bredde. Det kan mailprogrammet indstilles til at g�re i fx
Funktioner -> Indstillinger -> L�sning, hvis du s�tter b�de den
proportionelle skrifttype og den med fast bredde til fx Courier New.

Du kan se eksempler p� Ascii-underskrifter, hvis du f�lger linket til
hjemmeside: www.malka.it/tips/redirect?tip=48 - og masser af deciderede
kunstv�rker her: http://www.chris.com/ascii/

Hvis du vil lave lidt st�rre Ascii-kunst, findes der nogle programmer, der
kan hj�lpe dig lidt p� vej. De kan dels omdanne almindelig skrift til
Ascii-tegninger, dels omdanne billeder til Ascii.

Et af dem er ASCII Pic, der kan omdanne .bmp og .jpg til Ascii. Du finder
det p� http://www.ykwong.com/download.shtml - hvor der desv�rre er et hav af
pop op-vinduer :-(

BG Ascii er mere avanceret, og derfor ogs� lidt sv�rere at bruge. Begge
programmer fungerer bedst med enkle tegninger eller billeder, ikke s�rligt
store og p� hvid baggrund. Du finder BG Ascii (som ogs� er freeware) p�
http://mazaika.tripod.com/download.html#catalogues

**********************************************************************
Er du tr�t og mangler energi i hverdagen?
S� pr�v Ren Ginseng i 14 dage helt gratis...
Og f� ny energi, ny kraft og forbedret livskvalitet!
http://brand2brand.com/s/?720576ee24490cd2bd3766c8bafc32e2
**********************************************************************

-----------------------------------------------------------------------
3. Omdiriger dine g�ster
-----------------------------------------------------------------------

Har du flyttet din velkomstside? Skiftet dom�ne? Vil vise folk en startside
og s� f�re dem videre? Bare fortrudt den side, folk linker til? S� er der
kun �n mulighed - og det er at sende dem videre til den rigtige side. Dette
er ganske let.

Du har to muligheder - meta-tags eller php. Selv om det lyder teknisk, er
det faktisk meget enkelt begge dele, og du vil lynhurtigt kunne sende dine
g�ster det rigtige sted hen. Her ser vi p�, hvordan du kan g�re det ved
hj�lp af meta-tags:

Meta-tags kan dels bruges til at give en beskrivelse af din hjemmeside -
n�gleord, forfatter, kort resum� og den slags - dels bruges til at
videresende en g�st. Det, der st�r i meta-tags, fortolkes af browseren, men
vises ikke p� hjemmesiden. De skal nemlig skrives i <head>. Hvis du er i
tvivl om, hvad i al verden jeg snakker om her, s� kan du f� tilsendt mit
gratis, men temmelig gamle kursus i HTML ved at sende en tom mail til
[EMAIL PROTECTED] - skriv html-kursus i emnet, eller - lettere og bedre - klik
her: mailto:[EMAIL PROTECTED]

N�r du vil lave en videresendelse p� en hjemmeside, skal du �bne den og f�
vist HTML-koderne. I nogle programmer vises de p� et faneblad for sig, i
andre kan man klikke p� en knap eller menu. N�r du kan se HTML-koderne, skal
du tilf�je din meta-tag foroven i <head>.

Lad os sige, at du har en hjemmeside p� www.kedelig.dk, men du har nu k�bt
dom�net www.sjov.dk. Da mange linker til www.kedelig.dk, vil du gerne
beholde dom�net et stykke tid endnu, men fort�lle folk, at de skal �ndre
deres bogm�rke eller link.

Du vil derfor give dem en besked om det p� www.kedelig.dk, og n�r de har
l�st beskeden, skal de sendes videre til www.sjov.dk. Du giver dem fem
sekunder til at l�se i. Beskeden skal bare v�re kort: 
"Vi er flyttet til www.sjov.dk - ret dit bogm�rke dertil. Du bliver nu
videresendt til siden." Du kan pr�ve det af ved at g� til
www.malka.it/tips/videresend/

Selve koden i hjemmesiden kan se s�dan ud:

<html>
<head>
<meta http-equiv= "refresh" content="5;url=http://www.sjov.dk";>
<title>Vi er flyttet...</title>
</head>
<body>
<h1>Vi er flyttet...</h1>
<p>til www.sjov.dk - ret dit bogm�rke dertil. Du bliver nu videresendt til
siden.</p>
</body>
</html>

L�ngere er den s�dan set ikke :-)

**********************************************************************
Bliv l�kker og gyldenbrun med en sk�nhedskur � Gratis!
Du f�r ogs� et h�fte og en smart lille opbevarings�ske...
http://brand2brand.com/s/?6f8545a78be3eca8ba16cae9bec8b5e3
**********************************************************************

-----------------------------------------------------------------------
4. Vanedannende afstressningsmiddel
-----------------------------------------------------------------------

Hvad er prisen for et sjovt lille vanedannende spil? 200 kroner? 100? 50?
N�, men s� 10 kr. da?

Nix, Clickomania koster end ikke et postkort og et frim�rke l�ngere.
Programm�ren fik nemlig for mange af slagsen, da hans lille spil fik en -
for ham - uventet stor succes.

Det er bestemt ikke uden grund. I al sin enkelhed g�r spillet ud p� at
klikke p� nogle brikker, der har samme farve, og som sidder ved siden af
eller oven p� hinanden. N�r du har klikket p� dem, forsvinder de, og andre
glider ned og danner nye m�nstre. Hver gang ens brikker "klistrer" sammen,
kan du klikke p� dem for at f� dem til at forsvinde. M�let er at f� alle til
at forsvinde. Min rekort var vist 2 brikker for nogle �r siden. 

Du kan se billeder af spillet og ops�tningen p�
www.malka.it/tips/redirect?tip=50

Dette herligt afstressende spil kan downloades fra www.clickomania.ch/click

Desv�rre dannes der ikke nogen automatisk genvej i Start-menuen, s� den m�
du selv lave bagefter - eller lav en genvej til skrivebordet, s� du hurtigt
kan f� fat i spillet.

Du kan skifte baggrunden til et billede efter eget valg, og du kan �ndre
brikkernes udseende. Du kan s�gar gemme et spil og analysere det senere.

Clickomania fungerer p� stort set alle versioner af Windows, findes ogs�
til MacOS og DOS - og Linux. Sidstn�vnte er p� f�lgende to adresser:
Glickomania til Gnome desktop: hibase.cs.hut.fi
kClickomania til KDE: sourceforge.net

**********************************************************************
Du ved hvad du skal g�re hvis dit hus br�nder...
Men hvad hvis det var en storm eller vandskade?
Bliv ringet op af Falck Bolig og h�r n�rmere...
http://brand2brand.com/s/?bf38b9e793d87545035b7d6cbf12be36
**********************************************************************

-----------------------------------------------------------------------
5. Lav tekstboks med StyleSheets
-----------------------------------------------------------------------

Hvis du har brug for en lynhurtig metode til at vise tekst i en tekstboks
p� din hjemmeside, s� er CSS l�sningen.

CSS - eller Stylesheets - eller helt korrekt: Cascading Style Sheets er
nogle koder, du kan inds�tte p� din hjemmesider, og som kan hj�lpe dig med
at lave layoutet. Det helt smarte er, hvis man gemmer sine stylesheets i en
fil for sig og blot kalder denne fil fra hjemmesiden, for s� kan samme CSS
bruges p� mange, mange sider. F�r du senere lyst til at �ndre en ting, eller
det hele m�ske, er det kun �n fil, der rettes, og din hjemmeside f�r et helt
nyt udseende.

Her skal vi se p� en lille og helt enkel opgave: at lave en flot boks til
at have tekster i, der skal fremh�ves eller holdes uden for teksten af den
ene eller den anden grund. Se et eksempel p� brugen p�
www.malka.it/tips/celinda.html

I Stylesheets kan vi definere en ny klasse (class), som vi kalder "box", og
som vi let kan henvise til, hver gang der er tekst, der skal inds�ttes i en
boks. Vi kan v�lge baggrundsfarven til boksen, skrifttyperne, rammen,
indrykningen og flere andre ting. Det ser fx flot ud, hvis man bruger en
baggrund, der er en tone lysere eller m�rkere end den baggrund, teksten
ellers har.

Du kan lave et nyt stylesheet enten direkte p� hjemmesiden - hvilket g�r
det besv�rligt - hvis du vil bruge den andre steder - eller i et dokument
for sig ved hj�lp af Notesblok eller et program som fx TopStyle.

N�r du skal lave en ny klasse, skal du vise det ved at skrive et punktum
foran navnet p� din nye klasse - her: .box - Skriv herefter en kr�llet
startparantes, ogs� kaldet en "Tuborg". (AltGr+7)
.box{
Herefter skal du skrive eller v�lge de egenskaber, din boks skal have. Det
er ligemeget, i hvilken orden du v�lger dem, s� her kan du fx starte med
rammen, der hedder "border". Hvis tykkelsen skal v�re 2 pixels, linjen skal
v�re stiplet og bl�, kommer det til at se s�ledes ud:

border : 2px dashed Blue;

S� kan vi v�lge baggrundsfarven i en lysere bl�, fx #C2D3FC - det bliver
til:

background : #C2D3FC;

Lige nu fylder boksen hele sidebredden, og det ser jo knap s� fikst ud, s�
den skal indrykkes i begge sider.

margin-left : 25%;
margin-right : 25%;

Hvis du vil have en bl� skrift i sans serif (uden f�dder p�) i en lidt
mindre st�rrelse end normalt, kommer det til at se s�ledes ud:

font-family : sans-serif;
font-size : smaller;
color : Blue;

M�ske skal den centreres? -     text-align : center;

og lidt luft omkring teksten laves med "padding":

padding-bottom : 1%;
padding-left : 1%;
padding-right : 1%;
padding-top : 1%;

Det f�rdige CSS - med den kr�llede slutparantes - ser s�ledes ud:

.box{
        border : 2px dashed Blue;
        background : #C2D3FC;
        margin-left : 25%;
        margin-right : 25%;
        font-family : sans-serif;
        font-size : smaller;
        color : Blue;
        text-align : center;
        padding-bottom : 1%;
        padding-left : 1%;
        padding-right : 1%;
        padding-top : 1%;
}

Nu er tiden inde til at teste, hvordan det ser ud, s� gem dette stylesheet
under navnet box.css.

I dit HTML dokument skal du inds�tte f�lgende i <head>:

<link rel="stylesheet" type="text/css" href="/box.css">

/box.css kan godt t�nkes at skulle �ndres til hele stien til dit
stylesheet, hvis det ikke virker umiddelbart.

Dern�st finder du det sted i din tekst, hvor du gerne vil have din tekst
indsat i en boks, og skriver
<div class="box">
<p>Her kommer din tekst</p>
</div>

Nu har du en tekstboks, der kan bruges n�r som helst p� din hjemmeside. Du
beh�ver blot at inds�tte koderne omkring den <div class="box"> og </div>.

Alt, hvad der er imellem <div> og </div> vil blive vist i tekstboksen.

God weekend - og m�ske god ferie?

-- 

Med venlig hilsen
Britt Malka

... Jeg vil hedde Brian og have en sort Golf

-----------------------------------------------------------------------
Afmeld eventuelt Tips&Tricks i ferien: Bes�g www.tips-og-tricks.com/ferie.html

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

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