The Turtle

Blogg.se

Söt mall med simpla egenskaper. Loggan är en sköldpadda och färgerna varierar från grönt till svart. Testad med Blogg.se.

Hjälp med installation

Kopiera allt i denna ruta till din "Stilmall"

/* Design av Mike Yarmish http://spacer.zoxt.net/ Konverterad till Blogg.se av Blogghjälp http://www.blogghjalp.se/ */ /************* Global *************/ html,body {height:100%} * { margin: 0; padding: 0; } body, input{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; text-align: left; } a { text-decoration: none; color: #95ba46; } blockquote { background: #f7f7f7; padding: 15px; margin: 5px 0; } /************* Container *************/ #container { height: auto !important; min-height: 100%; padding-bottom: 15px; position: relative; background: #95ba46 url(http://i41.tinypic.com/2n808qt.gif) bottom left repeat-x fixed; } * html #container { height: 100%; } /************* Header *************/ #headerWrap { height: 59px; background: url(http://i39.tinypic.com/20s6h6q.gif); } #header { width: 740px; margin: 0 auto; } #header h1 a { font-size: 30px; letter-spacing: -1px; padding-top: 5px; float: left; color: #95ba47; } ul#navigation li { list-style-type: none; float: right; } ul#navigation li a { padding: 15px 7px 12px; display: block; font-size: 17px; color: #fff; } ul#navigation li a:hover, #footer a:hover { background: #5f6e42; } /************* Content *************/ #content { width: 740px; margin: 7px auto 0; background: #fff; border: 1px solid #fff; position: relative; } #content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } #content a:hover { background: #95ba46; color: #fff; } /* Header with picture and site description. It uses a hack for vertical-align because IE doesn't work properly with tables */ #contentHeader { margin: 15px auto; width: 710px; height: 182px; background: url(http://i42.tinypic.com/2nal7oz.gif) no-repeat; border: 1px solid #44434c; position: relative; } #contentHeader[id] { display: table; position: static; } #siteDescription { position: absolute; top: 50%; padding-left: 25px; color: #44434c; } #siteDescription[id] { display: table-cell; vertical-align: middle; position: static; } #siteDescription p { position: relative; top: -50%; } #content h2 { margin: 15px 0; border-bottom: 1px solid #96bb47; } #content ul { padding: 10px 15px 10px 20px; list-style-image: url(http://i39.tinypic.com/2pr8fpd.jpg); } /************* Main *************/ #main { margin: 0 15px; width: 430px; float: left; } .post { text-align: justify; } /************* Secondary *************/ #secondary { width: 220px; margin: 0 15px; float: right; } /************* Search *************/ #searchform input { background: #f7f7f7; font-size: 0.9em; } #searchsubmit { margin-top: 5px; padding: 0 10px; text-align: center; } #searchform fieldset { border: 0; } /************* Footer *************/ #footer { position: relative; clear: both; margin: 0 auto; background: #45444d; width: 740px; color: #fff; border: 1px solid #fff; clear: both; text-align: center; } #footer a { color: #fff; font-weight: bold; }

Kopiera allt i denna ruta till din "Frontpage" Kodmall

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <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="container" > <div id="headerWrap"> <div id="header"> <h3>${BlogDescription}</h3> </div> </div> <div id="content"> <div id="contentHeader"> <div id="siteDescription"> <h1><a href="${BlogUrl}" mce_href="/${BlogUrl}">${BlogTitle}</a></h1> </div> </div> <div id="main"> <tag:entrylist limit="15"> <div class="post"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <p>${EntryBody}</p> <br /> ${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> </div> <br /><br /> </tag:entrylist> </div> <div id="secondary"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h3>Om</h3> <ul> <li><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a></li> <li><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></li> </ul> </tag:if> </tag:profile> <h3>Senaste inläggen</h3> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <h3>Kategorier</h3> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <h3>Arkiv</h3> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <h3>Länkar</h3> <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'}"> <h3>Böcker</h3> <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'}"> <h3>Musik</h3> <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'}"> <h3>Filmer</h3> <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> <div class="subside"> <a href="index.rss" mce_href="/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> <h3>Sök i bloggen</h3> <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> </div> </div> <div id="footer"> <p>Gratis <a href="http://www.blogghjalp.se/" mce_href="http://www.blogghjalp.se/">Blogg Design</a> av <a href="http://www.blogghjalp.se/" mce_href="http://www.blogghjalp.se/">Blogghjälp</a> </p> </div> </div> </body> </html>

Kopiera allt i denna ruta till din "Entry Page" Kodmall

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <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="container" > <div id="headerWrap"> <div id="header"> <h3>${BlogDescription}</h3> </div> </div> <div id="content"> <div id="contentHeader"> <div id="siteDescription"> <h1><a href="${BlogUrl}" mce_href="/${BlogUrl}">${BlogTitle}</a></h1> </div> </div> <div id="main"> <tag:entry> <div class="post"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <p>${EntryBody}</p> <br /> ${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> <br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <br /><br /> </tag:entry>  <tag:if test="${Comments == 1}"> <hr /> <a name="comment"></a> <h2>Kommentarer </h2> <tag:commentlist> <div class="post"> <h3> Postat av: ${CommentAuthor} </h3> <p>${CommentText}</p> <br /> ${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> </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> <h3>Trackback</h3> <tag:if test="${Trackbacks == 1}"> <div class="entrybody"> Trackback-URL för detta inlägg: <br /> ${TrackbackEntryURL} </div> </tag:if> <tag:trackbacklist> <div class="post"> <h3> ${TrackbackTitle} </h3> <p>${TrackbackExcerpt}...</p> <br /> <a href="${TrackbackURL}" mce_href="/${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a> <br /> ${TrackbackDate} @ ${TrackbackTime} </div> </tag:trackbacklist> </div> <div id="secondary"> <h3>Senaste inläggen</h3> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <h3>Kategorier</h3> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <h3>Arkiv</h3> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <h3>Länkar</h3> <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'}"> <h3>Böcker</h3> <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'}"> <h3>Musik</h3> <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'}"> <h3>Filmer</h3> <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> <div class="subside"> <a href="index.rss" mce_href="/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> <h3>Sök i bloggen</h3> <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> </div> </div> <div id="footer"> <p>Gratis <a href="http://www.blogghjalp.se/" mce_href="http://www.blogghjalp.se/">Blogg Design</a> av <a href="http://www.blogghjalp.se/" mce_href="http://www.blogghjalp.se/">Blogghjälp</a> </p> </div> </div> </body> </html>

Kopiera allt i denna ruta till din "Category" Kodmall

Kopiera allt i denna ruta till din "Archive" Kodmall

Bilaga	Storlek
TheTurtle.zip	7.72 kB

Kommentarer

Snälla hjälp! Hur tar man

Snälla hjälp!

Hur tar man bort den texten 'here could be the description of your cool site'?

Skrivet av Anonymous (inte verifierad) den Tue, 03/09/2010 - 12:13.

besvara

Fråga;

Nu har jag lagt till denna design på min blogg - men jag har ett problem...

Hur ska jag göra för att kunna skriva en en beskrivning där det står "here could be the description of your cool site"? Undrar även om man kan få någon liknande deskription på "sidebar" där man bruka lägga en bild + en kortare text?

Skrivet av Smr (inte verifierad) den Sat, 01/30/2010 - 11:21.