M-Henriksen http://m-henriksen.com Lærer webutvikling Fri, 02 Sep 2011 15:55:52 +0000 en hourly 1 http://wordpress.org/?v= Ta screenshot med Samsung Galaxy S II http://m-henriksen.com/2011/ta-screenshot-med-samsung-galaxy-s-ii http://m-henriksen.com/2011/ta-screenshot-med-samsung-galaxy-s-ii#comments Fri, 02 Sep 2011 15:55:52 +0000 Morten Henriksen http://m-henriksen.com/?p=642 Jeg har prøvd lenge å finne en måte og ta screenshots med min Samsung Galaxy S II, jeg har lett etter programmer på Android Market og søkt på nettet uten og finne noe godt svar.

Men i dag fant jeg en enkel forklaring på hvordan det gjøres, og man trenger slett ikke noen ekstra applikasjoner for og gjøre det.

Du gjør som følger:

Trykk “Hjem tasten” for så og trykke på tastelåsen kjappt etter.

Klikk her for en video som viser enkelt hvordan det gjøres (Engelsk).

Share

]]> http://m-henriksen.com/2011/ta-screenshot-med-samsung-galaxy-s-ii/feed 0 Macrofoto http://m-henriksen.com/2011/macrofoto http://m-henriksen.com/2011/macrofoto#comments Wed, 10 Aug 2011 11:30:47 +0000 Morten Henriksen http://m-henriksen.com/?p=566 DSC_0054 DSC_0055 DSC_0092 DSC_0095 DSC_0141-2 DSC_0143-1

Jeg har øvd med på Macrofoto med mitt Nikon d60. Over ser du resultatet. Ganske fornøyd selv, siden jeg ikke har holdt på med foto noe særlig.

(Se også timelapse video av solnedgangen sett ifra Smiskaret.)

Share

]]> http://m-henriksen.com/2011/macrofoto/feed 0 Installere Windows fra USB minnepenn http://m-henriksen.com/2011/installere-windows-fra-usb-minnepenn http://m-henriksen.com/2011/installere-windows-fra-usb-minnepenn#comments Tue, 09 Aug 2011 17:29:42 +0000 Morten Henriksen http://m-henriksen.com/?p=554  

wintoflashFor en stund siden skrev jeg en guide som viste hvordan du kunne lage en bootbar Windows Vista eller 7 USB minnepenn.

Nå har jeg funnet et enkelt program som gjør den jobben for deg raskt og enkelt.

 

 

WinToFlash

Med WinToFlash, setter du kun inn USB pennen i USB porten. Velger mappen der du har filene fra Windows cden du skal lage en bootbar USB minnepenn av og du velger rett stasjonsbokstav til USB minnepennen.

wintoflashinstruksjon

Når du har gjort dette klikker du “next” så går resten av seg selv.

Klikk her for og gå til hjemmesiden til WinToFlash og laste ned programmet.

Jeg har selv testet dette programmet med Windows 7 Home Premium 64bit og Windows Vista Home Premium 32 bit. Hvis du tester med et annet program gjerne si om det virker eller ikke.

 

Abboner på RSS nyhetsstrømmen for å få flere tips til data og web utvikling,

Share

]]> http://m-henriksen.com/2011/installere-windows-fra-usb-minnepenn/feed 0 Solnedgang fra Smiskaret http://m-henriksen.com/2011/solnedgang-fra-smiskaret http://m-henriksen.com/2011/solnedgang-fra-smiskaret#comments Tue, 09 Aug 2011 12:28:34 +0000 Morten Henriksen http://m-henriksen.com/?p=537 solnedgang fra smiskaretHar gjort et nytt forsøk på å lage en timelapse video. Denne gangen ble det litt feil kamerainstillinger. Men man lærer så lenge man lever.

Fant også ut at jeg må kjøpe meg en strøm adapter til mitt Nikon d60, så jeg slipper at kameraet går tom for strøm så fort.

Men en liten timelapse film ble det.


ZD YouTube FLV Player

(alternativ videokilde, KLIKK HER)

Håper på å få til rett kamerainstillinger neste gang, og kanskje å ha fått tak i en strømadapter til kameraet.

