KREATiV - Gratis bloggdesign - Old Paper Leaves (kod+grafik)

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.