KREATiV -- Text I Foto I Design

Gratis bloggdesign - Halloween (kod+grafik)

Halloween är alltid Halloween. Keltiska nyåret, dagen då gränser suddas ut och de döda går igen. Alla vet ju att det är saligare att giva än att taga så här kommer kommer ännu en 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å test

Jag hade bara tänk göra en pumpa. Sen skulle jag bara göra några fladdermöss. Sen fattades det något och jag behövde en dödskalle. Helst plötsligt hade jag suttit i flera timmar och då kan man ju lika gärna dela med sig av godsakerna. Det här är en bloggdesign för dig som älskar Halloween, Allhelgona, Samhain och nyåret, precis som jag.

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: #000 url();
}

img{
border:none;
}

img a{
border:none;
}

a { color: #CA4C00; background-color:transparent; text-decoration:none;}
a:hover { color: #4B1B07; background-color:transparent; text-decoration:underline;}

#wrapper {
clear:none;
margin: 30px auto;
padding: 0px;
width: 760px;
background: #CA4C00 url();
border: 10px solid #4B1B07;

}

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

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

#header {
background: #0C0C0B url(http://farm3.static.flickr.com/2466/4058874207_cd31076431_o.jpg) no-repeat top center;
width: 760px;
height: 330px;
margin-bottom:25px;
}

#side {
float: right;
width: 140px;
margin: 0px;
padding: 205px 15px 15px 15px;
background: #fff url(http://farm4.static.flickr.com/3201/4059432828_b33b9785d9_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:#fff;
border: none;
padding:10px;
}

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

#header a:hover {
color:#4B1B07;
background-color:#E49F40;
}

/* bloggtitel */ h1 {
font-family: arial, myriad, sans-serif;
font-size: 30px;
color: ##CA4C00;
margin-top: 10px;
margin-left: 10px;
margin-bottom:0px;
padding:0px;
width:300px;
float:left;
}

/*bloggbeskrivning */
h2 {
font-family: arial, myriad, sans-serif;
font-size: 14px;
font-weight:300;
color: #E49F40;
margin-left: 17px;
margin-top:0px;
padding: 0px;
width:290px;
float:left;
clear:left;
}

/** Entry headers **/
h3 {
font-family: arial, myriad, "myriad pro", helvetica, sans-serif;
font-size: 26px;
font-weight:300;
color: #4B1B07;
background-color: #E49F40;
margin:5px 5px 15px 5px;
padding:5px;
}

.navheader {
font-family:  Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #E49F40;
background-color: #4B1B07;
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: #CA4C00; background-color:#transparent; text-decoration:none;}
.nav a:hover { color: #4B1B07; background-color:#E49F40; text-decoration:none;}

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

.entrybody a { color: #CA4C00; background-color:#transparent; text-decoration:none;}
.entrybody a:hover { color: #4B1B07; background-color:#E49F40; text-decoration:none;}

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

.entrymeta a { color: #CA4C00; background-color:#transparent; text-decoration:none;}
.entrymeta a:hover { color: #4B1B07; background-color:#E49F40; text-decoration:none;}

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

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

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

.commentmeta a { color: #CA4C00; background-color:#transparent; text-decoration:none;}
.commentmeta a:hover { color: #4B1B07; background-color:#E49F40; 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: #E49F40;
background-color: #4B1B07;
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 er som använder sånt.

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-31 @ 00:26:59 DESIGN Blogglayout Trackbacks () Permalink Tillbaka till sidans topp

(2)

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.

Malin säger:

Skitfint! Kolla in vår blogg :)

2009-10-31 @ 15:08:45
URL: http://cuo.blogg.se/

Malin säger:

Har du gjort en profildesign till oss menar du? =)

2009-10-31 @ 22:18:20
URL: http://cuo.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 - Halloween (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