Share

]]> http://m-henriksen.com/2011/solnedgang-fra-smiskaret/feed 1 Ramme rundt tekst http://m-henriksen.com/2011/ramme-rundt-tekst http://m-henriksen.com/2011/ramme-rundt-tekst#comments Mon, 08 Aug 2011 14:20:12 +0000 Morten Henriksen http://m-henriksen.com/?p=525 CSS kode Her har jeg funnet en måte og lage en “ramme” rundt skriften (Outline) med CSS3. Det er ganske enkelt og du bruker bare “text-shadow” atributten.

 

 

 


For å vise hvordan du gjør dette har jeg laget en overskrift (
<h1>) med teksten “Ramme rundt TEKSTEN”.

HTML koden blir som følger.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text-outline</title>
</head>

<body>
<h1>Ramme rundt SKRIFTEN</h1>
</body>
</html>

og CSS koden blir slik.

h1 {
 font-family:"Arial Black", Gadget, sans-serif;
 font-size:3em;
 text-shadow: 0 2px 0 black, 0 -2px 0 black, 2px 0 0 black, -2px 0 0 black; 
 color: white;
 }

med integrert CSS i HTML dokumentet blir koden slik.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text-outline</title>
<style type="text/css">
h1 {
 font-family:"Arial Black", Gadget, sans-serif;
 font-size:3em;
 text-shadow:  
 color: white;
}
</style>
</head>

<body>
<h1>Ramme rundt SKRIFTEN</h1>
</body>
</html>

font-family – bestemmer hvilken skrifttype (font) teksten skal ha.
font-size – bestemmer størrelsen på skriften. 3EM vil si at skriften blir 3 ganger større en standardskriften på siden.
text-shadow -er CSS3 attributten som sier at teksten skal ha skygge.
0 2px 0 black – vil si at skyggen skal gå ned to piksler, 0 piksler til høyre, og ikke bli difus. Black er fargen. her kan du bruke hex koder også (#000000 for svart).
0 -2px 0 black – her blir skyggen dyttet to piksler opp.
2px 0 0 black -her blir skyggen dyttet to piskler til høyre.
-2px 0 0 black -her blir skyggen dyttet to piskler til venstre.
Color – bestemmer fargen på skriften.

Her kan du se en demo.

Share

]]> http://m-henriksen.com/2011/ramme-rundt-tekst/feed 0 Lage en hjemmeside med HTML og CSS del 5 Footer HTML og CSS http://m-henriksen.com/2011/lage-en-hjemmeside-med-html-og-css-del-5-footer-html-og-css http://m-henriksen.com/2011/lage-en-hjemmeside-med-html-og-css-del-5-footer-html-og-css#comments Sun, 07 Aug 2011 16:30:59 +0000 Morten Henriksen http://m-henriksen.com/?p=512 CSS kodeJeg har tenkt og lage et nettside design med kun HTML og CSS (og CSS3). Da tenkte jeg at jeg skulle lage en “serie” hvor jeg lærerbort det jeg lærer meg så kan alle lage et nettsted i HTML og CSS.

Dette er del 5. Footer HTML og CSS.

Her skal jeg vise hvordan man lager HTML og CSS til sidekolonnen. Jeg limer inn hele HTML og CSS koden her. Jeg har skrevet kommentarer i HTML og CSSen, og hvis det er noe du lurer på så er det bare og stille spørsmål i kommentarfeltet.
(kommentarer i HTML er vist slik og kommentarer i CSS er vist slik /* KOMMENTAR */.)

HTML

<div id="footer">
 <p>Lær og lage en nettside med kun HTML og CSS(3) på <a href="http://m-henriksen.com">M-Henriksen.com</a></p>
 <p>Copyright &copy; 2011 <a href="http://m-henriksen.com">M-Henriksen.com</a> - Med alle rettigheter.</p>
 </div><!--FOOTER END-->

HTML koden til footeren er kort og enkel. Jeg har valgt og ikke ha noe særlig mer enn copyright tekst.

CSS

#footer p{/*Hvordan paragrafene (<p>) skal se ut i footeren.*/
 line-height:30px;
 color:#FFF;
 margin:8px 0 0 0;
 padding:0;
}
#footer p a{/*Hvordan lenken skal se ut.*/
 color:#0FF;
 text-decoration:none;
}
#footer p a:hover{/*Hvordan lenken skal se ut når man holder musepekeren over.*/
 color:#FFF;
 text-decoration:underline;
}

