Gratis design2

* Skriv i kommentarfeltet om du bruker designet
* Man får ikke lov til å fjerne crediten i sidemenyen, selv om man har endret på det selv. Hvis man gjør det ødelegger man også designet.
* Du kan endre på det så mye du vil, bare du ikke fjerner crediten.
* Tilpasset header på 940×198 (standar bloggr.no) Se hvordan endre det her.
* Bruk kun hovedområdet for widgeter! Det sekundære legger seg bare oppå!
* Designet har ingen footer
* Hvis du vil endre på småting kan jeg hjelpe, send mail til aslaug.m@hotmail.com

Bruksanvisning:

1. Pass på at du har valgt temaet «Bloggr 1.0 av Bloggr.no» , det standard blogger themet
2. Gå inn på utseende
3. Velg «Edit css»
4. Husk at du må velge «Add this to the Bloggr theme’s CSS stylesheet (view original stylesheet)»
5. Ta vekk alt som står i css boksen og lim denne koden inn
6. «Save Stylesheet»

BLOGGEN ER 940 px BRED SÅ DET MÅ DIN HEADER VÆRE OGSÅ!

Du kan enten laste opp bilde i ‘sidetopp’ men da får du en veldig liten header (max 198 px høy).

Slik gjør du for å få stor header:

1. Last ned dette bildet (ja det er et helt usynlig bilde) -> trykk her for å laste det ned.

2. Last det bildet opp som din sidetopp. 

3. Gå så i din ‘CSS‘ og finn frem til der det står #branding img {
margin-top:-5px;
position:relative;

4. Lim inn denne koden mellom «position:relative;» og  »} »

background-image:url(‘url-til-bilde-her‘);
background-repeat:no-repeat;
height:høyden-på-bildet-herpx;
width:940px;

5. Fyll inn der det det er fet skrift. Du er nødt til å laste opp headeren din på tinypic eller lignende for å få en url (bildeadresse). Den ferdige koden kan se noe slik ut som dette:

#branding img {
margin-top:-5px;
position:relative;
background-image:url(‘http://designs.bloggr.no/files/2011/07/graaatis.jpg’);
background-repeat:no-repeat;
height:500px;
width:940px;
}

#access {
position:relative;
background-attachment:scroll;
background-color:#ccc6c6;
background-image:none;
background-position:0 0;
background-repeat:repeat;
display:block;
float:left;
border:1px solid #fff;
width:938px;
}

#content {
background:#fff;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
-moz-box-shadow:0 0 5px #777;
-webkit-box-shadow:0 0 5px #777;
box-shadow:0 0 5px #777;
float:right;
font-size:13px;
font-family:tahoma, ?Bitstream Charter?, serif;
padding:10px;
}

#primary,#secondary {
position:relative;
width:220px;
height:100%;
background-color:#none;
padding-left:25px;
background-image:url(‘http://img600.imageshack.us/img600/803/graatis.png’);
background-position:18px 0;
background-repeat:no-repeat;
}

body {
background-color:#807474;
padding:none;
}

#branding img {
margin-top:-5px;
position:relative;
}

#access li:hover > a,#access ul ul :hover > a {
background-attachment:scroll;
background-image:none;
background-position:0 0;
background-repeat:repeat;
background-color:#ccc6c6;
color:#fff;
font-size:12px;
font-weight:100;
}

#access a {
color:#f5dfdf;
display:block;
line-height:38px;
text-decoration:none;
font-weight:normal;
font-size:11px;
font-family:Verdana;
text-transform:uppercase;
border-right:1px solid #fff;
padding-left:47px;
padding-right:47px;
}

#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {
color:#fff;
font-size:12px;
font-weight:100;
border-right:1px solid #fff;
}

#wrapper {
background:none;
margin-top:0;
padding:0;
}

#main .widget-area ul ul {
border:none;
margin-left:0;
text-align:center;
padding:0;
}

select {
margin-left:0;
width:200px;
text-align:center;
}

.widget-area ul ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.widget-area a:active,.widget-area a:hover {
background-color:#ccc6c6;
font-size:12px;
}

.widget-area a:link,.widget-area a:visited {
color:#ccc6c6;
text-decoration:none;
font-size:11px;
font-family:tahoma, ?Bitstream Charter?, serif;
text-align:center;
text-transform:uppercase;
}

.widget_search #s {
background-attachment:scroll;
background-color:#ffffff;
background-image:url(‘http://entest.bloggr.no/wp-content/themes/spillno/-/images/search.png’);
background-position:8px 50%;
background-repeat:no-repeat;
height:15px;
width:160px;
padding:5px 5px 5px 36px;
}

span.tag-links {
display:none;
}

span.meta-sep {
display:none;
}

span.cat-links {
display:none;
}

#content .entry-title {
font-family:Geneva, ?Lucida Sans?, ?Lucida Grande?, ?Lucida Sans Unicode?, Verdana, sans-serif;
font-size:35px;
letter-spacing:-2px;
font-weight:200;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

.widget-title {
color:#f5dfdf;
font-size:20px;
font-weight:100;
text-align:center;
text-transform:capitalize;
font-family:Georgia, serif;
font-style:italic;
margin-bottom:5px;
}

div.bloggr_share {
text-align:center;
margin-left:38%;
}

.entry-title a:link,.entry-title a:visited {
color:#ccc6c6;
text-shadow:-1px -1px #fff, 1px 1px #ccc;
}

.entry-meta {
display:none;
}

.entry-utility {
width:640px;
text-align:center;
margin-top:10px;
margin-bottom:0;
background-color:#ccc6c6;
color:#f5dfdf;
font-family:Geneva, ?Lucida Sans?, ?Lucida Grande?, ?Lucida Sans Unicode?, Verdana, sans-serif;
font-size:11px;
text-transform:uppercase;
padding:1px;
}

.entry-meta a:link,.entry-utility a:link {
color:#f5dfdf;
text-decoration:none;
}

.entry-meta a:visited,.entry-utility a:visited {
color:#f5dfdf;
text-decoration:none;
}

#main {
background-color:#f8f8f8;
padding-top:25px;
height:100%;
}

div#header {
margin-top:-30px;
}

#site-info {
display:none;
width:auto;
}

.entry-content,.entry-summary {
clear:both;
padding:12px 0 0;
}

#site-title {
display:none;
}

#site-description {
display:none;
}

#site-generator {
display:none;
}

#container {
float:right;
margin-right:-250px;
height:100%;
}

#main .widget-area ul {
padding-top:91px;
}

input#searchsubmit {
display:none;
}

.entry-meta a:hover,.entry-utility a:hover {
background-color:#c6bfb8;
font-size:12px;
color:#fff;
}

.entry-title a:hover,.entry-title a:hover {
color:#ccc6c6;
}

#footer {
display:none;
}

#colophon {
background-color:#f8f8f8;
border:none;
margin-top:20px;
padding:0;
}