Snart er bloggen min på stihk.com klar og dermed vil denne bloggen være stengt for kommentering. Rett og slett fordi jeg ikke kommer til å lese kommentarer herfra.

Ønsker du å ta kontakt med meg kan du gjøre det på min nye blogg, som forøvrig vil være mye av det samme som her + litt til. Jeg kommer helt sikkert til å skrive flere guider, lage flere design (gratis) og svare på spørsmål. Mulig jeg forandrer litt på hvordan alt gjøres, men det får vi ta etterhvert

Så hva venter du på? stihk.com åpner om ikke lenge og kanskje du finner noen bloggdesign eller tips som er nyttig.

• - Besøk meg på http://idev.ipublish.no/
• - Følg meg og skriv til meg på Twitter - @stihk
• - Send meg en mail på devpublish@gmail.com
• - Og til slutt: Kom gjerne innom denne bloggen ved jevne mellomrom. Plutselig er det noe nyttig her også :)

#header {
      border: 3px solid red;
 }
 
 .entry {
      border: 2px solid blue;
 }

<div id="meny" class="clearfix">
      <a href="LINK">TEKST</a>
      <a href="LINK">TEKST</a>
      <a href="LINK">TEKST</a>
      <a href="LINK">TEKST</a>
 </div>

/* Elementet: Meny */
 #meny {
      background: url(http://i46.tinypic.com/9uqm52.png) repeat-x;
      overflow: hidden;
 }
 /* Alle linkene i menyen */
 #meny a {
      line-height: 30px;
      padding: 0 10px;
      color: #ffffff;
      display: block;
      float:left;
 }
 /* Når man holer musen over linkene */
 #meny a:hover {
      background: #778c34;
 }

<div id="doc2">
      <div id="header">
           <h1>devpublish</h1>
           <p>Test blogg for idev.blogg.no</p>
      </div>
           <div id="wrapper" class="yui-gc">
           <div class="breadcrumbs"></div>
           <div id="main" class="yui-u first"></div>
           <div id="side" class="yui-u"></div>
      </div>
      <div id="footer" class="yui-gb"></div>
 </div>

#doc2 {
      border: 5px solid #000000;
      width: 790px;
 }

#header {
      height: 150px;
      background: url(http://i47.tinypic.com/2hnlt8h.png) no-repeat;
      text-indent: -9999px;
      padding:0px;
      overflow:hidden;
 }

/*Design/Tema satt sammen av:Stian - http://idev.blogg.no/
Til bruk for:Bloggere på blogg.no
Design basert på:DesignPile - http://wordpress.site5.net/designpile/
*/
*{margin:0;padding:0;}
body{color:#333333;background:#121212 url(http://i49.tinypic.com/9r39c4.jpg) repeat top left;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.35em;}
a{color:#F50C56;text-decoration:underline;font-weight:normal;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
h1{font-size:32px;letter-spacing:-1px;font-weight:normal;padding:10px 0 12px;font-style:italic;font-family:Georgia,"Times New Roman",Times,serif;line-height:1em;}
h1 a{text-decoration:none;border-bottom:1px dotted #F30C55;}
h1 a:hover{border:none;}
h2{font-size:20px;font-weight:normal;font-style:italic;font-family:Georgia,"Times New Roman",Times,serif;letter-spacing:-1px;padding:10px 0;}
ul{list-style:none;}
p{margin:0 0 7px;}
/* Oppsett */
.breadcrumbs{display:none;}
#header,#wrapper,#footer,#side,
#doc2{background:none;width:auto;border:0;padding:0px;}
#doc2{padding:20px 0;height:100%;}
#header,#wrapper,#footer{width:960px;margin:0 auto;}
#header{padding-bottom:15px;}
#header p{margin:-17px 0 0;color:#999999;}
#main{width:632px;padding:24px;background:#ffffff;}
#side{width:280px;background :url("http://i49.tinypic.com/mv70xl.png") no-repeat left bottom;padding-bottom:50px;}
#side div{background:#222222 url(http://i50.tinypic.com/27x303c.jpg) repeat top left;padding:5px 10px 10px;border-top:1px solid #434343;border-right:1px solid #434343;border-bottom:1px solid #434343;color:#888888;}
#profile div,
#profile a img{display:none;}
#side a{color:#888888;text-decoration:none;}
#side a:hover{color:#d1d1d1;}
#side div h3{background:transparent url(http://i50.tinypic.com/90nlw3.png) no-repeat;color:#F8DCE5;}
#side div h3{display:block;font-family:Arial,Helvetica,sans-serif;font-size:15px;height:38px;letter-spacing:normal;line-height:30px;margin-right:-13px;margin-left:-10px;padding:0 0 0 15px;text-transform:uppercase;}
#side h3 a{color:#F8DCE5;}
#side ul li{background:url(http://i50.tinypic.com/xenzp2.png) no-repeat 0 4px;padding-left:15px;}
#footer{padding:25px 0;color:#797979;background:transparent url(http://i47.tinypic.com/28ap36v.png) no-repeat bottom center;}
#footer h4{color:#ffffff;}
#footer a{color:#999999;}
/* Entry */
.entry h2{padding:0;font-size:26px;}
.entry h2 a{color:#F50C56;border-bottom:1px dotted #F30C55;}
.entry h2 a:hover{border:none;}
.entry .meta{color:#999999;}
.entry .meta ul li{margin:0 5px 0 0;}
.entry .content{font-size:14px;line-height:1.5em;}
/* New comment */
#newcomment input,
#newcomment textarea{border:1px dashed #999999;padding:5px;background:#efefef;}
#comment_submit{cursor:pointer;}
/* Divs */
#header h1 a{border:none;}

#header {
text-indent:-9999px;
background: url(LINK) no-repeat top left;
height: 150px;
}

Hvordan komme i gang?

element {
   egenskap: verdi;
}

<div id="identifikasjon">
   Dette er en boks, med id = "identifikasjon"
</div>

<div class="klasse">
   Dette er en boks med class = "klasse"
</div>

#identifikasjon {
   background: green;
}
.klasse {
   background: red;
}

En liten oversikt over egenskaper for CSS

• background
      – Forandrer bakgrunnen (farge/bilde/plassering). Eks: background:#000000;
• color
      – Forandrer skriftfargen i elementet. Eks: color: #000000;
• border
      – Bruke for å gi et element en ramme. Eks: border: 5px solid #000000;
• font-family
      – Forandrer skrifttypen. Eks: font-family: Arial;
• font-size
      – Forandre skriftstørrelsen. Eks: font-size: 12px;
• height
      – Brukes til å definere høyde. Eks: height: 150px
• width
      – Brukes til å definere bredde. Eks: width: 150px
• padding
      – Legger til luft runt elementet. Eks: padding: 5px

Hvordan sette sammen disse egenskapene?

#boks {
   background: #ffff99;
   border: 1px solid #999999;
   font-size: 16px;
   padding: 10px;
   text-align: center;
}

#01: DesignPile