Da var hele hjemmesiden ferdig, Både headeren, hovedinnholds delen, sidekolonnen og footeren.

Se hele HTML koden her.
Se hele CSS koden her.
Se demo av den ferdige siden her.

Share

]]> http://m-henriksen.com/2011/lage-en-hjemmeside-med-html-og-css-del-5-footer-html-og-css/feed 0 Timelapse foto http://m-henriksen.com/2011/timelapse-foto http://m-henriksen.com/2011/timelapse-foto#comments Thu, 30 Jun 2011 10:47:28 +0000 Morten Henriksen http://m-henriksen.com/?p=506 Så litt rundt på fotosider på nettet og da fant jeg noe kult. Timelapse filmer. Det er filmer som er satt sammen av mange fotografier. Jeg har prøvd og lage en slik film selv.

Jeg brukte mitt Nikon D60 med kit objektivet, et Manfrotto stativ og min laptop med Nikon Camera Control 2. bildene er tatt på Stjørdal.

ZD YouTube FLV Player

(alternativ videokilde, KLIKK HER)

Ikke den beste filmen men det er en start.

Share

]]> http://m-henriksen.com/2011/timelapse-foto/feed 0 Lage en hjemmeside med HTML og CSS del 4 Sidekolonne HTML og CSS http://m-henriksen.com/2011/lage-en-hjemmeside-med-html-og-css-del-4-sidekolonne-html-og-css http://m-henriksen.com/2011/lage-en-hjemmeside-med-html-og-css-del-4-sidekolonne-html-og-css#comments Mon, 20 Jun 2011 17:41:44 +0000 Morten Henriksen http://m-henriksen.com/?p=499 CSS kodeJeg har tenkt og lage et nettside design med kun HTML og CSS (og CSS3). Da tenkte jeg at jeg skulle lage en “serie” hvor jeg lærerbort det jeg lærer meg så kan alle lage et nettsted i HTML og CSS.

Dette er del 4. Sidekolonne HTML og CSS.

Her skal jeg vise hvordan man lager HTML og CSS til sidekolonnen. Jeg limer inn hele HTML og CSS koden her. Jeg har skrevet kommentarer i HTML og CSSen, og hvis det er noe du lurer på så er det bare og stille spørsmål i kommentarfeltet.

(kommentarer i HTML er vist slik <!– KOMMENTAR  –> og kommentarer i CSS er vist slik /* KOMMENTAR */.)

HTML

<div id="sidekolonne">
 <h3>Overskrift</h3><!--MENY OVERSKRIFTEN-->
 <ul>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 </ul><!--SIDEMENY END-->

 <h3>Overskrift</h3>
 <ul>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 </ul><!--SIDEMENY END-->

 <h3>Overskrift</h3>
 <ul>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 <li><a href="#">Lenke 1</a></li>
 </ul><!--SIDEMENY END-->

 </div><!--SIDEKOLONNE END-->

Denne HTML koden skal plasseres rett under

</div><!--HOVEDINNHOLD END-->

og over

</div><!--WRAPPER END-->

CSS

/*--------------SIDEKOLONNE---------------------
-------------------------------------------*/
#sidekolonne {
 width: 200px;
 float:right;
 background:#fff;
 border:1px solid #000;
 margin-bottom:20px;
 padding:5px 10px 10px 10px;
 /*Avrundede hjørner*/
 -moz-border-radius: 0 0 15px 0;
 -webkit-border-radius: 0 0 15px 0;
 border-radius: 0 0 15px 0;
 /*Skygge under hovedinnholder*/
 -moz-box-shadow: 0 2px 2px #fff;
 -webkit-box-shadow: 0 2px 2px #fff;
 box-shadow: 0 2px 2px #fff;
}
.sideoverskrift {
 text-align:center;
 font-size:1.3em;
 margin:0 auto;
 border-bottom:1px solid #0c2431;
}
.sidemeny {
 list-style-type:none;
 margin:0 auto;
 padding: 8px 0 8px 0;
}
.sidemeny li{
 line-height:1.2em;
 font-size:1em;
}
.sidemeny li a{
 line-height:1.2em;
 font-size:1em;
 text-decoration:none;
 color:#000;
}
.sidemeny li a:hover{
 text-decoration:underline;
 color:#166a9a;
}

