KREATiV -- Text I Foto I Design

Gratis bloggdesign - Old Paper Leaves (kod+grafik)

Här kommer nästa gratislayout som ni kan kopiera och lägga in direkt utan någon som helst programmering. Denna blogglayout funkar på blogg.se och ett provexemplar finns på testbloggvi

Det är väl ingen som lyckats undgå att märka att det är höst ute. Den här bloggdesignen andas torkade löv, gamla brev och minnen. För den som älskar gammalt papper, romantik och vintagekänsla.

Hur lägger jag in en ny bloggdesign i stilmallen?

Radera allt i din stilmall. Kopiera sedan koden i rutan här nedanför och klistra in. Ser det konstigt ut? Du kanske behöver ändra tema på din blogg för att stilmallen ska fungera. Välj Anchor eller Fashion exempelvis. Sen gör du om hela grejen igen, alltså radera allt i stilmallen, kopiera koden från min ruta och klistra in.

Radera allt i din stilmall och klistra in följande kod istället:

body {
margin: 0px;
padding:0px;
background: #B2AC73 url(http://farm3.static.flickr.com/2570/4043066722_bd4418be99_o.jpg);
}

img{
border:none;
}

img a{
border:none;
}

a { color: #333300; background-color:transparent; text-decoration:none;}
a:hover { color: #333300; background-color:transparent; text-decoration:underline;}

#wrapper {
clear:none;
margin: 30px auto;
padding: 0px;
width: 760px;
background: #b7bac6 url(http://farm3.static.flickr.com/2546/4043055352_0eb3b40086_o.jpg);
border: 10px solid #ACA66F;

}

#wrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #B2AC73 url(http://farm3.static.flickr.com/2617/4043044324_81fc07a661_o.jpg) no-repeat top center;
width: 760px;
height: 500px;
}

#side {
float: right;
width: 140px;
margin: 0px;
padding: 205px 15px 15px 15px;
background: #B2AC73 url(http://farm4.static.flickr.com/3531/4043163654_78b81bc54a_o.jpg) top center no-repeat;
left:-30px;
border: none;
}

#content {
overflow: hidden;
width: 540px;
position:relative;
left:0px;
voice-family:"\"}\"";
voice-family:inherit;
float: left;
background-color:#B2AC73;
border: none;
padding:10px;
}

#header a {
color: #333300;
background-color:#B7B07D;
text-decoration: none;
padding: 5px 5px 0px 5px;
}

#header a:hover {
background-color:#D6CBAC;
}

/* bloggtitel */ h1 {
font-family: georgia, times, serif;
font-size: 30px;
color: #000;
margin-top: 30px;
margin-right: 30px;
margin-bottom:0px;
padding:0px;
float:right;
width:300px;
}

/*bloggbeskrivning */
h2 {
font-family: georgia, times, serif;
font-size: 14px;
font-weight:200;
font-style:italic;
color: #000;
margin-right: 30px;
margin-top:0px;
padding: 0px;
width:290px;
float:right;
clear:right;
}

/** Entry headers **/
h3 {
background-color: transparent;
font-family: georgia, serif;
font-size: 26px;
font-style: italic;
color: #49421D;
background-color: #ACA66F;
margin:5px 5px 15px 5px;
padding:5px;
}

.navheader {
font-family:  Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #49421D;
background-color: #ACA66F;
padding:5px;
margin-bottom:0px;
text-transform: uppercase;
}

.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 10px;
font-weight: bold;
color: #333;
margin: 0px;
}

.nav ul {
margin: 5px 0px 5px 0px;
padding: 0px;
font-weight: normal;
background-color: transparent;
}

.nav li {
list-style: none;
padding: 0px 0px 5px 0px;
font-weight: normal;	
}

