Velkommen til hjemmesiden min. Her finner du artikler som jeg har skrevet, prosjekter jeg jobber med og info om meg. Have fun ;-)
Hey, Welcome to my webpage...
I think that I will be redesigning it quite a bit, make it a bit more of a happy place ;-)
Hey, and welcome to this VERY SHORT tutorial..
I’m going to show you how to make the facebook-type box with css3, just like this box (which you should be able to se in Safri or FF, but doesn't work in IE!). We will use the following HTML code:
<div class="container">
<div>
This content will be inside a framed div
</div>
</div>
On the next page I will show how we create the effect by using css.
The basic idea is that we will be using a div that creates the border background, and then insert a div inside that holds the content
The first technique used is a rgba background color. The rgba color function is the same as the rgb function where you insert 3 variables that go from 0 to 255, but there is another variable that defines opacity as well.
Next we have border radius, which has been inserted in different formats to support different browsers.
/*Black background with .4 opacity*/ background-color: rgba(0,0,0,0.4); /*Border radius for different browsers*/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /*Shows the border*/ padding: 10px;
Below we have the final result which includes css that gives the div, with the actual content, a white background
.container{
background-color: rgba(0,0,0,0.4);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
width: 500px;
}
.container div{
background-color:#FFF;
}
P.S. When I use this with an image as heading, as I do here, I insert it like this:
<div class="container">
<img src="resources/img/articles/headers/css3.png" alt="CSS3" />
<div>
This content will be inside a framed div
</div>
</div>
I have not implemented the comment system yet...
Okay... well lets see...
I was born in Wijchen, a town in the Netherlands on March 8 1989. I gotta say, the first years i remember nothing of ;) At the age of four I started at a school called "De Speelhoeve", I would attend to this school for the next 6 years.
When I was seven years old we bought a cabin in Norway, it was majesticly name "Aurora Borealis". I still associate this wonderfull place with peace, and have many good memories of it.
Hey, allright, your still reading :P
After having our cabin for a couple of years we moved to Norway ( to Hov in Oppland ), I was 11 years old at the time and was quite incapable of communicating since i didn't know the language. As you can imagine, this created quite a nice story when I went to school for the first day...
Anywho, as time went by I learned the language, as kids easily do, and went from primary school to what they call ungdomsskole.
In the summer, wednesday June 30 2004 I got together with my girlfriend Eline, with whom I am still together. Seems like I fell in love in a movie in the 50's..
At the age of 16 I started to go to school at a place nearby called gjøvik, although considering I had to take the buss for an hour everyday maybe shouldn't be called nearby. I liked school, and enthusiastic as I was I joined the IB class. It gave me plenty to work with!
I graduated the IB program at the age of 19. The same summer I moved to Oslo as I had been accepted to the Norwegian School of Economics in Oslo, where I now study Economics and Administration.
Merely a month before my 20th birthday me and my grilfriend Eline moved together.
School is still going great, and soon I am halfway done with my Bachelor Programme :D
Well, this section is basicly about me...
I show you where I come from, where I am, and where I am going...
Do you want to start at the beginning?
Soon you can continue forward, to see where I am going, however, I haven't come that far yet..
Well, my portfolio will come here...
Well, my contact information will be here..