Da var HTML og CSS for sidekolonnen klar.

Neste del vil ta for seg footeren. Det vil bli 5 og siste del. Abonner på RSS nyhetsstrømmen eller RSS via epost så går du ikke glipp av neste del, footeren.

Share

]]> http://m-henriksen.com/2011/lage-en-hjemmeside-med-html-og-css-del-4-sidekolonne-html-og-css/feed 0 Lag Facebook og Twitter knapp med HTML og CSS http://m-henriksen.com/2011/fb-t-knapp http://m-henriksen.com/2011/fb-t-knapp#comments Mon, 11 Apr 2011 20:05:38 +0000 Morten Henriksen http://m-henriksen.com/?p=492 facebook og twitterJeg tenkte jeg skulle vise hvordan man laget Facebook og Twitter knapper med kun HTML og CSS. Det er enkelt og man får fine knapper uten og bruke bilder.

Det er veldig enkelt og resultatet ble pent om jeg får si det selv. Under ser du koden som ble brukt. Les tidligere innlegg om CSS3 eller spør hvis du lurer på noe.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Facebook og Twitter knapp</title>
</head>

<body>
<p id="f"><a href="#">f</a></p><!--Hvor det er en # må du skrive url til facebook siden-->
<p id="t"><a href="#">t</a></p><!--Hvor det er en # må du skrive url til twitter kontoen-->
</body>
</html>

CSS

#f a{
height:32px;
width:32px;
display:block;
float:left;
margin-left:10px;
text-decoration:none;
background:-moz-linear-gradient(#039 70%, #06C);
background:-webkit-linear-gradient(#039 70%, #06C);
background:linear-gradient(#039 70%, #06C);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #006;
color:white;
text-align:center;
font-size:1.4em;
font-weight:bold;
text-shadow: 1px 1px #000;
line-height:32px;
font-family:Tahoma, Geneva, sans-serif;
box-shadow: -1px 1px 2px black;
}
#t a{
height:32px;
width:32px;
display:block;
float:left;
text-decoration:none;
margin-left:10px;
background:-moz-linear-gradient(#66c8f2 40%, #42a6d1);
background:-webkit-linear-gradient(#66c8f2 40%, #42a6d1);
background:linear-gradient(#66c8f2 40%, #42a6d1);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #2176b5;
color:white;
text-align:center;
font-size:1.4em;
font-weight:bold;
text-shadow: 1px 1px #000;
line-height:32px;
font-family:Tahoma, Geneva, sans-serif;
box-shadow: -1px 1px 2px black;
}

Se demo av knappene her!

Share

]]> http://m-henriksen.com/2011/fb-t-knapp/feed 0 Lage mønster (patterns) til photoshop – Video tutorial http://m-henriksen.com/2011/patterns-photoshop-vt http://m-henriksen.com/2011/patterns-photoshop-vt#comments Sun, 10 Apr 2011 20:26:28 +0000 Morten Henriksen http://m-henriksen.com/?p=251 For en stund siden viste jeg hvordan man laget enkle mønster (patterns) til Adobe photoshop og siden jeg holder på å lære meg og bruke programmet som tar opp det som skjer på skjermen, fant jeg ut at jeg skulle lage en video tutorial som viser hvordan man gjør denne enkle oppgaven i Photoshop. Under ser du noen av mønstrene man kan lage.

Mønster til Photoshop demo

Mønster til Photoshop demo

Her kan du se hvordan DU lager mønster til Photoshop.

(NB! Jeg er trønder :P )

ZD YouTube FLV Player

(Klikk nederst til høyre for fullskjerm)

<p style=”text-align: left;”>Alternative videokilder:</p>

<ul style=”text-align: left;”>
<li><a href=”http://www.youtube.com/watch?v=kD1NbxNsboQ”>Youtube</a></li>
<li><a href=”http://vimeo.com/21243437″>Vimeo</a></li>
</ul>

Skriv gjerne hva du synes om tutorialen i kommentar feltet.

Share

]]> http://m-henriksen.com/2011/patterns-photoshop-vt/feed 0