.nav a { color: #333300; background-color:#B7B07D; text-decoration:none;}
.nav a:hover { color: #333300; background-color:#D6CBAC; text-decoration:none;}

/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 150%;
margin:5px;
padding:0px 0px 80px 0px;
background:url(http://farm3.static.flickr.com/2545/4043044334_8777bb6830_o.jpg) bottom right no-repeat;
border-bottom: 1px solid #958557;
}

.entrybody a { color: #333300; background-color:#BFB88E; text-decoration:none;}
.entrybody a:hover { color: #333300; background-color:#D6CBAC; text-decoration:none;}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #49421D;
text-align:right;
clear: both;
margin: 14px 0px 14px 12px
border: none;
padding-bottom:10px;
}

.entrymeta a { color: #333300; background-color:#B7B07D; text-decoration:none;}
.entrymeta a:hover { color: #333300; background-color:#D6CBAC; text-decoration:none;}

.commentheader {
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-color:#968656;
padding:5px;
color: #000;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
line-height: 130%;
background-color:#B7B07D;
padding-top:5px;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #49421D;
margin: 10px 0px 20px 0px
}

.commentmeta a { color: #333300; background-color:#B7B07D; text-decoration:none;}
.commentmeta a:hover { color: #333300; background-color:#D6CBAC; text-decoration:none;}

.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
display:none;
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}

.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border:none;
}

.thumbnail {
border: 2px solid #CCCCCC;

background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;	
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}

#calendar table tr td ul li {
color: #666666;
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

form {
padding: 10px;
background-color: transparent;
margin: 0px 0px 10px;
}

#profile {
font-family:  Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding-left: 0px;
text-align:center;
}

#profile h4 {
font-family:  Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #49421D;
background-color: #ACA66F;
padding:5px;
margin-bottom:10px;
text-transform: uppercase;
text-align:left;
}

#profile p{
}

OBS! OBS! Har du lagt till saker i din kodmall? Bilder/länkar(om du fiddlat direkt i koden, inte med länkvertyget)/javascript etc? Allt sånt försvinner när du byter tema på bloggen. Om stilmallen inte fungerar utan att du först byter tema måste du kopiera dina kodsnuttar till ett dokument (i Anteckningar eller Wordpad) medan du ändrar tema på din blogg, sen kan du klistra in dem i din kodmall igen.

Edit(okt31): Har fixat profilen för de som använder sånt.
Edit(nov9): Blev visst fel layout där medans jag mixtrade sist. Nu ska det vara rätt.

Allt innehåll, om inte annat framgår, är © Terese Mörtvik.
Foton, grafik, eller texter får inte användas utan mitt tillstånd.
Vid användning med tillstånd länka alltid tillbaka till bloggen.

2009-10-25 @ 20:02:30 DESIGN Blogglayout Trackbacks () Permalink Tillbaka till sidans topp

(1)

Innan du kommenterar kan det vara bra att veta några saker.

Jag gör inga gratisdesigner annat än vad som läggs ut på bloggen.
Om det står exempelvis "gratis design" i ett inlägg är det bara att ta för sig. Du behöver inte fråga om lov, men jag förväntar mig cred/länk i ett inlägg på din blogg. Om det inte står någonstans att du får ta bilden, designen osv så är det "se, men inte röra" som gäller.
Jag läser bara bloggar jag är intresserad av och vill alltså inte utbyta Bloglovin-prenumerationer.
Reklam och spam raderas.

Tilde 8D säger:

Så fin! <3

2009-11-17 @ 21:14:14
URL: http://hongillarsincandyy.blogg.se/

Trackback

KREATiV -- Text I Foto I Design

I min blogg finns det mycket bilder, mycket personligt och mycket kreativitet. Foto, bloggdesign, texter, poesi, grafik, kläder, smink, och annat skoj. Kom och kika in en sväng. Kanske hittar du något du kan ta med dig hem.

Gratis bloggdesign - Old Paper Leaves (kod+grafik)

Innan du kommenterar kan det vara bra att veta några saker.

Kommentera inlägget här:

Senaste

Kategorier

Arkiv

Länkar

Terese Mörtvik