Tjanster

Gör en snygg och enkel textbox med css. 

Här finns förslag på snygg text-box som du kan skapa till din hemsida. Lägg CSS-koden i slutet av mallens CSS-del. Ändra storlek och färg på boxen efter eget önskemål. Html-koden infogar du i ”Källkod”.

karmann ghiaWorking with Minddrive mentors, a group of at-risk teenagers has restored a beat up 1967 VW Karmann Ghia and converted it to battery-electric power. The newly-painted and freshly-buffed vehicle will shortly begin a rather interesting journey from Kansas City to Washington. The car has been fitted with a device that monitors social network traffic relating to the project and for every tweet, like or share registered, battery juice points are generated. If there's no social buzz, the car doesn't go anywhere.

HTML:

<div id="box4">Din text och bild.</div>

CSS: 

#box4 {
width: 510px;
float: left;
margin: 20px;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0,0,0, 0.5);
}

Textbox, förslag 2.

Här är en textbox "box1" med annan "background-color" och lite anorlunda skuggning. Du kan ha flera olika boxar, box1, box2, box3 o.s.v.

Testa själv med lite olika bakgrundsfärger och skuggningar så att du får till en snygg box. Har du inte någon hemsida än så skapa en här --> Hemsida på N.nu

HTML:

<div id="box1">Din text och bild.</div>

CSS:

#box1 {
width: 510px;
float: left;
margin: 20px;
padding: 20px;
background-color: #bdeef2;
border-radius: 10px;
box-shadow: 5px 5px 10px rgba(0,0,0, 0.4);
}

Ändra CSS width till % ex 80%. Det kanske ser bättre ut i mobilen. Testa här --> http://www.creatify.se/responsiv/