Såhär ser designen ut! :)
Klicka för större!
Ps. Där det står "Ditt bloggnamn" och "Din bloggbeskrivning" så kommer det du skrivit in här synnas:



Designen funkar till blogg.se, övriga bloggar vet jag inget om ;o
Det finns ju ett par regler när man kopierar och använder designen;
• Man får inte ta bort den lilla bildlänken till min blogg
• Man får inte påstå att man gjort den själv
Men så länge dessa följs så är jag nöjd och glad! :)
När du kopierar designen får du självklart byta headern! Det är bara att byta, sålänge du får in en ny själv ;)
Koderna kommer här under, hoppas ni gillar designen!

För att kopiera koderna, gå in på inlägget! Alltå tryck på kommentera och markera & kopiera koderna.

Stilmalls kod:
body { background: #F5DFB1 url(http://eppeltestar.blogg.se/images/2011/skrmavbild-2011-01-11-kl-21-22-49_129978536.png) fixed; margin:0; padding:0px 0 14px; text-align:center; color:#000000; } a {color: #91988a;text-decoration:underline;} a:hover {color: #78b85c;text-decoration:underline;} #wrapper { text-align: left; width: 822px; position:relative; margin:0px auto; padding: 0px 10px 10px; vertical-align: top; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: url(http://eppeltestar.blogg.se/images/2011/header_129976824.jpg) no-repeat left top; margin: 0px; padding: 37px 0px 0px 100px; height: 163px; text-align: left; border-top: 5px solid #41a707; border-right: 5px solid #41a707; border-bottom: 5px solid #41a707; border-left: 5px solid #41a707; margin-top: 25px; width: 499px; } #side { margin-right:0; background: #ffffff; padding: 24px 12px 0px; border-top: 5px solid #41a707; border-right: 5px solid #41a707; border-bottom: 5px solid #41a707; border-left: 5px solid #41a707; float: right; width: 160px; margin-top: 68px; } #content { overflow: hidden; width: 599px; float: left; padding: 0px 0px 20px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; margin: 0px; margin-top: 15px; } #header a { color: #000000; text-decoration: none; } h1 { font-family: arial, verdana, sans-serif; font-size: 1.2em; font-weight: bold; color: #FFF; margin-top: -5px; margin-left:50px; margin-bottom:0px; padding:0px; } h2 { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: none; color: #00000; margin-top:0px; margin-bottom:0px; margin-left: 50px; padding:0px; text-transform:none; } /** Entry headers **/ h3 { font-family: arial, verdana, sans-serif; font-size: 16px; font-weight: medium; color: #ffffff; background: url(http://eppeltestar.blogg.se/images/2011/rubrik-sned-_129961319.png) no-repeat; padding:24px 10px 10px 75px; margin: 0px 0px 10px; height: 27px; vertical-align: top; margin-top: 10px; } .navheader { font-family: Arial, Helvetica, Sans-serif; font-size: 1em; font-weight: bold; color: #fff; padding:5px; margin-bottom:5px; background-color:#48aa00; text-transform: uppercase; } .nav { font-family: verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; color: #000000; } .nav ul { margin: 0px 0px 12px; padding: 10px; font-weight: normal; background-color: #FFFFFF; border: 1px solid #000000; } .nav li { list-style: none; padding: 0px 0px 6px 0px; font-weight: normal; } .nav a { color: #77836a;text-decoration:none;} .nav a:hover { color: #78b85c;text-decoration:underline;} /** Post's body text **/ .entrybody { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; line-height: 140%; text-align:justify; padding:20px; margin: -10px 0px 0px 0px; background: url(http://eppeltestar.blogg.se/images/2011/inlgg_129962812.jpg); } /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #d7e2cd; padding:10px; text-align:right; background: url(http://eppeltestar.blogg.se/images/2011/rubrik-sneed_129960644.png)no-repeat; margin-bottom: 10px; } .entrymeta a { color: #d7e2cd; text-decoration:underline;} .entrymeta a:hover { color: #78b85c;text-decoration:underline; } .commentheader { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #333; line-height: 140%; padding: 10px 3px 3px 18px; border-top: 1px solid #FFF; } .commenttext { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; line-height: 140%; margin-right:20px; margin-left:10px; padding-left:10px; } .commentmeta { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; text-align:left; padding: 10px 20px 20px 10px; } .commentmeta a { color: #91988a; text-decoration:underline;} .commentmeta a:hover { color: #333;text-decoration:underline; } .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; margin: 0px 0px 20px 0px; padding:20px; } .separator { display: none; } .default { display:none; } .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; 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: 1px solid #5E6655; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; } .thumbnail { border: 2px solid #889977; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 30px 30px; } .fieldName{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; } /***************************************************************************** * Calendar * *****************************************************************************/ #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; } #calendar table tr ul { color: #BBB; 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 #F1F1F1; } #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; } #calendar table tr td ul li { } #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 { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; } #profile { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; margin-bottom: 10px; } #profile h4{ font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ } #profile p a{ color: #FFF; } #profile p a:hover{ color: #333; }

Markera och kopiera koden. Gå sedan in på din blogg, ta design och redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara stilmallen. :)

