Rainbow

Blogg.se

Hjälp med installation

Kopiera allt innehåll i denna ruta till din "Stilmall"

* { margin: 0; padding: 0; } body { margin: 0px; background: #B8F07F url(http://i44.tinypic.com/i4fh2w.jpg) repeat-x top left; } body, th, td, input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } form { } fieldset { } input, textarea { font-weight: bold; } input.text { padding: 2px 5px; background: #F8FAEB; border-top: 1px solid #4D5719; border-left: 1px solid #4D5719; border-right: 1px solid #626456; border-bottom: 1px solid #626456; } input.button { background: #3C7BCF; border-top: 1px solid #3C7BCF; border-left: 1px solid #3C7BCF; border-right: 1px solid #3C7BCF; border-bottom: 1px solid #3C7BCF; color: #FFFFFF; } h1, h2, h3 { margin-top: 1.5em; color: #626456; } h1 { letter-spacing: -.075em; font-size: 3em; } h2 { letter-spacing: -.05em; text-transform: uppercase; font-size: 1.1em; font-weight: bold; color: #8D8E85; } h3 { font-size: 1em; } p, ul, ol { margin-top: 1.5em; line-height: 1.8em; font-size: 1.1em; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { text-decoration: none; color: #809B30; } a:hover { border: none; } h1 a, h2 a, h3 a { border: none; text-decoration: none; color: #809B30; } h1 a:hover, h2 a:hover, h3 a:hover { background: none; color: #3C7BCF; } hr { display: none; } /* Wrapper */ #wrapper { } /* Header */ #header { width: 800px; height: 20px; margin: 0 auto; } #menu { float: left; width: 800px; height: 60px; background: url(http://i41.tinypic.com/2i263om.jpg) no-repeat left top; font-family: Arial, Helvetica, sans-serif; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; background: url(http://i44.tinypic.com/nxo0ea.jpg) no-repeat right top; height: 60px; padding: 0 15px 0 15px; } #menu a { display: block; float: left; height: 25px; margin-right: 1px; padding: 22px 20px 0 20px; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #FFFFFF; } #menu a:hover { color: #2C2E22; } #menu .current_page_item a { color: #2C2E22; } #search { float: right; width: 260px; padding-top: 7px; } #search fieldset { border: none; } #search #s { width: 160px; } #search #x { width: 80px; } /* Logo */ #logo { width: 785px; margin: 0 auto; padding-left: 15px; background: #FFFFFF url(http://i39.tinypic.com/1z1wlr9.jpg) no-repeat top left; height: 327px; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; } #logo h1, #logo h2 { float: left; margin: 0; padding: 0; } #logo h1 { padding: 50px 5px 0 20px; color: #2C2E22; } #logo h2 { padding: 65px 0 0 0; font-style: italic; } #logo p { clear: left; margin: 0; padding: 0 0 0 20px; line-height: normal; font-size: 1.2em; font-weight: bold; color: #C2C5B1; } #logo a { color: #FFFFFF; } /* Page */ #page { width: 800px; margin: 0 auto; padding: 0px 0px 0 0px; background: #FFFFFF; border: 1px solid #D5D5D5; border-top: none; } /* Content */ #content { float: left; width: 550px; padding: 20px 0px 0px 20px; } .post { } .post .title { margin: 0; font-weight: normal; } .post h1.title { padding: 15px 0 0 15px; height: 30px; font-size: 2.4em; } .post .entry { padding: 0 10px 30px 15px; } .post .meta { margin: 0; padding: 5px 0px 0px 15px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CFCFCF; } .post .meta a { color: #CFCFCF; } .post .links { margin: 0; } .post .tags { margin: 0; text-transform: uppercase; font-size: .8em; font-weight: bold; } .post .links a, .post .tags a { border: none; } /* Recent Posts */ #recent-posts { } #recent-posts h2 { margin: 0; padding: 15px 0 0 15px; height: 30px; } #recent-posts h3 { margin: 0; font-size: 13px; padding: 15px 0 0 15px; } #recent-posts p { margin: 0 0 10px 0; padding: 15px 0 0 15px; line-height: 22px; font-size: 13px; } /* Sidebars */ .sidebar { float: left; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { margin-bottom: 2em; } .sidebar li ul { } .sidebar li li { margin: 0; } .sidebar li h2 { margin: 0 0 1em 0; } #sidebar1 { } #sidebar2 { width: 219px; padding: 20px 0px 0px 0px; } #sidebar2 li h2 { margin: 0 0 1em 0; padding: 15px 0 5px 15px; height: 20px; background: url(http://i41.tinypic.com/2u9l5p1.jpg) no-repeat left 70%; border-bottom: 1px dotted #98B42B; color: #7E9932; } #sidebar2 li ul { line-height: normal; padding-left: 15px; } #sidebar2 li li { padding: 5px; font-size: .8em; background: url(http://i40.tinypic.com/2laf1if.jpg) no-repeat left 45%; } #sidebar2 li a { border: none; padding-left: 5px; } #sidebar2 li a:hover { border: none; } /* Calendar */ #calendar { margin: 0 auto; } #calendar caption { font-weight: bold; } #calendar table { width: 220px; text-align: center; border-collapse: collapse; } #calendar thead th { background: #CCCCCC; color: #FFFFFF; } #calendar tbody td { background: #EEEEEE; } #calendar #today { background: #B8D03B; font-weight: bold; color: #FFFFFF; } #calendar a { font-weight: bold; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } /* Footer */ #footer { margin: 0; padding: 0; height: 140px; background: #F3F3F3 url(http://i41.tinypic.com/ibbf4y.jpg) repeat-x bottom left; color:#FFFFFF; } #footer p { padding-top: 30px; text-align: center; font-size: 9px; } #footer a { color:#FFFFFF; }

Kopiera allt innehåll i denna ruta till din "Frontpage" Kodmall

Kopiera allt innehåll i denna ruta till din "Entrypage" Kodmall

<!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="/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /> <mce:script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" src="http://static.blogg.se/shared/js/script.js" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> </head> <body>  <div id="header"> </div> <div id="logo"> <h1><a href="${BlogUrl}" mce_href="/${BlogUrl}">${BlogTitle}</a></h1> <h2>${BlogDescription}</h2> </div>  <hr />  <div id="page"> <div id="menu"> <ul> <li class="current_page_item"><a href="${BlogUrl}" mce_href="/${BlogUrl}">Start</a></li> </ul> </div>  <div id="content"> <tag:entry> <div class="post"> <h1 class="title"><a href="${EntryPermaLink}" mce_href="/${EntryPermaLink}">${EntryTitle}</a></h1> <p class="meta"> <small> ${EntryDate} @ ${EntryTime} <a href="${EntryPermaLink}" mce_href="/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </small> </p> <div class="entry"> ${EntryBody} </div> </div> </tag:entry>  <tag:if test="${Comments == 1}"> <hr class="separator" /> <a name="comment"></a> <h2>Kommentarer </h2> <tag:commentlist> <h2> Postat av: ${CommentAuthor} </h2> <p class="entry">${CommentText}</p> <div class="meta"> <small> ${CommentDate} @ ${CommentTime}  <tag:if test="${CommentAuthorEmail != ''}"> <br />E-postadress: <a href="mailto:${CommentAuthorEmail}" mce_href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a> </tag:if>  <tag:if test="${CommentAuthorURL != ''}"> <br />URL: <a href="${CommentAuthorURL}" mce_href="/${CommentAuthorURL}">${CommentAuthorURL}</a> </tag:if> </small> </div> </tag:commentlist> <form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)"> <input type="hidden" name="commentid" value="${CommentID}" /> <br /> <b>Kommentera inlägget här:</b> <br /> <br /> Namn: <br /> <input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" /> <input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?<br /> <br /> E-postadress: (publiceras ej)<br /> <input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" /> <br /> URL/Bloggadress: <br /> <input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" /> <br /> Kommentar: <br /> <textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea> <br /> <input class="formbutton" type="submit" name="submit" value="Skicka kommentar" /> </form> </tag:if> <a name="trackback"></a> <h2>Trackback</h2> <tag:if test="${Trackbacks == 1}"> <div class="entry"> Trackback-URL för detta inlägg: <br /> ${TrackbackEntryURL} </div> </tag:if> <tag:trackbacklist> <h2> ${TrackbackTitle} </h2> <p class="entry">${TrackbackExcerpt}...</p> <div class="meta"> <a href="${TrackbackURL}" mce_href="/${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a> <br /> ${TrackbackDate} @ ${TrackbackTime} </div> </tag:trackbacklist> </div>   <div id="sidebar2" class="sidebar"> <ul> <li> <h2>Senaste inläggen</h2> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <h2>Kategorier</h2> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <h2>Arkiv</h2> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <h2>Länkar</h2> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <tag:if test="${hasBooks == 'true'}"> <h2>Böcker</h2> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <h2>Musik</h2> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <h2>Filmer</h2> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </li> </ul> </div>  <div style="clear: both;" mce_style="clear: both;"> </div> </div>  <hr />  <div id="footer"> <p>Gratis <a href="http://www.blogghjalp.se/blogg-design" mce_href="http://www.blogghjalp.se/blogg-design">Blogg Design</a> av <a href="http://www.blogghjalp.se/" mce_href="http://www.blogghjalp.se/">Blogghjälp</a> - <a href="http://www.freecsstemplate.net" mce_href="http://www.freecsstemplate.net">Free Css Templates</a></p> </div>  </body> </html>

Kopiera allt innehåll i denna ruta till din "Categorypage" kodmall

Kopiera allt innehåll i denna ruta till din "Archivepage" kodmall

Bilaga	Storlek
Rainbow.zip	60.98 kB

Kommentarer

vet inte riktigt hur man ska göra!

hejsan!

man kan säga att jag är en nybörjare på att blogga.

så jag har lite problem....

ska man klistra in allt som finns i dom ruterna?

men det är väll välldigt mycket........

men dom var snygga:)

tack i förhand!

Skrivet av amanda (inte verifierad) den Wed, 06/16/2010 - 07:34.

besvara

Hej Amanda, Du ska alltså

Hej Amanda,

Du ska alltså ersätta den kod som finns på blogg.se med koden som finns i dessa rutor. Hör av dig under fliken kontakt här på sidan så kan jag hjälpa dig om du skulle få problem.

Hälsningar,

Henrik - Blogghjälp

Skrivet av admin den Wed, 06/16/2010 - 09:32.

besvara

flikar

Hur lägger jag till fler flikar? Jag har en, start, men skulle vilja lägga till bilder m.fl. tacksam för svar!

Skrivet av collegecookie (inte verifierad) den Sun, 03/21/2010 - 15:51.

besvara

Wordpress till Blogg.se

Hur konverterar du wordpress teman till blogg.se mallar?

Skrivet av The Blog Guru (inte verifierad) den Sat, 01/09/2010 - 00:23.

besvara

Jag har lånat din mall nu för

Jag har lånat din mall nu för att jag tyckte att den var så snygg! Däremot så böt jag ut din bild till en egen så jag inte skulle sno allting rakt av. Ändrade också bakgrundsfärg. Hoppas detta är ok! :) Om inte säga till!

Tack!!

Skrivet av Linda (inte verifierad) den Tue, 08/25/2009 - 10:38.