sandra ♥

som jag berättade igår satt ju jag och knåpade ihop en liten design, så om någon är intresserad får man ta den helt gratis utan att fråga. Du får självklart ändra så mycket du vill i designen.


headern!


Men jag har 3 regler:

1. Du får inte ta bort min design by knapp med länken till mig.

2. Du får inte påstå att du har gjort designen själv.

3. Du får inte sälja eller ha med designen i utlottningar/tävlingar.

Annars är det frittfram, :)

STILLMALL

body { margin: 0px; padding:0px; background: #000000 ; } a { color: #999999; } a:hover {color: #80FF9F;} #wrapper { clear:none; margin: 30px auto; padding: 20px; width: 830px; background-color: #FFFFFF; } #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: #000000 url(http://gratisdesigntest.blogg.se/images/2010/gratisdesign_82073382.jpg) no-repeat center center; padding-left: 0px; padding-right: 25px; padding-bottom:10px; padding-top:10px; margin: 0px 0px 0px; width: 800px; height: 350px; } #side { float: left; width: 180px; margin: 0px; padding: 24px 18px 0px 12px; left:-30px; border-right-width: 3px; border-right-style: solid; border-right-color: #ED6EA3; } #content { overflow: hidden; width: 538px; position:relative; left:0px; padding: 20px 0px; voice-family:"\"}\""; voice-family:inherit; width:538px; float: right; margin: 0px 10px 0px 0px; }html>body #content { width: 538px } #header a { color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; } h1 { font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #000; text-transform:uppercase; margin: 0px; padding: 0px; height: 30px; } h2 { font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; margin: 0px; padding: 0px; width: 170px; } /** Entry headers **/ h3 { background: #FFFFFF; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold; padding:10px 10px 10px 0px; color: #ED6EA3; margin: 0px 0px 10px; text-transform: uppercase; } .navheader { font-family: Impact, Arial, Helvetica, Sans-serif; font-size: 35px; font-weight: bold; color: #ED6EA3; padding:5px 5px 0px; margin-bottom:0px; background-color:#FFFFFF; text-transform: uppercase; } .nav { font-family: verdana, Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: bold; color: #000000; margin: 0px; } .nav ul { margin: 0px 0px 12px; padding: 5px 10px 10px; font-weight: normal; background-color: #FFFFFF; } .nav li { list-style: none; padding: 0px 0px 6px 0px; font-weight: normal; } .nav a { color: #000000; } .nav a:hover { color: #ED6EA3; } /** 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: 10px; font-weight: normal; color: #666; text-align:right; } .entrymeta a { color: #E04201; } .entrymeta a:hover { color: #80FF9F; } .commentheader { font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color:#809FFF; padding:5px; color: #FFFFFF; } .commenttext { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; line-height: 130%; } .commentmeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #999999; margin: 10px 0px 20px 0px } .commentmeta a { color: #809FFF; } .commentmeta a:hover { color: #80FF9F; } .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin: 0px 0px 20px 0px } .separator { border-top: 2px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; margin: 14px 0px 14px 0px } .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: 2px solid #CCCCCC; background-color:#FFFFFF; padding:2px; margin: 0px 6px 6px 0px; } .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: #FFFFFF; margin: 0px 0px 10px; } #profile { font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; padding-left: 16px; } #profile h4{ font-family: Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #666666; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ }


KODMALL (framsidan)

<!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="/1065183/entries/article/new/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1065183/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="/1065183/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="/1065183/entries/article/new/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1065183/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1065183/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1065183/entries/article/new/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1065183/entries/article/new/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> </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="/1065183/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1065183/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="/1065183/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="/1065183/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1065183/entries/article/new/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1065183/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="/1065183/entries/article/new/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> <a href="http://ssandrasandberg.blogg.se" mce_href="http://ssandrasandberg.blogg.se" target="_blank"><img class="image" src="http://ssandratest.blogg.se/images/2010/designby_81552500.jpg" mce_src="http://ssandratest.blogg.se/images/2010/designby_81552500.jpg"</a> </ul> </tag:if> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/1065183/entries/article/new/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1065183/entries/article/new/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1065183/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="/1065183/entries/article/new/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1065183/entries/article/new/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1065183/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="/1065183/entries/article/new/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1065183/entries/article/new/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1065183/entries/article/new/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1065183/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> </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>


om det inte funkar ovs, kommentera nedan så får du koderna i ett mejl :)