Kodmalls kod, Framsida:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>${BlogTitle} - ${BlogDescription}</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="generator" content="${AppUrl}" /> <link rel="stylesheet" href="${BlogUrl}style.css" mce_href="/1531168/entries/article/new/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1531168/entries/article/new/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1531168/entries/article/new/${BlogUrl}">${BlogTitle}</a></h1> <h2>${BlogDescription}</h2> </div> <div id="content"> <tag:entrylist limit="15"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <div class="entrybody">${EntryBody}</div> <div class="entrymeta"> ${EntryDate} @ ${EntryTime} <a href="${EntryPermaLink}" mce_href="/1531168/entries/article/new/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1531168/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1531168/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1531168/entries/article/new/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1531168/entries/article/new/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> <div id="side"> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1531168/entries/article/new/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1531168/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1531168/entries/article/new/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1531168/entries/article/new/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/1531168/entries/article/new/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <a href="http://panfueppel.blogg.se" mce_href="http://panfueppel.blogg.se"><img src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" mce_src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" border="0"></a> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/1531168/entries/article/new/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1531168/entries/article/new/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1531168/entries/article/new/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/1531168/entries/article/new/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1531168/entries/article/new/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1531168/entries/article/new/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/1531168/entries/article/new/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1531168/entries/article/new/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1531168/entries/article/new/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <br> <div class="subside"> <a href="index.rss" mce_href="/1531168/entries/article/new/index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" mce_src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a><br><span style="color: #ffffff;" mce_style="color: #ffffff;">.</span> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Markera och kopiera koden. Tryck sedan på kodmallar brevid redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara kodmallen. :)

När du gjort detta är designen på plats! :D
Njut av din nya design! Ha de gott igelkott!


Psst, kommentera gärna vad ni tycker om designen! :)

Såhär ser designen ut. :)
(klicka för större!)

Designen funkar till blogg.se, övriga bloggar vet jag inget om ;o
Det finns ju ett par regler när man kopierar och använder designen;
• Man får inte ta bort den lilla bildlänken till min blogg
• Man får inte påstå att man gjort den själv
Men så länge dessa följs så är jag nöjd och glad! :)
När du kopierar designen får du självklart byta headern! Det är bara att byta, sålänge du får in en ny själv ;)
Koderna kommer här under, hoppas ni gillar designen!

För att kopiera koderna, gå in på inlägget! Alltå tryck på kommentera och markera & kopiera koderna.

