Fredag den 21-11-2003 ----------------------------------------------------------------------- Ugebrev nr. 37 - [Tips&Trics] - Vinderen af Bog&Idé konkurrencen blev... -----------------------------------------------------------------------
1. Hvem vandt en nyhedstitel fra Bog&Idé? 2. Let PHP 3. Hvem ringede? 4. Sæt et julelys på skrivebordet 5. Fast menu uden rammer ,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø, Wow! Jeg havde fødselsdag i mandags den 17. november og fik fødselsdagshilsner fra nær og fjern. Det glædede mig meget. Aftalen var, at vi skulle fejre den herhjemme i familien om søndagen, for om lørdagen var vi inviteret ud til middag hos nogle venner, og mandag skulle min mand arbejde fra 8:30 - 20:15, så... Lørdag morgen var der til min store overraskelse dækket op til morgenbord med croissanter, te, kaffe og juice. Herefter fik jeg at vide, at jeg skulle se at komme i tøjet inden frokost, for vi skulle lige ud at køre lidt. Cyril kørte os til stationen, hvor vi lige skulle køre "lidt i tog". Det viste sig, at vi skulle til Paris! Der havde vi et herligt døgn med bl.a. besøg på Louvre og godt ondt i fødderne. I går kom min fødselsdagsgave. Den var lidt forsinket, fordi den kom fra England, men den var værd at vente på. Fra kl. 13:30 - 23:30 (kun afbrudt af aftensmaden) var jeg ude at flyve... Wow! Jeg plejer ellers ikke at være til spil, men dette! Det er virkelig fantastisk. Og så er undervisningsteksten til nogle af flylektionerne så morsomt skrevet, at man græder af grin. Det er lærerigt også. Jeg har aldrig vidst så meget om aerodynamik før :-) Hvis du vil give noget af den samme glæde videre i julegave, kan du bestille Microsoft Fligth Simulator her: http://www.kortlink.com/gave ********************************************************************** Smukke julebøger både til eget brug, advents-, værtinde eller julegaver: http://www.malka.it/libris/juleboger.html ----------------------------------------------------------------------- 1. Hvem vandt en nyhedstitel fra Bog&Idé? ----------------------------------------------------------------------- Danmarks største boghandlerkæde var så venlige at sponsorere en nyhedstitel, som jeg straks udlodede til Tips&Tricks læsere. Betingelsen for at deltage i konkurrencen var, at man skulle være abonnent, og man skulle svare på spørgsmålet: Hvor mange af mine bøger har Bog & idé til salg? De fleste svarede rigtigt på spørgsmålet: 12 bøger. Nå, men hvem har så vundet? Og hvad var præmien? Hvis vi skal tage det sidste først, så har jeg netop fået at vide, at det blev bogen: Jon Latimer - El Alamein. En fascinerende ny bog om 2. verdenskrig - et berømt slag. Pris: 399,00 kroner. Bogen er netop udkommet, og den er med i Bog&Idé store julekatalog. http://www.kortlink.com/vinderbog Vinderen, der blev trukket ved lodtrækning, lavet med PHP, blev: Bue. Til lykke, Bue! Du får din gave tilsendt med posten direkte fra Bog&Idé! Send mig lige dit navn og adresse, så jeg kan give det videre. ********************************************************************** Få alle de store tv-kanaler ind i stuen med en parabol... Vi har en julegave til dig! En parabol for kun 1,- krone. http://brand2brand.com/s/?8b24f8d7fc449d285454b3fbd26399bc ********************************************************************** ----------------------------------------------------------------------- 2. Let PHP ----------------------------------------------------------------------- De fleste bøger og tutorials om PHP starter med at forklare, hvordan man installerer en Apache server og selve PHP programmet. Hvis man ikke er specielt langhåret, kan det nok få en til at stå af med det samme og opgive. Det er synd, for det er ikke nødvendigt. Faktisk er det ikke strengt nødvendigt at have Apache server eller PHP på sin egen computer. Det gør tingene lidt mere besværlige, men i et års tid har jeg klaret mig fint på den måde. Tingene kan så ikke testes internt - du er nødt til at uploade til din udbyders server, hvor der både er Apache server og PHP, og så kan du tjekke resultatet. Anden løsning er at installere de nødvendige ting på sin egen computer på den hårde måde. Det kan godt være vanskeligt, men det er lykkedes mig én gang ud af to. Tredje løsning, det er EasyPHP. EasyPHP holder hvad navnet lover. Du downloader, du dobbeltklikker, og det hele er installeret! Selvfølgelig er intet perfekt. Hvis du har planer om at lave en webserver, skal du ikke bruge EasyPHP, for som det er tilfældet med de fleste af den slags Install-Next-Next-Finish-programmer, så er der huller i sikkerheden. EasyPHP kan dog uden problemer bruges til at teste dit arbejde på din egen computer. Du finder EasyPHP på http://www.easyphp.org/ Klik herefter på Download eller Téléchargement (det franske ord for download). Programmet er lavet af tre franskmænd, men det er oversat til engelsk. Følg den ganske lette installationsguide, når programmet er downloadet. Start programmet fra Startmenuen. Herefter behøver du bare at gemme dine hjemmesider i mappen: C:\Programmer\EasyPHP1-7\www Du kan også rette denne sti, hvis du heller vil gemme hjemmesiderne andre steder. Når EasyPHP kører, vil du se et sort "e" med en rød prik ved siden af uret. Højreklik på dette ikon for at få adgang til menuerne i EasyPHP. Når du vil se dine hjemmesider, skal du højreklikke på ikonet ved uret og vælge Weblocal. Så kan du se din(e) mappe(r) eller side(r). ¤º°'°º¤ø,¸¸,ø¤º°'°º¤ø,¸¸,ø¤º°'°º¤ø,¸¸,ø¤º°'°º¤ø,¸¸,ø¤º°'°º¤ø,¸¸,ø¤º°'°º¤ø, Kim F. spurgte: Jeg faldt lige over dette tilbud i din mail... ---------------------------------------------------------------------- USB-nøgle? Så kan du lagre op til 16 Mb og smide disketten ud... Få Komputer For Alle + USB-nøglen for kun 19,50 og spar 200,-! http://brand2brand.com/s/?632140606fffeb4053bd09eb13585d70 ---------------------------------------------------------------------- Hvor mange blade er man forpligtet til at modtage? Mit svar: Ingen ud over det, du køber i tilbuddet. Du kan se abonnementsvilkårene her: http://www.komputer.dk/Crosslink.jsp?d=145&a=2863 Hvis du vil opsige dit abonnement igen, skal du bare gøre det senest 5 dage efter, at du har modtaget dit blad. Bladet med K-CD og USB nøgle har en værdi på 199,00, så der er penge at spare ved at købe det hele for 19,50 + porto og eksp.gebyr 14,50. ********************************************************************** ----------------------------------------------------------------------- 3. Hvem ringede? ----------------------------------------------------------------------- Du sidder og surfer, og telefonen ringer. Derfra hvor du sidder kan du se din "Vis nummer", men hvem er det, der ringer? Med dette lille tips fra http://www.nettips.dk har du svaret lige ved hånden - eller rettere musen. To gode og geniale toolbars --------------------------- Tidligere har vi i disse spalter omtalt Google Toolbar, som er en værktøjslinie du kan ”installere” i din browser. Med Google Toolbar har du både søgefelt, popupstopper og andre smarte finesser ved hånden, når du surfer. De Gule Sider har også lavet en smart tillægsfunktion til Internet Explorer, som er browseren fra Microsoft. Du kan hente den smarte værktøjslinie ned fra http://www.degulesider.dk/tool og når den automatisk har lagt sig ind i din browser, er der nem adgang til nummeroplysning næste gang du leder efter telefonnummer eller adresse på en person eller virksomhed. Du kan også hurtigt finde ud af hvem der har ringet til dig, hvis du altså har nummerviser ved din telefon: indtast nummeret fra nummerviseren i værktøjslinien, og vupti: snart er du klar over, hvem der har haft ringet. www.degulesider.dk/tool ,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø, Tag verden rundt hver dag i en måned... Få Jyllands-Posten i en måned for kun 119,-! http://brand2brand.com/s/?cd29222f9f2a2ba02fc5e17fcb48f9e9 ----------------------------------------------------------------------- 4. Sæt et julelys på skrivebordet ----------------------------------------------------------------------- Dette kalenderlys glemmer du aldrig at tænde - det tænder nemlig selv 1. december og brænder en dag ned for hver dag i december måned indtil den 24. Linda B. skrev til mig og spurgte, hvordan man fik pakket dette lys ud, som hun havde fundet. Det gøres ved hjælp af programmet WinZip, der kan findes på http://www.winzip.com/ Programmet er shareware, dvs. du kan prøve det i en periode gratis, hvorefter det skal registreres. Selv registrerede jeg programmet for nogle år siden, fordi jeg synes, at det var det værd. Lige siden har jeg fået gratis opdateringer. Der findes en del alternativer, også gratis, til WinZip, men dem kan vi se på en anden dag. Lyset finder du her: http://www.kortlink.com/julelys Når det er downloadet, skal du dobbeltklikke på filen for at pakke det ud, fx til mappen Windows. Der er fyldige instruktioner på hjemmesiden. Nyd herefter, hvordan lyset tændes dag efter dag på dit skrivebord. ********************************************************************** Sidste år fik jeg mit eget domæne i fødselsdagsgave :-) http://www.foxladi.com Før du siger noget... ja, jeg ved det. Der er sket et eller andet med nogle filer, og jeg skal have lavet det hele om. Hvis du imidlertid vil se, hvordan siden så ud, da jeg fik den, kan du kigge på http://www.foxladi.com/gave - Jeg var meget rørt! Hvis du mangler en personlig gave til kvinden i dit liv - eller manden i dit liv - var det måske noget med et domæne? De kan fås fra 1 øre hos Cliche, der også har dette tilbud netop nu: ,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø,øº°°ºø, Få Danmarks billigste webhotel og din hjemmeside på nettet! For 1,- kr. får du 20 Mb serverplads, e-mail, fri trafik og mm. http://brand2brand.com/s/?21ce3266c8575597af1fac666bdf4285 ----------------------------------------------------------------------- 5. Fast menu uden rammer ----------------------------------------------------------------------- Et af argumenterne for at bruge rammer er, at så kan man have en fast menu foroven eller i venstre side, uanset hvor på siden gæsten befinder sig. Det kan du også med stylesheets. Hermed slipper du for rammer, der både er tunge at arbejde med og irriterende for gæsten. Se et eksempel her: http://www.tips-og-tricks.com/eksempler/fix.html eller overalt på http://www.tips-og-tricks.com Først skal vi lave stylesheetet til den faste menu. Det kan fx gøres sådan her: .menu{ position: fixed; top: 15px; } Position fixed sørger for, at menuen bliver på plads, uanset hvor langt nede på siden, vi er i gang med at læse. Top fortæller bare, hvor højt oppe menuen skal starte. Prøv dig frem med et passende tal, men husk, at der må ikke være mellemrum mellem tallet og "px". Selve menupunkterne skal også defineres i stylesheetet, og de kan fx se sådan ud: a.menupunkt{ display: block; background-color: Fuchsia; width: 150px; color: Black; text-decoration: none; text-align: left; text-indent: 10px; display: block; width: 130px; margin-top: 3px; } a'et i starten betyder, at menupunktet skal bruges som et link. Derfor skal der også laves menupunkter i hvert fald til "hover", og evt. også til "visited" og "activ". Jeg har valgt at lave et menupunkt med en fast længde, som bliver vist som en blok. Text-decoration none betyder, at linket ikke bliver understreget. For at selve teksten på hjemmesiden ikke skal vises oven i menuen, skal der laves en style til det også. Det kan se således ud: .main { position: absolute; left: 170px; top: 10px; margin-left: 10px; margin-right: 20px; width: 500px; text-align: left; height: 100%; } Den starter 20 px efter, at menuen slutter (menu width: 150px - main left: 170 px). Sæt disse styles samt styles for hover, activ m.m. ind i et stylesheet, som du gemmer fx under navnet fix.css. Du kan se min version af dette på http://www.tips-og-tricks.com/eksempler/fix.css I html-dokumentet kan vi nu lave menuen: I <head> skal der linkes til stylesheetet: <link rel="stylesheet" title="fixed" href="fix.css" type="text/css" media="screen"> Derudover har du det sædvanlige i <head>, og din <body> kan fx starte således: <body> <div class="menu"> <a class="menupunkt" href="menu1.html">Menu1</a> <a class="menupunkt" href="menu2.html">Menu2</a> <a class="menupunkt" href="menu3.html">Menu3</a> <a class="menupunkt" href="menu4.html">Menu4</a> <a class="menupunkt" href="menu5.html">Menu5</a> <a class="menupunkt" href="menu6.html">Menu6</a> <a class="menupunkt" href="menu7.html">Menu7</a> </div> Vi laver ligesom en ramme omkring de syv menupunkter ved at starte med <div class="menu"> og slutte af med </div>, når menuen er færdig. Inde i menuen har vi faktisk blot nogle links, hvor der er tilføjet class="menupunkt" inde i hvert link. Bagefter kommer selve teksten. Den skal vi have lagt ind i området main ved hjælp af en <div>: <div class="main"> <h1>Overskrift</h1> <p>Her kommer resten af teksten</p> Vi slutter hovedområdet af med </div> og de sædvanlige </body></html> Upload filerne, og check menuen i din yndlingsbrowser. Virker det ikke? Så er det fordi din yndlingsbrowser ikke lever op til standard. Disse stylesheets er godkendte af W3C og burde dermed kunne ses af alle browsere. Hvis det ikke virkede i din browser, så prøv at se siden med Mozilla, Opera eller Netscape. Også Linux-browserne følger standarden. Nu vil du måske nok indvende, at det ikke nytter noget, at det er en smart funktion, når den ikke virker i den browser, der bruges af over 90 % af surferne, og det er selvfølgelig rigtigt. Det er ærgerligt, at Microsoft Internet Explorer ikke kan det, den skal, for nu er vi nødt til at arbejde ekstra for at tvinge den til det. Først skal du - lige før <div class="main"> lave et ekstra <div> kun til MSIE. Kald det fx <div class="mainIE">. Husk, at der så skal sluttes af med endnu et </div> lige inden </body>. I <head> - fx lige inden </head> skal du indsætte et stylesheet, der kun læses af MSIE. Det kan se således ud: <!--[if IE]> <style type="text/css" media="screen"> html { overflow: hidden; } body { height: 100%; overflow-y: hidden; margin: 0; padding: 0; } div.mainIE{ overflow: auto; position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-right: 20px; width: 100%; text-align: left; height: 100%; } div.menu{ position: absolute; top: 15px; </style> <![endif]--> Du kan se hele den samlede kode ved at vælge Vis -> Kilde i din browser på siden http://www.tips-og-tricks.com/eksempler/fix.html ********************************************************************** Giv din datter en god bog for kun 19,50 kr.! Der er ikke noget som at læse en god bog... http://brand2brand.com/s/?706e6aaa523d5b2ade3fb88ff3175cca ********************************************************************** God weekend ;-) -- Varme hilsner Britt Malka ...Franskmænd tænker kun på 2 ting - det 2. er mad! ----------------------------------------------------------------------- Find tipsene på http://www.tips-og-tricks.com Læs tidligere ugemails: http://www.mail-archive.com/[EMAIL PROTECTED] ----------------------------------------------------------------------- Afmeld eventuelt Tips&Tricks i ferien: Besøg www.tips-og-tricks.com/ferie.html ----------------------------------------------------------------------- Vil du afmelde ugebrevet? www.tips-og-tricks.com/afmeld.php Vil du tilmeldes ugebrevet? http://www.tips-og-tricks.com/tilmeld.html ----------------------------------------------------------------------- Ugebrevet eller dele af det må i øvrigt godt sættes på egne hjemmesider osv., men dog vil jeg gerne have en kildeangivelse, link eller lignende sammen med teksten.