Kodmall INLÄGG
<!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>{{ blog.title }} - {{ page_title }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="{{ app_url }}" />
<link rel="stylesheet" href="{{ blog.blog_path }}style.css" type="text/css" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="{{ blog.url }}">{{ blog.title }}</a></h1>
<h2>{{ blog.description }}</h2>
</div>
<div id="content">
<a name="a{{ entry.id }}"></a>
<h3>{{ entry.title }}</h3>
<div class="entrybody">{{ entry.body }}</div>
<div class="entrymeta">
{{ entry.date }} @ {{ entry.time }}
<a href="{{ entry.category_link }}">{{ entry.category_name }}</a>
<a href="{{ entry.url }}">Permalink</a>
<br /><br />
<a href="" rel="tag"></a>
</div>
<!-- Display comments and form if this entry allows comments -->
<!--### AD do not remove or move ###-->
{% if entry.comment_enabled %}
<hr class="separator" />
<a name="comment"></a>
<div class="default">Kommentarer </div>
{% for comment in comments %}
<div class="commentheader">
Postat av: {{ comment.name }}
</div>
<p class="commenttext">{{ comment.body }}</p>
<div class="commentmeta">
{{ comment.date }} @ {{ comment.time }}
<!-- If comment author has written her / his e-mail address -->
{% if comment.author_email %}
<br />E-postadress: <a href="mailto:{{ comment.author_email }}">{{ comment.author_email }}</a>
{% endif %}
<!-- If comment author has written her / his URL -->
{% if comment.url %}
<br />URL: <a href="{{ comment.url }}">{{ comment.url }}</a>
{% endif %}
</div>
{% endfor %}
<form class="commentform" action="http://comment.publishme.se/" name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="{{ blog.site_id }};{{ entry.id }}" />
<br />
<img src="https://cdn2.cdnme.se/cdn/9-1/3843543/images/2012/lasinnan_50044dc4ddf2b3235f00109a.png" />
<strong>Kommentera inlägget här:</strong> <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="email" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
URL/Bloggadress: <br />
<input type="text" name="url" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="content" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input class="formbutton" type="submit" name="submit" value="Skicka kommentar" />
</form>
{% endif %}
<a name="trackback"></a>
<div class="default">Trackback</div>
{% if entry.pingback_enabled %}
<div class="entrybody">
Trackback-URL för detta inlägg: <br />
{{ pingback_url }}
</div>
{% endif %}
{% for pingback in pingbacks %}
<div class="commentheader">
{{ pingback.title }}
</div>
<p class="commenttext">{{ pingback.excerpt }}...</p>
<div class="commentmeta">
<a href="{{ pingback.url }}" title="{{ pingback.blog }} - {{ pingback.title }}">{{ pingback.blog }}</a>
<br />
{{ pingback.date }} @ {{ pingback.time }}
</div>
{% endfor %}
</div>
<div id="side">
<div class="nav">
<ul>
<li><a href="{{ blog.blog_path }}index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li>
</ul>
<div class="navheader">Kategorier</div>
<ul>
{% for category in categories %}
<li><a href="{{ category.url }}">{{ category.name }}</a></li>
{% endfor %}
</ul>
<div class="navheader">Arkiv</div>
<ul>
{% for month in archive_months %}
<li><a href="{{ month.link }}">{{ month.name }}</a></li>
{% endfor %}
</ul>
</div>
<div class="subside">
<a href="{{ blog.blog_path }}index.rss" title="RSS"><img 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={{ blog.site_id }}" border="0" width="0" height="0" alt="" />
<script src='http://static.blogg.se/public/js/footer.js?id={{ blog.id }}' type='text/javascript'></script>
</body>
</html>
Kodmall STARTSIDA
<!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>{{ blog.title }} - {{ blog.description }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="{{ app_url }}" />
<link rel="stylesheet" href="{{ blog.blog_path }}style.css" type="text/css" />
<link rel="alternate" href="{{ blog.blog_path }}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="{{ blog.url }}">{{ blog.title }}</a></h1>
<h2>{{ blog.description }}</h2>
</div>
<div id="content">
{% for entry in entries[:15] %}
<a name="a{{ entry.id }}"></a>
<h3>{{ entry.title }}</h3>
<div class="entrybody">{{ entry.body }}</div>
<div class="entrymeta">
{{ entry.date }} @ {{ entry.time }}
<a href="{{ entry.url }}">Permalink</a>
<a href="{{ entry.category_link }}">{{ entry.category_name }}</a>
<a href="{{ entry.url }}#comment">Kommentarer ({{ entry.comment_count }})</a>
<a href="{{ entry.url }}#trackback">Trackbacks ({{ entry.pingback_count }})</a>
<br /><br />
<a href="" rel="tag"></a>
</div>
<hr class="separator" />
<!--### loop AD do not remove or move ###-->
{% endfor %}
</div>
<div id="side">
<div id="profile">
{% if profile %}
<h4>Om</h4>
<a href="http://profile.publishme.se/profile/view/{{ profile.id }}/"><img class="thumbnail" src="{{ blog.blog_path }}profile.jpg" alt="Min profilbild" /></a>
<p><a href="http://profile.publishme.se/profile/view/{{ profile.id }}/"><span style="font-weight:bold"> {{ profile.name }}</span></a></p>
<p>{{ profile.description }}</p>
{% endif %}
</div>
<div class="nav">
<img src="https://cdn2.cdnme.se/cdn/9-1/3843543/images/2012/info_50044768e087c3396d000159.png">
<div class="navheader">Sök i bloggen</div>
<form action="http://www.google.se/search" name="search" method="get">
<input type="text" name="q" value="" size="12" maxlength="64" />
<input type="hidden" name="sitesearch" value="{{ blog.absolute_url }}" />
<input type="submit" value="Sök" />
</form>
<div class="navheader">Senaste inläggen</div>
<ul>
{% for entry in entries[:20] %}
<li><a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% endfor %}
</ul>
<div class="navheader">Kategorier</div>
<ul>
{% for category in categories %}
<li><a href="{{ category.url }}">{{ category.name }}</a></li>
{% endfor %}
</ul>
<div class="navheader">Arkiv</div>
<ul>
{% for month in archive_months %}
<li><a href="{{ month.link }}">{{ month.name }}</a></li>
{% endfor %}
</ul>
{% if linklist %}
<div class="navheader">Länkar</div>
<ul>
{% for link in linklist %}
<li><a href="{{ link.url }}" title="{{ link.description }}">{{ link.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
{% if booklist %}
<div class="navheader">Böcker</div>
<ul>
{% for book in booklist %}
<li><a href="{{ book.url }}"><img class="thumbnail" src="{{ book.image }}" border="0" alt="{{ book.name }}" title="{{ book.name }}" /></a><br /><a href="{{ book.url }}">{{ book.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
{% if musiclist %}
<div class="navheader">Musik</div>
<ul>
{% for music in musiclist %}
<li><a href="{{ music.url }}"><img class="thumbnail" src="{{ music.image }}" border="0" alt="{{ music.name }}" title="{{ music.name }}" /></a><br /><a href="{{ music.url }}">{{ music.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
{% if movielist %}
<div class="navheader">Filmer</div>
<ul>
{% for movie in movielist %}
<li><a href="{{ movie.url }}"><img class="thumbnail" src="{{ movie.image }}" border="0" alt="{{ movie.name }}" title="{{ movie.name }}" /></a><br /><a href="{{ movie.url }}">{{ movie.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="subside">
<a href="{{ blog.blog_path }}index.rss" title="RSS"><img 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={{ blog.site_id }}" border="0" width="0" height="0" alt="" />
<script src='http://static.blogg.se/public/js/footer.js?id={{ blog.id }}' type='text/javascript'></script>
</body>
</html>
Stilmallen
body {
margin: 0px;
padding:0px;
background: #FFFFFF url(http://i49.tinypic.com/33trsir.png);
}
a {
color: #999999;
}
a:hover {color: #80FF9F;}
#wrapper {
clear:none;
margin: 0px auto;
padding: 0px;
width: 1000px;
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: #FFFFFF url(https://cdn1.cdnme.se/cdn/9-1/3843543/images/2012/elins_50044418e087c34106000feb.png) no-repeat right center;
padding-left: 0px;
padding-bottom:0px;
padding-top:0px;
margin: 0px 0px 0px;
width: 1000px;
height: 500px;
}
#side {
float: left;
width: 250px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
#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: 0px;
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: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #75abad;
margin: 0px 0px 10px;
text-transform: uppercase;
}
.navheader {
font-family:Arial, Helvetica, Sans-serif;
font-size: 20px;
font-weight: bold;
color: #cfb0ba;
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: #445174; }
.nav a:hover { color: #445174; }
/** 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: #445174;
text-align:right;
}
.entrymeta a { color: #cfb0ba; }
.entrymeta a:hover { color: #cfb0ba; }
.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{
}
Välkommen till min nya blogg!
Mitt första inlägg.