Stilmalls kod:
body { background: #562b64; margin:0; padding:0px 0 14px; text-align:center; color:#000000; } a {color: #8d47a4;text-decoration:none;} a:hover {color: #b55ad2;text-decoration:underline;} #wrapper { text-align: left; width: 840px; position:relative; margin:0px auto; padding: 0px 10px 10px; vertical-align: top; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: #824197 url(http://eppeltestar.blogg.se/images/2010/-header-_124567148.png) no-repeat left top; margin: 0px; padding: 37px 0px 0px 100px; height: 250px; text-align: left; border-top: 0px dashed #000000; border-right: 0px dashed #000000; border-bottom: 0px dashed #000000; border-left: 0px dashed #000000; margin-top: 30px; width: 510px; } #side { margin-right:0; padding: 24px 12px 0px; background: #ffffff; float: right; width: 180px; border-top: 0px dashed #000000; border-right: 0px dashed #000000; border-bottom: 0px dashed #000000; border-left: 0px dashed #000000; margin-top: 25px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-radius-topleft:10px; -khtml-border-radius-topright:10px; -khtml-border-radius-bottomleft:10px; -khtml-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; } #content { overflow: hidden; width: 610px; float: left; background: 000000; padding: 0px 0px 20px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; border-top: 0px dashed #000000; border-right: 0px dashed #000000; border-bottom: 0px dashed #000000; border-left: 0px dashed #000000; margin: 0px; margin-top: 25px; } #header a { color: #562b64; text-decoration: none; } h1 { font-family: arial, verdana, sans-serif; font-size: 1.3em; font-weight: bold; color: #824197; margin-top:50px; margin-bottom:0px; padding:0px; } h2 { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #000000; margin-top:10px; margin-bottom:0px; padding:0px; text-transform:uppercase; } /** Entry headers **/ h3 { font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: medium; color: #222; background: url(http://eppeltestar.blogg.se/images/2010/-rubrik-_124544246.png) no-repeat; padding:14px 10px 10px 75px; margin: 0px 0px 10px; height: 14px; vertical-align: top; } .navheader { font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; } .nav { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; } .nav ul { padding: 0px 0px 6px; font-weight: normal; margin: 0px; } .nav li { list-style: none; padding: 0px 0px 2px; font-weight: normal; margin: 0px; } .nav a { color: #8d47a4;text-decoration:none;} .nav a:hover { color: #b55ad2;text-decoration:underline;} /** Post's body text **/ .entrybody { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; line-height: 140%; text-align:justify; padding:20px; margin: 10px 0px 0px 0px; background: #ffffff url(http://eppeltestar.blogg.se/images/2010/-topp-_124540744.png) no-repeat; } /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #000000; padding:20px; text-align:left; background: url(http://eppeltestar.blogg.se/images/2010/-botten-_124539664.png)no-repeat } .entrymeta a { color: #8d47a4; text-decoration:none;} .entrymeta a:hover { color: #b55ad2;text-decoration:underline; } .commentheader { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #333; line-height: 140%; padding: 10px 3px 3px 18px; border-top: 1px solid #FFF; } .commenttext { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; line-height: 140%; margin-right:20px; margin-left:10px; padding-left:10px; } .commentmeta { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; text-align:left; padding: 10px 20px 20px 10px; } .commentmeta a { color: #8d47a4; text-decoration:none;} .commentmeta a:hover { color: #b55ad2;text-decoration:underline; } .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; margin: 0px 0px 20px 0px; padding:20px; } .separator { display: none; } .default { display:none; } .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; 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: 1px solid #5E6655; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; } .thumbnail { border: 2px solid #889977; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 30px 30px; } .fieldName{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; } /***************************************************************************** * Calendar * *****************************************************************************/ #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; } #calendar table tr ul { color: #BBB; 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 #F1F1F1; } #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; } #calendar table tr td ul li { } #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 { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; } #profile { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; margin-bottom: 10px; } #profile h4{ font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ } #profile p a{ color: #FFF; } #profile p a:hover{ color: #333; }

Markera och kopiera koden. Gå sedan in på din blogg, ta design och redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara stilmallen. :)

Kodmalls kod, Framsida;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>${BlogTitle} - ${BlogDescription}</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="generator" content="${AppUrl}" /> <link rel="stylesheet" href="${BlogUrl}style.css" mce_href="/1531168/entries/article/new/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1531168/entries/article/new/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href=" " mce_href="/1531168/entries/article/new/"> </a></h1> <h2>${BlogDescription}</h2> </div> <div id="content"> <tag:entrylist limit="15"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <div class="entrybody">${EntryBody}</div> <div class="entrymeta"> ${EntryDate} @ ${EntryTime} <a href="${EntryPermaLink}" mce_href="/1531168/entries/article/new/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1531168/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1531168/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1531168/entries/article/new/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1531168/entries/article/new/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> <div id="side"> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1531168/entries/article/new/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1531168/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1531168/entries/article/new/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1531168/entries/article/new/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/1531168/entries/article/new/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <br> <a href="../http://panfueppel.blogg.se" mce_href="../http://panfueppel.blogg.se"target="_blank"><img src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" mce_src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" border="0"></a> </center> <br><br> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/1531168/entries/article/new/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1531168/entries/article/new/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1531168/entries/article/new/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/1531168/entries/article/new/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1531168/entries/article/new/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1531168/entries/article/new/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/1531168/entries/article/new/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1531168/entries/article/new/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1531168/entries/article/new/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1531168/entries/article/new/index.rss" title="RSS"><img src="http://kias.blogg.se/minadesigner/images/2010/rss_icon2_75543391.png" mce_src="http://kias.blogg.se/minadesigner/images/2010/rss_icon2_75543391.png" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Markera och kopiera koden. Tryck sedan på kodmallar brevid redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara kodmallen. :)

När du gjort detta är designen på plats! :D
Njut av din nya design! Ha de gott igelkott!


Psst, kommentera gärna vad ni tycker om designen! :)

Såhär ser designen ut. :)
Klicka för större!

