Gratis bloggdesign!

Så jag vet inte exakt vad jag tänker nu, men det jag tänkte innan var i alla fall att jag skulle ge er min stilmall x) Vilket alltså betyder att du kan koda in den som stilmall i din egen blogg. Senare tänkte jag "Vad konstig idé! Jag kan ju inte bara ge bort min design!" men så funderade jag lite till, så vi säger såhär:
Du kan fråga i kommentarerna om du kan få ta designen. Jag kommer antagligen svara ja, men ta den inte före jag har godkänt! Och ge gärna cred :) Kom ihåg att stilmallen kan bli sämre eller bättre beroende på vilket tema eller vilka kodningar du har från början. Jag har gratistemat Dotty från Blogg.se.
Såhär ser min stilmallkodning ut:

 

/* Theme Dotty */
@import url("http://static.blogg.se/themes/dotty/style.css");
{{options.importstr}}

body {
background-color: {{options.color.background}};
background-image: {{options.image.background.urlsrc}};
}

.header-big { background-image: {{options.image.header.urlsrc}}; }
.header-small:first-of-type { background-image: {{options.image.header1.urlsrc}}; }
.header-small:nth-of-type(2) { background-image: {{options.image.header2.urlsrc}}; }
.header-small:nth-of-type(3) { background-image: {{options.image.header3.urlsrc}}; }
.header-small:nth-of-type(4) { background-image: {{options.image.header4.urlsrc}}; }
.header-small:nth-of-type(5) { background-image: {{options.image.header5.urlsrc}}; }
.header-small:nth-of-type(6) { background-image: {{options.image.header6.urlsrc}}; }

#header {
height: 346px;
}

.nav a, a, body, .nav, .commentmeta a:hover, .navheader, .commentheader, .commentmeta, .commentmeta a {
color: {{options.color.header}};
}

.entrybody, .commentform, .commenttext, #profile, #profile .info-profile, a:hover, .nav a:hover {
color: {{options.color.body}};
}

.social svg, #social svg { fill: {{options.color.header}}; }
#social { text-align: center; }
#social svg { border-radius: 50%; }

h1, h2, #header h1 a { color: {{options.color.background2}}; }
#side, #content, .header-wrap { background: {{options.color.background2}}; }

.avatar {
border-bottom: 1px solid {{options.color.border}};
border-top: 1px solid {{options.color.border}};
}

.navheader { border-bottom: 2px solid {{options.color.border}}; }

.commentheader { border: 1px solid {{options.color.border}}; }

.commenttext, .commentmeta {
border-bottom: 1px solid {{options.color.border}};
border-left: 1px solid {{options.color.border}};
border-right: 1px solid {{options.color.border}};
}

.response-by, .entrymeta { border-bottom: 1px solid {{options.color.border}}; }

.response, .response-by {
border-left: 1px solid {{options.color.border}};
border-right: 1px solid {{options.color.border}};
}

.dot { color: {{options.color.border}}; }

h3, .avatar, .commentheader {
background: {{options.color.border}};
}


h3, .navheader {
font-family: "{{options.gfont.heading.name}}", {{options.gfont.heading.fallback}};
}

h1 {
font-size: 2.2em;
height: 40px;
margin-left: 280px !important;
margin-top: 84px !important;
overflow: hidden;
width: 100%;
}

h1, h2, .nav, .entrybody, .commentheader, body, .commenttext, .commentmeta .response, .response-by, .commentform, select {
font-family: "{{options.gfont.body.name}}", {{options.gfont.body.fallback}};
}

h3 {
font-size: {{options.fontsize.heading}};
}

.navheader {
font-size: {{options.fontsize.header}};
}

.entrybody, .nav, .commentheader, .commenttext, h2, .response, .response-by {
font-size: {{options.fontsize.body}};
line-height: 140%;
}

.commentmeta, .commentform, select {
font-size: {{options.fontsize.body}};
}
.header-wrap { position: absolute; bottom: 7px; }
.header-right .header-wrap {width: 354px; right: 0; }

.like-container { float: left; margin-left: 5px; }
.likebtn { margin-right: 0px !important; }
.like-container .likebtn { margin-right: 0; }
.like-container .likebtn .likebtn__btn {
background: {{options.color.likebtn}} !important;
}
.like-container .likebtn.clicked .likebtn__btn {
color: {{options.color.likebtn}} !important;
background: white !important;
}

.entrymeta:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
line-height: 0;
}

 

Och ja, jag vet att det ser sjukt komplicerat ut x) Men det är bara att kopiera det och koda in det i din blogg så fixar nog sidan resten! Jag kommer återkomma med startsida, kategorisida, arkivsida eller inläggssida. Berätta gärna vilken sida du vill se härnäst!

Alva Lionrock
2017-10-05 @ 14:26:42

Oj, det var mycket siffror och tecken det! :o

Svar: Hahaha jag vet, men som sagt är det inte så komplicerat som det låter om man kodar in det och inte redigerar och så ;)
Eva Bunnyland




Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

RSS 2.0