Observera att designen inte har nån header, utan att man måste lägga in en själv!

Designen funkar till blogg.se, övriga bloggar vet jag inget om ;o
Det finns ju ett par regler när man kopierar och använder designen;
• Man får inte ta bort den lilla bildlänken till min blogg
• Man får inte påstå att man gjort den själv
Men så länge dessa följs så är jag nöjd och glad! :)
När du kopierar designen får du självklart byta headern! Det är bara att byta, sålänge du får in en ny själv ;)
Koderna kommer här under, hoppas ni gillar designen!

För att kopiera koderna, gå in på inlägget! Alltå tryck på kommentera och markera & kopiera koderna.

Stilmalls kod:
body { background: #e3f16f url(http://eppeltestar.blogg.se/images/2010/dfghjk_121311343.png) fixed; margin:0; padding:0px 0 14px; text-align:center; color:#000000; } a {color: #9dad30;text-decoration:none;} a:hover {color: #cfe91f;text-decoration:underline overline;} #wrapper { text-align: left; width: 850px; position:relative; margin:0px auto; padding: 0px 10px 10px; vertical-align: top; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: #ffffff url( ) no-repeat left top; margin: 0px; padding: 37px 0px 0px 100px; height: 90px; text-align: left; border-top: 5px double #353231; border-right: 5px double #353231; border-bottom: 5px double #353231; border-left: 5px double #353231; margin-top: 20px; } #side { margin-right:0; padding: 24px 12px 0px; float: right; width: 180px; background: #ffffff; border-top: 5px double #353231; border-right: 5px double #353231; border-bottom: 5px double #353231; border-left: 5px double #353231; margin-top: 40px; } #content { overflow: hidden; width: 620px; float: left; background: #ffffff; padding: 0px 0px 20px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; border-top: 5px double #353231; border-right: 5px double #353231; border-bottom: 5px double #353231; border-left: 5px double #353231; margin: 0px; margin-top: 15px; } #header a { color: #c8e555; text-decoration: none; } h1 { font-family: arial, verdana, sans-serif; font-size: 2.2em; font-weight: bold; color: #c8e555; margin-top: -5px; margin-bottom:0px; padding:0px; } h2 { font-family: verdana, arial, sans-serif; font-size: 14px; font-weight: bold; text-transform: none; color: #c8e555; margin-top:4px; margin-bottom:0px; margin-left: -20px; padding:0px; text-transform:none; } /** Entry headers **/ h3 { font-family: arial, verdana, sans-serif; font-size: 18px; font-weight: medium; color: #222; background: #ffffff; padding:14px 10px 10px 75px; margin: 0px 0px 10px; height: 16px; vertical-align: top; } .navheader { font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; } .nav { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: block; } .nav ul { padding: 0px 0px 6px; font-weight: normal; margin: 0px; } .nav li { list-style: none; padding: 0px 0px 2px; font-weight: normal; margin: 0px; } .nav a { color: #9dad30;text-decoration:none;} .nav a:hover { color: #cfe91f;text-decoration: none ; border-bottom: 1px dashed #c5de1e; border-top: 1px dashed #c5de1e;} /** Post's body text **/ .entrybody { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; line-height: 140%; text-align:justify; padding:20px; margin: 10px 0px 0px 0px; } /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #000000; padding:20px; text-align:left; } .entrymeta a { color: #9dad30; text-decoration:none;} .entrymeta a:hover { color: #cfe91f;text-decoration:none ; border-bottom: 1px dashed #c5de1e; border-top: 1px dashed #c5de1e;} .commentheader { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #333; line-height: 140%; padding: 10px 3px 3px 18px; border-top: 1px solid #c8e555; } .commenttext { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; line-height: 140%; margin-right:20px; margin-left:10px; padding-left:10px; } .commentmeta { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; text-align:left; padding: 10px 20px 20px 10px; } .commentmeta a { color: #9dad30; text-decoration:none;} .commentmeta a:hover { color: #cfe91f;text-decoration: none ; border-bottom: 1px dashed #c5de1e; border-top: 1px dashed #c5de1e;} .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; margin: 0px 0px 20px 0px; padding:20px; } .separator { display: none; } .default { display:none; } .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; 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: 1px solid #5E6655; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; } .thumbnail { border: 2px solid #889977; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 30px 30px; } .fieldName{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; } /***************************************************************************** * Calendar * *****************************************************************************/ #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; } #calendar table tr ul { color: #BBB; 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 #F1F1F1; } #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; } #calendar table tr td ul li { } #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: none ; border-bottom: 1px dashed #c5de1e; border-top: 1px dashed #c5de1e;} text-weight: bold; } form { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; } #profile { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; margin-bottom: 10px; } #profile h4{ font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ } #profile p a{ color: #9dad30; text-decoration:none;} #profile p a:hover{ color: #cfe91f;text-decoration: none ; border-bottom: 1px dashed #c5de1e; border-top: 1px dashed #c5de1e;}

Markera och kopiera koden. Gå sedan in på din blogg, ta design och redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara stilmallen. :)

Kodmalls kod, Framsida:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>${BlogTitle} - ${BlogDescription}</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="generator" content="${AppUrl}" /> <link rel="stylesheet" href="${BlogUrl}style.css" mce_href="/1531168/entries/article/104907407/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1531168/entries/article/104907407/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1531168/entries/article/104907407/${BlogUrl}"> </a></h1> <h2> </h2> </div> <div id="content"> <tag:entrylist limit="15"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <div class="entrybody">${EntryBody}</div> <div class="entrymeta"> ${EntryDate} @ ${EntryTime} <a href="${EntryPermaLink}" mce_href="/1531168/entries/article/104907407/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1531168/entries/article/104907407/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1531168/entries/article/104907407/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1531168/entries/article/104907407/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1531168/entries/article/104907407/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> <div id="side"> <img src="http://www.reprint.se/bilder/liten/387_Pepparkaksgumma.gif" mce_src="http://www.reprint.se/bilder/liten/387_Pepparkaksgumma.gif">   <img src="http://www.reprint.se/bilder/liten/386_pepparkaksgubbe.gif" mce_src="http://www.reprint.se/bilder/liten/386_pepparkaksgubbe.gif"> <br> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/104907407/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1531168/entries/article/104907407/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/104907407/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1531168/entries/article/104907407/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1531168/entries/article/104907407/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1531168/entries/article/104907407/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/1531168/entries/article/104907407/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/1531168/entries/article/104907407/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1531168/entries/article/104907407/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1531168/entries/article/104907407/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/1531168/entries/article/104907407/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1531168/entries/article/104907407/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1531168/entries/article/104907407/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/1531168/entries/article/104907407/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1531168/entries/article/104907407/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1531168/entries/article/104907407/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1531168/entries/article/104907407/index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" mce_src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Markera och kopiera koden. Tryck sedan på kodmallar brevid redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara kodmallen. :)

När du gjort detta är designen på plats! :D
Njut av din nya design! Ha de gott igelkott!


Psst, kommentera gärna vad ni tycker om designen! :)

Godmårgon solstrålar! :)
Idag får ni denna söta header, som ni kan kopiera och använda fritt.

För att kopiera koden, gå in på inlägget! Alltå tryck på kommentera och markera & kopiera koderna.

Länken till bilden är:
https://cdn2.cdnme.se/cdn/7-2/1995401/images/2010/minpandablogg-header_119770241.png
Sätt in koden där ni sätter in headerkoden så kommer den på plats. :)
Hoppas ni gillar den!

Såhär ser designen ut! :)
Klicka för större!
Ps. Där det står "Ditt bloggnamn" och "Din bloggbeskrivning" så kommer det du skrivit in här synnas:



Designen funkar till blogg.se, övriga bloggar vet jag inget om ;o
Det finns ju ett par regler när man kopierar och använder designen;
• Man får inte ta bort den lilla bildlänken till min blogg
• Man får inte påstå att man gjort den själv
Men så länge dessa följs så är jag nöjd och glad! :)
När du kopierar designen får du självklart byta headern! Det är bara att byta, sålänge du får in en ny själv ;)
Koderna kommer här under, hoppas ni gillar designen!

För att kopiera koderna, gå in på inlägget! Alltå tryck på kommentera och markera & kopiera koderna.

Stilmalls kod:
body { background: #a2ce72 url( ); margin:0; padding:0px 0 14px; text-align:center; color:#000000; } a {color: #7ab500;text-decoration:none;} a:hover {color: #666666;text-decoration: underline overline;} #wrapper { text-align: left; width: 850px; position:relative; margin:0px auto; padding: 8px 10px 10px; margin-top: 15px; vertical-align: top; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-top: 2px solid #000000; background: #ffffff url(https://cdn2.cdnme.se/cdn/7-2/1995401/images/2010/bakgrundsmnster_117867248.png); -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; -khtml-border-radius-topleft:15px; -khtml-border-radius-topright:15px; -khtml-border-radius-bottomleft:15px; -khtml-border-radius-bottomright:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; } #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: #ffffff url(https://cdn2.cdnme.se/cdn/7-2/1995401/images/2010/bollyheader_117865496.png) no-repeat left top; margin: 0px; padding: 37px 0px 0px 100px; height: 180px; text-align: left; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-top: 2px solid #000000; margin-top: 20px; opacity: 0.98; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; -khtml-border-radius-topleft:15px; -khtml-border-radius-topright:15px; -khtml-border-radius-bottomleft:15px; -khtml-border-radius-bottomright:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; } #side { margin-right:0; padding: 24px 12px 0px; background: #ffffff; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-top: 2px solid #000000; float: left; width: 205px; margin-top: 15px; opacity: 0.89; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; -khtml-border-radius-topleft:15px; -khtml-border-radius-topright:15px; -khtml-border-radius-bottomleft:15px; -khtml-border-radius-bottomright:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; } #content { overflow: hidden; width: 600px; float: right; background: #FFFFFF; padding: 0px 0px 20px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; border-top: 0px none; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-top: 2px solid #000000; margin: 0px; margin-top: 15px; opacity: 0.95; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; -khtml-border-radius-topleft:15px; -khtml-border-radius-topright:15px; -khtml-border-radius-bottomleft:15px; -khtml-border-radius-bottomright:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; } #header a { color: #7ab500; text-decoration: leter-spacing; } h1 { font-family: arial, verdana, sans-serif; font-size: 2.2em; font-weight: bold; color: #666666; margin-top: 20px; margin-left:50px; margin-bottom:30px; padding: -100px; } h2 { font-family: arial, verdana, sans-serif; font-size: 19px; font-weight: bold; text-transform: ; color: #666666; margin-top: 0px; margin-left:70px; margin-bottom:80px; padding: -200px; text-transform: ; } /** Entry headers **/ h3 { font-family: arial, verdana, sans-serif; font-size: 18px; font-weight: medium; color: #222; background:#ffffff url(); padding:14px 10px 10px 75px; margin: 0px 0px 10px; height: 14px; vertical-align: top; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; -khtml-border-radius-topleft:15px; -khtml-border-radius-topright:15px; -khtml-border-radius-bottomleft:15px; -khtml-border-radius-bottomright:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; } .navheader { font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; } .nav { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; } .nav ul { padding: 0px 0px 6px; font-weight: normal; margin: 0px; } .nav li { list-style: none; padding: 0px 0px 2px; font-weight: normal; margin: 0px; } .nav a { color: #7ab500;text-decoration:none;} .nav a:hover { color: #666666;text-decoration: underline overline;} /** Post's body text **/ .entrybody { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; line-height: 140%; text-align:justify; padding:20px; margin: 10px 0px 0px 0px; } /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #666; padding:20px; text-align:left; } .entrymeta a { color: #7ab500; text-decoration:none;} .entrymeta a:hover { color: #666666;text-decoration: underline overline; } .commentheader { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #333; line-height: 140%; padding: 10px 3px 3px 18px; border-top: 1px solid #FFF; } .commenttext { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; line-height: 140%; margin-right:20px; margin-left:10px; padding-left:10px; } .commentmeta { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; text-align:left; padding: 10px 20px 20px 10px; } .commentmeta a { color: #7ab500; text-decoration:none;} .commentmeta a:hover { color: #666666;text-decoration: underline overline; } .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; margin: 0px 0px 20px 0px; padding:20px; } .separator { display: none; } .default { display:none; } .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; 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: 1px solid #5E6655; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; } .thumbnail { border: 2px solid #889977; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 30px 30px; } .fieldName{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; } /***************************************************************************** * Calendar * *****************************************************************************/ #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; } #calendar table tr ul { color: #BBB; 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 #F1F1F1; } #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; } #calendar table tr td ul li { } #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 { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; } #profile { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; margin-bottom: 10px; } #profile h4{ font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ } #profile p a{ color: #FFF; } #profile p a:hover{ color: #333; }

Markera och kopiera koden. Gå sedan in på din blogg, ta design och redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara stilmallen. :)

Kodmalls kod, Framsida:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>${BlogTitle} - ${BlogDescription}</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="generator" content="${AppUrl}" /> <link rel="stylesheet" href="${BlogUrl}style.css" mce_href="/1531168/entries/article/102048551/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1531168/entries/article/102048551/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1531168/entries/article/102048551/${BlogUrl}">${BlogTitle}</a></h1> <h2>${BlogDescription}</h2> </div> <div id="content"> <tag:entrylist limit="15"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <div class="entrybody">${EntryBody}</div> <div class="entrymeta"> ${EntryDate} @ ${EntryTime} <a href="${EntryPermaLink}" mce_href="/1531168/entries/article/102048551/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1531168/entries/article/102048551/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1531168/entries/article/102048551/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1531168/entries/article/102048551/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1531168/entries/article/102048551/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> <div id="side"> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/102048551/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1531168/entries/article/102048551/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/102048551/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <img src= "https://cdn3.cdnme.se/cdn/7-2/1995401/images/2010/vlkommen-till-min-panfublogg-2_117865267.png"> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1531168/entries/article/102048551/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1531168/entries/article/102048551/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1531168/entries/article/102048551/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/1531168/entries/article/102048551/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <br> <a href="http://panfueppel.blogg.se" mce_href="http://panfueppel.blogg.se"target="_blank"><img src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" mce_src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" border="0"></a> </center> <br><br> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/1531168/entries/article/102048551/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1531168/entries/article/102048551/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1531168/entries/article/102048551/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/1531168/entries/article/102048551/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1531168/entries/article/102048551/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1531168/entries/article/102048551/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/1531168/entries/article/102048551/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1531168/entries/article/102048551/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1531168/entries/article/102048551/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1531168/entries/article/102048551/index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" mce_src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Markera och kopiera koden. Tryck sedan på kodmallar brevid redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara kodmallen. :)

När du gjort detta är designen på plats! :D
Njut av din nya design! Ha de gott igelkott!


Psst, kommentera gärna vad ni tycker om designen! :)

Såhär ser designen ut! :)
Klicka för större!

Wohoo, den första gratisdesignen är klar och redo att användas av er! :)
Designen funkar till blogg.se, övriga bloggar vet jag inget om ;o
Det finns ju ett par regler när man kopierar och använder designen;
• Man får inte ta bort den lilla bildlänken till min blogg
• Man får inte påstå att man gjort den själv
Men så länge dessa följs så är jag nöjd och glad! :)
När du kopierar designen får du självklart byta headern! Det är bara att byta, sålänge du får in en ny själv ;)
Koderna kommer här under, hoppas ni gillar designen!

För att kopiera koderna, gå in på inlägget! Alltå tryck på kommentera och markera & kopiera koderna.

Stilmalls kod:
body { margin: 0px; padding:0px; background: url(http://eppeltestar.blogg.se/images/2010/bakgrund_109091396.jpg) fixed; } a { color: #c1625c; } a:hover {color: #ce7357;} #wrapper { clear:none; margin: 30px auto; padding: 0px; width: 830px; background-color: #FFFFFF; border: 5px solid #c1625c; } #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: #c1625c url(http://eppeltestar.blogg.se/images/2010/gratisheader-1_111061998.jpg) no-repeat left top; padding-left: 30px; padding-bottom:15px; padding-top:30px; margin: 0px; width: 800px; height: 253px; } #side { float: left; width: 195px; margin: 0px; padding: 0px 0px 0px; left:-30px; background-color: #ffffff; color: #000000; border-right-width: 0px; border-right-style: solid; border-right-color: #c1625c; margin-top: -60px; } #content { overflow: hidden; width: 600px; position:relative; left:0px; padding: 20px 0px; voice-family:"\"}\""; voice-family:inherit; width:538px; float: right; margin: 0px 30px 0px 0px; border-left-width: 5px; border-left-style: solid; border-left-color: #c1625c; }html>body #content { width: 600px } #header a { color: #c1625c; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; text-transform: none; } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: #c1625c; text-transform:uppercase; margin: 0px; padding: 0px; } h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; margin: 0px; padding: 0px; } /** Entry headers **/ h3 { background: #FFFFFF url( ) no-repeat left center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding:10px 10px 10px 35px; color: #000000; margin: 0px 0px 10px; text-transform: capitalize; } .navheader { font-family: Arial, Helvetica, Sans-serif; font-size: 16px; font-weight: bold; color: #000000; padding:15px 10px 5px; margin-bottom:3px; margin-left:10px; margin-right:10px; background-color:#dd7069; text-transform: none; background-repeat: no-repeat; background-position: center; height: 20px; vertical-align: left; text-align: left; } .nav { font-family: verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; color: #000000; margin: 0px; text-align: center; } .nav ul { margin: 0px 0px 12px; padding: 10px; font-weight: normal; } .nav li { list-style: none; padding: 0px 0px 6px 0px; font-weight: normal; } .nav a { color: #000000; } .nav a:hover { color: #ce7357; } /** Post's body text **/ .entrybody { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 150%; margin: 0px 0px 10px; background-color: #FFFFFF; padding: 10px; } /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: .65em; font-weight: normal; color: #dd7069; text-align:right; } .entrymeta a { color: #000000; } .entrymeta a:hover { color: #dd7069; } .commentheader { font-family: arial, helvetica, sans-serif; font-size: .70em; font-weight: bold; background-color:#ffffff; padding:5px; color: #fff; } .commenttext { font-family: verdana, arial, sans-serif; font-size: .70em; font-weight: normal; color: #000; line-height: 130%; } .commentmeta { font-family: verdana, arial, sans-serif; font-size: .65em; font-weight: normal; color: #999; margin: 10px 0px 20px 0px } .commentmeta a { color: #000000; } .commentmeta a:hover { color: #dd7069; } .commentform { font-family: verdana, arial, sans-serif; font-size: .70em; font-weight: normal; color: #dd7069; margin: 0px 0px 20px 0px } .separator { border-top: 0px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; margin: 14px 0px 14px 0px } .default { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; 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: .7em; font-weight: normal; padding: 0px 0px 0px 0px; } .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 12px Verdana, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; } .image { background-color:#FFFFFF; padding:0px; margin: 0px 6px 6px 0px; } .thumbnail { border: 2px solid #FFFFFF; background-color:#FFFFFF; padding:0px; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 0px 0px; } .fieldName{ font-family: verdana, arial, sans-serif; font-size: 12px; margin: 0px 0px 12px 0px } select{ font-family: verdana, arial, sans-serif; font-size: 12px; } /***************************************************************************** * Calendar * *****************************************************************************/ #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 10px; text-align: center; margin-bottom: 12px; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #FFFFFF; font-family : Arial, Helvetica, Sans-serif; font-size : 0.7em; border-bottom: 3px solid #FFFFFF; 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; color: #FFFFFF; } #calendar table tr td { border: 1px solid #FFFFFF; text-align: center; font-size: xx-small; color: #FFFFFF; } #calendar table tr ul { color: #FFFFFF; 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: #000000; } #calendar table tr td ul li { color: #FFFFFF; } #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; color: #FFFFFF; } #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; color: #FFFFFF; } form { padding: 10px; margin: 0px 0px 10px; } #profile { font-family: verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; color: #FFF; margin: 0px; padding: 0px; text-align: center; } #profile a{ color: #FFF; } #profile h4{ font-family: Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #000000; padding:15px 5px 5px; background-color:#dd7069; text-transform: none; background-repeat: no-repeat; background-position: left center; height: 20px; vertical-align: bottom; text-align: center; margin: 0px; } #profile p{ }

Markera och kopiera koden. Gå sedan in på din blogg, ta design och redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara stilmallen. :)

Kodmalls kod, Framsida;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>${BlogTitle} - ${BlogDescription}</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="generator" content="${AppUrl}" /> <link rel="stylesheet" href="${BlogUrl}style.css" mce_href="/1531168/entries/article/96762232/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1531168/entries/article/96762232/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1531168/entries/article/96762232/${BlogUrl}"> </a></h1> <h2>${BlogDescription}</h2> </div> <div id="content"> <tag:entrylist limit="15"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <div class="entrybody">${EntryBody}</div> <div class="entrymeta"> ${EntryDate} @ ${EntryTime} <a href="${EntryPermaLink}" mce_href="/1531168/entries/article/96762232/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1531168/entries/article/96762232/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1531168/entries/article/96762232/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1531168/entries/article/96762232/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1531168/entries/article/96762232/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> <div id="side"> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/96762232/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1531168/entries/article/96762232/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1531168/entries/article/96762232/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <br><br> </ul> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1531168/entries/article/96762232/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1531168/entries/article/96762232/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1531168/entries/article/96762232/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/1531168/entries/article/96762232/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> <a href="http://panfueppel.blogg.se" mce_href="http://panfueppel.blogg.se"><img src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" mce_src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" border="0"></a> <br> <br> </tag:if> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/1531168/entries/article/96762232/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1531168/entries/article/96762232/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1531168/entries/article/96762232/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/1531168/entries/article/96762232/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1531168/entries/article/96762232/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1531168/entries/article/96762232/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/1531168/entries/article/96762232/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1531168/entries/article/96762232/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1531168/entries/article/96762232/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1531168/entries/article/96762232/index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" mce_src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Markera och kopiera koden. Tryck sedan på kodmallar brevid redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara kodmallen. :)

När du gjort detta är designen på plats! :D
Njut av din nya design! Ha de gott igelkott!


Psst, kommentera gärna vad ni tycker om designen! :)