bloggdesign

Installasjon guiden


CSS

/**DESIGNET ER LAGET AV GRATISDESIGNET.BLOGG.NO**/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700'); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i'); @import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,800,800i,900'); html { width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing: antialiased; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } div#copyright { text-align: center; background: rgb(247, 247, 247); padding: 2em; font-size: 17px; color: #cfcfcf; margin-top: 4em; } a#copya { font-weight: 400; color: #727172; } a#copya:hover { font-weight: 400; color: #000; } .content img { width: 100%; } button#show-more-entries { width: 100%; background: #f7f7f7; font-size: 14px; border: none; color: #5f5f5f; text-transform: uppercase; font-family: raleway; font-weight: 400; letter-spacing: .4px; line-height: 2; font-size: 14px; } div#profile p { text-align: -webkit-left!important; font-size: 12px; } input#comment_submit { font-size: 12px!important; background: #f1f1f1!important; color: #353535; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: none!important; } input#comment_submit:hover { font-size: 12px!important; background: #353535!important; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: none!important; } #comments a img.avatar, #comments img.avatar { border: 0; float: left; margin-right: 15px; border-radius: 50%; } #comments .content { font-size: 16px; line-height: 1.4; } textarea#comment_text { border: none!important; outline: none!important; } input, textarea { max-width: 100% !important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; background: none!important; border: none!important; border-bottom: solid 1px #ddd!important; font-size: 15px!important; padding: 1em!important; }#comments a img.avatar, #comments img.avatar { border: 0; float: left; margin-right: 15px; border-radius: 50%; } #comments .content { font-size: 16px; line-height: 1.4; } textarea#comment_text { border: none!important; outline: none!important; } input, textarea { max-width: 100% !important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; background: none!important; border: none!important; border-bottom: solid 1px #ddd!important; font-size: 15px!important; padding: 1em!important; } a#logo span { font-weight: 400; color: #373737; } a#logo { font-size: 11px; color: #757575; font-family: Montserrat,sans-serif; font-weight: 200; letter-spacing: 1.5px; text-transform: uppercase; position: relative; top: 15px; float: left; right: -11px; font-size: 3em; } .blog-entry { border-bottom: solid 1px #f2f2f2; } #na123 { clear: both; border: none; padding-bottom: 6em; padding-top: 6em; background: #f5f5f5; margin-bottom: 3em; } h3#toph3 { padding-bottom: 22px; } h3:hover { cursor: ns-resize; text-decoration: line-through; } .slide-up, .slide-down { overflow:hidden } .slide-up > div, .slide-down > div { transition: margin-top 0.4s ease-in-out; } .slide-down > div { margin-top: 0; } li { line-height: 3.2; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .row { width: 400px; overflow: hidden; } .slide { background-color: #ddd; padding: 5px; transition: .5s cubic-bezier(0, 1, 0.5, 1); transform: translateY(0); } .slide-up { transform: translateY(-100%); } input#soek { width: 100%!important; padding: 1em!important; border: none!important; text-align: center!important; background: #f8f8f8!important; font-size: 1em!important; color: #7f7f7f!important; border-bottom: solid 2px #f0f0f0!important; } body{ -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; } a#cato { font-size: 13px; color: #757575; } div#tpbnr { background: rgb(240, 240, 240); z-index: 333!important; position: relative; width: 100% !important; text-align: center; margin-top: 0em; margin-top: 7em; } .widget-social-icons li { display: inline-block; } .widget-social-icons { margin-top: 15px; } .widget_grace_about_widget { padding-bottom: 20px; } .fa, .fa-stack, .primary-button { display: inline-block; } .widget-social-icons li a { font-size: 15px; color: #757575; letter-spacing: .5px; padding-right: 20px; transition: color .35s ease-in-out; -webkit-transition: color .35s ease-in-out; } body { background-color: #ffffff; font-size: 14px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p, ul, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a { font-family: 'Playfair Display SC', sans-serif; font-weight: 300; text-align: left; color: #444444; margin-bottom: 10px; } a { color: #000000; text-decoration: none; } a:hover { text-decoration: none; } a, li { -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; -ms-transition: color 0.3s, background 0.3s; -o-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s; } h1 { font-size: 28px; } h2 { font-size: 23.8px; } h3 { font-size: 16.8px; font-size: 20px; color: #111; line-height: 22px; margin-bottom: 15px; font-weight: 400; font-family: raleway; } h4 { font-size: 15.4px; } img, iframe { max-width: 100%; margin-bottom: 20px; } a > img { border: 0; } input, textarea, select { padding: 3px 10px; background: #f7f7f7; border: 1px solid #ccc; outline: none; font-family: inherit; } button, input[type="submit"] { padding: 3px 10px; background: #000000; color: #fff; border: 0; cursor: pointer; font-family: inherit; outline: none; } button { padding: 10px 30px; } .pad { padding: 10px 20px; } .pad-double { padding: 30px 40px; } .pad-top { padding-top:13.333333333333px; } .marg-top-bottom { margin: 20px 0; } p { font-weight: 400; font-family: raleway; text-align: justify; font-weight: 400; letter-spacing: .4px; line-height: 2; font-size: 14px; } .max { max-width: 1100px; margin-left: auto; margin-right: auto; } .read-max > * { max-width: 800px; margin-left: auto; margin-right: auto; } .color-1 { background: #ffffff; } .color-2 { background: #333; } .mobile-only { display: block; } #tpbnr *, .bno_adboard * { margin: auto !important; text-align: center !important; max-width: 100% !important; } #top-menu, #footer, #sidebar { font-size: 11.05px; } #top-widgets, #bottom-widgets { text-align: center; } #top-widgets { max-width: 1100px; } .parallax { height: 150px; overflow: hidden; max-width: 1100px; margin: auto; } #header { background: url(http://imageshack.com/a/img921/7745/XEkEN0.jpg) top center no-repeat; background-size:cover; height: 180px; } #top-title { display: block; } #top-title h1 { display: block; } #top-title p { display: block; } #top-title h1, #top-title p { text-align: center; font-size: 10em; letter-spacing: 17px; font-weight: 600; padding-top: 3em; font-family: raleway; background: url(http://www.fotosdefamosas.tk/Fotos/Blanca_Padilla/Blanca_Padilla_079.jpg); background-size: cover; color: #fff; text-transform: uppercase; margin-top: -35px; margin-bottom: 25px; } #top-menu { position: fixed; z-index: 999999; width: 100%; left: inherit!important; top: 0; padding: 10px 0; text-align: -webkit-right; margin: auto; max-width: 100%; display: block; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } #mobile-menu-icon { border: 0; outline: 0; cursor: pointer; background: url('http://imageshack.com/a/img922/3599/IzF0f3.png') center right no-repeat; background-size: contain; width: 95%; color: transparent; font-size: 0; height: 25px; } #top-menu > ul { width: 100%; display: none; } #top-menu > ul > li { display: block; vertical-align: top; padding: 5px; margin-top: 5px; position: relative; background: rgba(255,255,255,0.05); } #top-menu > ul > li > a, #top-menu > ul > li > span { cursor: pointer; color: #757575; } #top-menu > ul > li > a, #top-menu > ul > li > span:hover { cursor: pointer; color: #000000; } #top-menu > ul > li > ul { z-index: 999; position: absolute; opacity: 0; pointer-events: none; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); text-align: center; top: calc(100% + 10px); left: 0; padding: 10px 0; background: #fff; width: 100%; list-style: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -webkit-transition: transform 0.2s, opacity 0.2s; -moz-transition: transform 0.2s, opacity 0.2s; -ms-transition: transform 0.2s, opacity 0.2s; -o-transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; } #top-menu > ul > li.visible-child > ul { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);; pointer-events: initial; } #top-menu > ul > li > ul > li { padding: 5px 20px; } #top-menu > ul > li > ul > li:hover { background: #eee; } .stick #top-menu { position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; z-index: 9999; } #main, #sidebar { display: block; background: #fff; margin-bottom: 20px; } .blog-entry > .content { text-align: left; } .blog-entry header h2 { margin-bottom: 5px; font-size: 25px; color: #111; line-height: 33px; text-decoration: none; font-weight: 400; display: block; font-family: 'Montserrat', sans-serif; transition: color .35s ease-in-out; -webkit-transition: color .35s ease-in-out; } .blog-entry .header-info { text-align: left; font-size: 13px; color: #757575; margin-top: 1em; margin-bottom: 2em; line-height: 16px; margin-left: -5px; display: inline-block; font-family: 'Open Sans',sans-serif; font-weight: 400; } .blog-entry .fb-like, .blog-entry .fblike { margin-bottom: 2em; margin-top: 2em; } .blog-entry .bottom-meta { text-align: center; border: 1px solid rgba(0,0,0,0.05); padding: 5px 10px; background: #f0f0f0; color: #000000; display: none; border: none; text-transform: uppercase; letter-spacing: 2px; } .blog-entry .header-info li, .blog-entry .bottom-meta li { list-style: none; display: inline-block; margin: 0 5px; } #sidebar > div, .blog-entry, .bno_adboard { margin-bottom: 40px !important; } #hidden-entries { padding: 20px 0; } #sidebar img { margin-bottom: 15px; margin-top: 35px; } #sidebar ul { list-style: none; } #sidebar > div > ul > li { line-height: 3.2; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; } #sidebar .searchfield { margin: auto; text-align: left; } #sidebar .searchfield input { border: 0; width: calc(100% - 35px); margin: 0; } #sidebar .searchfield input[type="submit"] { background: #000000 url('http://imagizer.imageshack.us/a/img911/3692/GtpWvt.png') no-repeat; background-position: center; background-size: 50%; color: transparent; cursor: pointer; width: 30px; } @media(max-width:800px){ #top-menu { position: fixed; z-index: 999999; width: 100%; top: 0; padding: 10px 0; text-align: -webkit-right; margin: auto; max-width: 100%; display: block; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; position: fixed; top: 0; left: 0!important; } p { font-weight: 400; font-family: raleway; text-align: -webkit-auto; font-weight: 400; letter-spacing: .4px; line-height: 2; font-size: 14px; } .blog-entry header h2 { margin-bottom: 5px; font-size: 31px; color: #111; line-height: 33px; text-decoration: none; font-weight: 400; display: block; text-align: center; font-family: 'Montserrat', sans-serif; transition: color .35s ease-in-out; -webkit-transition: color .35s ease-in-out; } #mobile-menu-icon { border: 0; outline: 0; cursor: pointer; background: url(http://imageshack.com/a/img922/3599/IzF0f3.png) center no-repeat; background-size: contain; width: 100%; color: transparent; font-size: 0; height: 25px; opacity: 0.2; } #mobile-menu-icon:hover { border: 0; outline: 0; cursor: pointer; background: url(http://imageshack.com/a/img922/3599/IzF0f3.png) center no-repeat; background-size: contain; width: 100%; color: transparent; font-size: 0; height: 25px; opacity: 0.8; } #top-menu > ul { width: 100%; display: none; text-align: center; } #top-menu > ul > li { display: block; vertical-align: top; padding: 5px; margin-top: 5px; position: relative; background: rgba(255,255,255,0.05); text-align: center; padding: 0; text-transform: uppercase; -webkit-font-smoothing: inherit; letter-spacing: 1px; } .max { max-width: 1100px; margin-left: auto; margin-right: auto; padding: 1em; } a#logo { display: none; } #sidebar .searchfield { margin: auto; text-align: center; } #sidebar > div, .blog-entry, .bno_adboard { margin-bottom: 40px !important; text-align: center; } #top-title h1, #top-title p { text-align: center; font-size: 2em; letter-spacing: 9px; font-weight: 600; padding-top: 1em; font-family: raleway; background: none; background-size: cover; color: #000; text-transform: uppercase; } .header-info { text-align: center!important; display: inherit!important; } h3 { font-size: 16.8px; font-size: 20px; color: #111; line-height: 22px; margin-bottom: 15px; font-weight: 400; font-family: raleway; text-align: center; } } @media(min-width: 779px) { #main { float: right; margin: 0 auto; width: 70%; } #sidebar { float: left; width: calc(100% - 70% - 20px); } .mobile-only { display: none; } #top-menu > ul { display: block; } #top-menu > ul > li { font-family: Montserrat,sans-serif; font-weight: 400; padding: 0 15px; margin: 0; display: inline-block; background: transparent; font-size: 11px; color: #757575; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 15px; padding: 20px 15px; text-decoration: none; display: inline-block; -moz-transition: color,.35s,ease-in-out; -webkit-transition: color,.35s,ease-in-out; transition: color,.35s,ease-in-out; } #top-menu > ul > li > ul { width: 300px; text-align: left; } .parallax { height: 300px; } #header { height: 330px; } } #wrap:after { content: ''; display: block; clear:both; } #footer-wrap { background: #ffffff; padding-bottom: calc(20px + 30px); margin-bottom: -30px; text-align: center; font-size: 10.4px; color: #333; } #footer-wrap > footer { max-width: 1100px; margin-left: auto; margin-right: auto; margin-bottom: 20px; color: #333; font-family: raleway; text-align: justify; font-weight: 400; letter-spacing: .4px; line-height: 2; font-size: 14px; margin-top: 2em; margin-bottom: -2em; } #footer-wrap a { color: #222; } /* ############## ## Comments ############### */ #comments, #newcomment { margin: auto; text-align: left; padding: 45px 0; } #comments h3, #newcomment h3 { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.03); } #newcomment { max-width: 568px; } #newcomment input, #newcomment textarea, #newcomment input#comment_authorurl { width: 100%; } #newcomment #comment_author_wrapper, #newcomment #comment_authoremail_wrapper, #newcomment #comment_submit_wrapper, #newcomment #comment_remember_wrapper { width: 48.75%; margin-right: 0.5%; float: left; } #newcomment #comment_authoremail_wrapper { margin-right: 0; float: right; } #commentform > div { margin: 10px 0; } input, textarea { max-width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input#comment_remember { width: auto; } #comments h4, #comments p { text-align: left; margin-bottom: 5px; min-height: 20px; } #comments .meta p { font-size: 12px; } .entry #comments .meta { border: 0; } #comments a img.avatar, #comments img.avatar { border: 0; float: left; margin-right: 15px; border-radius: 100%; } #comments .meta, #comments .content { display: block; } #comments .meta { width: auto; } #comments .user, #comments .other, #comments .owner, #comments .reply { border: 0px; background: transparent; margin: 40px 0; position: relative; } #comments .reply { margin-top: -10px; margin-left: 15%; } #comments .reply:before { content: ' '; width: 20px; height: 35px; background: url('http://imageshack.com/a/img922/9444/DawRhW.png') center no-repeat; background-size: contain; position: absolute; right: calc(100% + 15px); top: 0; } .comment .content { margin-top: 20px; width: auto; padding: 25px; background: #f7f7f7; position: relative; font-weight: 400; font-family: raleway; font-weight: 400; letter-spacing: .4px; line-height: 2; font-size: 13px!important; } .comment .content:before { content: ' '; position: absolute; width: 0; height: 0; top: -15px; left: calc(3%); border-left: 10px solid transparent; border-bottom: 15px solid #f7f7f7; border-right: 10px solid transparent; } #comment_remember_wrapper { text-align: right; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

Forsiden

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>${BlogTitle} | ${BlogDescription}</title> <meta name="description" content="${BlogDescription}" /> <script type="text/javascript">var domainName = ".${AppDomain}";</script> <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script> <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" /> <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" /> <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/png" /> <link rel='stylesheet' id='sb-font-awesome-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css' media='all' /> <script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("open").click(function(){ $("start").slideToggle(); }); }); $(document).ready(function(){ $("open2").click(function(){ $("start2").slideToggle(); }); }); $(document).ready(function(){ $("open3").click(function(){ $("start3").slideToggle(); }); }); $(document).ready(function(){ $("open4").click(function(){ $("start4").slideToggle(); }); }); $(document).ready(function(){ $("sidem").click(function(){ $("sides").slideToggle(); }); }); </script> </head> <body class="home"> <div id="contain"> <div id="top-title" class="max title pad"> <h1>${BlogTitle}</h1> </div> <div id="top-menu" class="color-1"> <button id="mobile-menu-icon" class="mobile-only">Meny</button> <ul class="max"> <a id="logo" href="${BlogUrl}">Car<span>oline</span></a> <li><a href="${ProfileUrl}">Profil</a></li> <li><span class="menu-toggler">Kategorier</span> <ul> <tag:categorylist limit="100"> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </li> <li><span class="menu-toggler">Arkiv</span> <ul> <tag:archivelist limit="100"> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </li> <tag:linklist> <li><a href="${LinkUrl}">${LinkName}</a></li> </tag:linklist> </ul> </div> </div> <div id="top-widgets"> <tag:include module="topwidgets"></tag:include> </div> <div id="wrap" class="max marg-top-bottom"> <div id="main" class="pad"> <tag:entrylist limit="5"> <div class="blog-entry"> <header> <a href="${EntryPermaLink}"><h3>${EntryTitle}</h3></a> <div class="header-info"> <li>Publisert: ${EntryDate} - ${EntryTime} <a id="cato" href="${EntryCategoryLink}">${EntryCategoryName}</a> - <a id="antallc" href="${EntryPermaLink}#comments">${EntryCommentCount} kommentarer</a></li> </div> </header> <div class="content"> ${EntryBody} </div> <div class="bottom-meta"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> <li><a href="${EntryPermaLink}#comments">${EntryCommentCount} kommentarer</a></li> </div> </div> </tag:entrylist> <button id="show-more-entries"> Vis flere innlegg </button> <div id="hidden-entries" style="display: none"> <tag:entrylist limit="15" offset="5"> <div class="blog-entry"> <header> <a href="${EntryPermaLink}"><h2>${EntryTitle}</h2></a> <div class="header-info"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> </div> </header> <div class="content"> ${EntryBody} </div> <div class="bottom-meta"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> <li><a href="${EntryPermaLink}#comments">${EntryCommentCount} kommentarer</a></li> </div> </div> </tag:entrylist> </div> </div> <div id="sidebar" class="pad"> <tag:profile> <div id="profile"> <div class="header-info"> <sidem><h3 id="toph3">About me</h3></sidem> </div> <sides> <script> jQuery(document).ready(function ($) { $("a").on("click", function() { var el = $(this); if (el.html() == el.data("text-swap")) { el.html(el.data("text-original")); } else { el.data("text-original", el.html()); el.html(el.data("text-swap")); } setTimeout(function () { el.html(el.data("text-original")); }, 500); }); }); </script> <p><a href="${ProfileUrl}" id="custSub" type="submit" class="button left tiny" data-text-swap="Venter..&nbsp;"> + Følg meg</a></p> <a href="${ProfileUrl}"><img src="${ProfileImageUrl}"></a> <p>${ProfileDescription}</p> <ul class="widget-social-icons "> <li> <a href="#" target="_blank"> <i class="fa fa-facebook"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-twitter"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-instagram"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-pinterest"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-google-plus"></i> </a> </li> </ul> </div> </tag:profile> <!-- start --> <div> <open4><h3>Søk</h3></open4> <start4> <div class="searchfield"> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" placeholder="Søk i bloggen, skriv + enter" name="criteria" value="" size="14" maxlength="180" id="soek" /> </form> </div> </start4> </div> <!-- end --> <!-- start --> <div> <open3><h3 id="cateimg">Siste innlegg</h3></open3> <start3> <ul> <tag:recentlist limit="10"> <li><a href="${EntryPermalink}">${EntryTitle}</a></li> </tag:recentlist> </ul> </start3> </div> <!-- end --> <!-- start --> <div> <open><h3 id="cateimg2">Kategorier</h3></open> <start> <ul> <tag:categorylist> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </start> </div> <!-- end --> <!-- start --> <div> <open2><h3>Arkiv</h3></open2> <start2> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </start2> </div> <!-- end --> <!-- 3 divs --> </div> </div> </div> </sides> <div id="bottom-widgets"> <tag:include module="bottomwidgets"></tag:include> </div> <script> var $ = jQuery; $(document).ready(function() { var r = $("#top-menu"); var position = r.offset().top; var body = $("body"); var parallaxers = $('.parallax > div'); parallax(parallaxers); $(window).scroll(function() { parallax(parallaxers); var windowpos = $(window).scrollTop(); if(windowpos > position){ body.addClass('stick'); }else{ body.removeClass('stick'); } }); $(".menu-toggler").click(function() { $(this).parent().toggleClass('visible-child'); $(".menu-toggler").not($(this)).parent().removeClass('visible-child'); }); $("#mobile-menu-icon").click(function() { $(this).parent().find('ul').first().slideToggle('fast'); }); $("#show-more-entries").click(function() { $("#hidden-entries").slideToggle("fast"); }); }); function parallax(e){ var windowPos = $(window).scrollTop(); e.each(function() { var position = $(this).offset().top; var height = $(this).height(); $(this).css({ 'transform': 'translateY('+(-(windowPos - position) * 0.07) + 'px)', }); }); } </script> <div id="copyright">Design av <a id="copya" href="http://www.gratisdesignet.blogg.no/">www.gratisdesignet.blogg.no</a></div> <div id="footer-wrap"class="color-2 read-max pad-double"> <footer id="footer"> <div style="text-align:center; max-width: 900px; margin: auto;"> Denne bloggen er personlige ytringer fra utgiver av bloggen. All bruk av bilder, tekst eller video fra bloggen må avtales med bloggens ansvarlige utgiver. Bloggen ligger på blogg.no og annonser på bloggen selges av Mediehuset Nettavisen. Ansvarlig redaktør for Mediehuset Nettavisen er Gunnar Stavrum.<br><br> <a href="http://blogg.no/"><img src="http://static.blogg.no/lib/blogo-50transp.png" alt="blogg.no"></a> <a href="http://nettavisen.no/"><img style="margin:0 20px;" src="http://blogg.no/img/na_logo.png" alt="Nettavisen.no"></a> <a href="http://blogglisten.no/"><img src="http://static.blogg.no/lib/blistenlogo-50transp.png" alt="blogglisten.no"></a> </div> </footer> </div> </body> </html>

Innlegg

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>${BlogTitle} | ${BlogDescription}</title> <meta name="description" content="${BlogDescription}" /> <script type="text/javascript">var domainName = ".${AppDomain}";</script> <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script> <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" /> <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" /> <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/png" /> <link rel='stylesheet' id='sb-font-awesome-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css' media='all' /> <script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("open").click(function(){ $("start").slideToggle(); }); }); $(document).ready(function(){ $("open2").click(function(){ $("start2").slideToggle(); }); }); $(document).ready(function(){ $("open3").click(function(){ $("start3").slideToggle(); }); }); $(document).ready(function(){ $("open4").click(function(){ $("start4").slideToggle(); }); }); $(document).ready(function(){ $("sidem").click(function(){ $("sides").slideToggle(); }); }); </script> <style> @media(max-width:800px){ div#sidebar { display: none; } } </style> </head> <body class="home"> <div id="contain"> <a href="${BlogUrl}"> <div id="top-title" class="max title pad"> <h1>${BlogTitle}</h1> </div> </a> <div id="top-menu" class="color-1"> <button id="mobile-menu-icon" class="mobile-only">Meny</button> <ul class="max"> <a id="logo" href="${BlogUrl}">Car<span>oline</span></a> <li><a href="${ProfileUrl}">Profil</a></li> <li><span class="menu-toggler">Kategorier</span> <ul> <tag:categorylist limit="100"> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </li> <li><span class="menu-toggler">Arkiv</span> <ul> <tag:archivelist limit="100"> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </li> <tag:linklist> <li><a href="${LinkUrl}">${LinkName}</a></li> </tag:linklist> </ul> </div> <div id="top-widgets"> <tag:include module="topwidgets"></tag:include> </div> <div id="wrap" class="max marg-top-bottom"> <div id="main" class="pad"> <tag:entry> <div class="blog-entry"> <header> <a href="${EntryPermaLink}"><h3>${EntryTitle}</h3></a> <div class="header-info"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> </div> </header> <div class="content"> ${EntryBody} </div> <div class="bottom-meta"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> <li><a href="${EntryPermaLink}#comments">${EntryCommentCount} kommentarer</a></li> </div> </div> </tag:entry> <tag:if test="${Comments == 1}"> <div id="comments"class="read"> <a name="comment" id="comment"></a> <h3> <tag:if test="${EntryCommentCount == 0}">Ingen kommentarer <tag:elseif test="${EntryCommentCount == 1}" />Én kommentar <tag:else />${EntryCommentCount} kommentarer</tag:if> </h3> <tag:commentlist> <div class="comment ${CommentClass}"> <div class="meta"> <tag:if test="${CommentProfileUrl != ''}"> <a href="${CommentProfileUrl}"> <img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" /> </a> <tag:else /> <tag:if test="${CommentAuthorUrl != ''}"> <a rel="nofollow" href="${CommentAuthorUrl}"> <img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" /> </a> <tag:else /> <img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" /> </tag:if> </tag:if> <h4>${CommentAuthorLinkIf}</h4> <p>${CommentDate} kl.${CommentTime}</p> </div> <div class="content">${CommentText}</div> </div> </tag:commentlist> </div> <div id="newcomment" class="clearfix"> <h3>Skriv en ny kommentar</h3> <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onSubmit="doSubmit(this)"> <div id="comment_author_wrapper"> <input id="comment_author" type="text" name="author" onChange="doChange(this)" placeholder="Navn" value="" maxlength="100" /> </div> <div id="comment_authoremail_wrapper"> <input id="comment_authoremail" type="text" name="authoremail" onChange="doChange(this)"placeholder="E-post" value="" maxlength="100" /> </div> <div id="comment_authorurl_wrapper"> <input id="comment_authorurl" type="text" name="authorurl" onChange="doChange(this)" placeholder="http://" value="" maxlength="100" /> </div> <div id="comment_text_wrapper"> <textarea id="comment_text" name="comment" onChange="doChange(this);" cols="40" rows="10"placeholder="Din kommentar" ></textarea> </div> <div id="comment_submit_wrapper"> <input type="hidden" name="commentid" value="${CommentID}" /> <input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" /> </div> <div id="comment_remember_wrapper"> <input id="comment_remember" name="comment_remember" onClick="doCheck(this)" type="checkbox" value="1" /> <label for="comment_remember">Husk meg ?</label> </div> </form> </div> <tag:else /><br><div class="read"><h3><i>Kommentarer er skrudd av for dette innlegget</i></h3> </tag:if> </div> <div id="sidebar" class="pad"> <tag:profile> <div id="profile"> <div class="header-info"> <sidem><h3 id="toph3">About me</h3></sidem> </div> <sides> <script> jQuery(document).ready(function ($) { $("a").on("click", function() { var el = $(this); if (el.html() == el.data("text-swap")) { el.html(el.data("text-original")); } else { el.data("text-original", el.html()); el.html(el.data("text-swap")); } setTimeout(function () { el.html(el.data("text-original")); }, 500); }); }); </script> <p><a href="${ProfileUrl}" id="custSub" type="submit" class="button left tiny" data-text-swap="Venter..&nbsp;"> + Følg meg</a></p> <a href="${ProfileUrl}"><img src="${ProfileImageUrl}"></a> <p>${ProfileDescription}</p> <ul class="widget-social-icons "> <li> <a href="#" target="_blank"> <i class="fa fa-facebook"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-twitter"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-instagram"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-pinterest"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-google-plus"></i> </a> </li> </ul> </div> </tag:profile> <!-- start --> <div> <open4><h3>Søk</h3></open4> <start4> <div class="searchfield"> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" placeholder="Søk i bloggen, skriv + enter" name="criteria" value="" size="14" maxlength="180" id="soek" /> </form> </div> </start4> </div> <!-- end --> <!-- start --> <div> <open3><h3 id="cateimg">Siste innlegg</h3></open3> <start3> <ul> <tag:recentlist limit="10"> <li><a href="${EntryPermalink}">${EntryTitle}</a></li> </tag:recentlist> </ul> </start3> </div> <!-- end --> <!-- start --> <div> <open><h3 id="cateimg2">Kategorier</h3></open> <start> <ul> <tag:categorylist> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </start> </div> <!-- end --> <!-- start --> <div> <open2><h3>Arkiv</h3></open2> <start2> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </start2> </div> <!-- end --> <!-- 3 divs --> </div> </div> </div> </sides> <div id="bottom-widgets"> <tag:include module="bottomwidgets"></tag:include> </div> <script> var $ = jQuery; $(document).ready(function() { var r = $("#top-menu"); var position = r.offset().top; var body = $("body"); var parallaxers = $('.parallax > div'); parallax(parallaxers); $(window).scroll(function() { parallax(parallaxers); var windowpos = $(window).scrollTop(); if(windowpos > position){ body.addClass('stick'); }else{ body.removeClass('stick'); } }); $(".menu-toggler").click(function() { $(this).parent().toggleClass('visible-child'); $(".menu-toggler").not($(this)).parent().removeClass('visible-child'); }); $("#mobile-menu-icon").click(function() { $(this).parent().find('ul').first().slideToggle('fast'); }); $("#show-more-entries").click(function() { $("#hidden-entries").slideToggle("fast"); }); }); function parallax(e){ var windowPos = $(window).scrollTop(); e.each(function() { var position = $(this).offset().top; var height = $(this).height(); $(this).css({ 'transform': 'translateY('+(-(windowPos - position) * 0.07) + 'px)', }); }); } </script> <div id="copyright">Design av <a id="copya" href="http://www.gratisdesignet.blogg.no/">www.gratisdesignet.blogg.no</a></div> <div id="footer-wrap"class="color-2 read-max pad-double"> <footer id="footer"> <div style="text-align:center; max-width: 900px; margin: auto;"> Denne bloggen er personlige ytringer fra utgiver av bloggen. All bruk av bilder, tekst eller video fra bloggen må avtales med bloggens ansvarlige utgiver. Bloggen ligger på blogg.no og annonser på bloggen selges av Mediehuset Nettavisen. Ansvarlig redaktør for Mediehuset Nettavisen er Gunnar Stavrum.<br><br> <a href="http://blogg.no/"><img src="http://static.blogg.no/lib/blogo-50transp.png" alt="blogg.no"></a> <a href="http://nettavisen.no/"><img style="padding:0 20px;" src="http://blogg.no/img/na_logo.png" alt="Nettavisen.no"></a> <a href="http://blogglisten.no/"><img src="http://static.blogg.no/lib/blistenlogo-50transp.png" alt="blogglisten.no"></a> </div> </footer> </div> </body> </html>

Kategori

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>${BlogTitle} | ${BlogDescription}</title> <meta name="description" content="${BlogDescription}" /> <script type="text/javascript">var domainName = ".${AppDomain}";</script> <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script> <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" /> <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" /> <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/png" /> <link rel='stylesheet' id='sb-font-awesome-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css' media='all' /> <script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("open").click(function(){ $("start").slideToggle(); }); }); $(document).ready(function(){ $("open2").click(function(){ $("start2").slideToggle(); }); }); $(document).ready(function(){ $("open3").click(function(){ $("start3").slideToggle(); }); }); $(document).ready(function(){ $("open4").click(function(){ $("start4").slideToggle(); }); }); $(document).ready(function(){ $("sidem").click(function(){ $("sides").slideToggle(); }); }); </script> <style> @media(max-width:800px){ div#sidebar { display: none; } } </style> </head> <body class="home"> <div id="contain"> <a href="${BlogUrl}"> <div id="top-title" class="max title pad"> <h1>${BlogTitle}</h1> </div> </a> <div id="top-menu" class="color-1"> <button id="mobile-menu-icon" class="mobile-only">Meny</button> <ul class="max"> <a id="logo" href="${BlogUrl}">Car<span>oline</span></a> <li><a href="${ProfileUrl}">Profil</a></li> <li><span class="menu-toggler">Kategorier</span> <ul> <tag:categorylist limit="100"> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </li> <li><span class="menu-toggler">Arkiv</span> <ul> <tag:archivelist limit="100"> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </li> <tag:linklist> <li><a href="${LinkUrl}">${LinkName}</a></li> </tag:linklist> </ul> </div> <div id="top-widgets"> <tag:include module="topwidgets"></tag:include> </div> <div id="wrap" class="max marg-top-bottom"> <div id="main" class="pad"> <tag:entrylist limit="3000"> <div class="blog-entry"> <header> <h3>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></h3> <a href="${EntryPermaLink}"><h2>${EntryTitle}</h2></a> <div class="header-info"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> </div> </header> <div class="content"> ${EntryBody} </div> <div class="bottom-meta"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> <li><a href="${EntryPermaLink}<a class="bno-hashtag" href="//blogg.no/hashtag/?tag=comments">#comments</a>">${EntryCommentCount} kommentarer</a></li> </div> </div> </tag:entrylist> </div> <div id="sidebar" class="pad"> <tag:profile> <div id="profile"> <div class="header-info"> <sidem><h3 id="toph3">About me</h3></sidem> </div> <sides> <script> jQuery(document).ready(function ($) { $("a").on("click", function() { var el = $(this); if (el.html() == el.data("text-swap")) { el.html(el.data("text-original")); } else { el.data("text-original", el.html()); el.html(el.data("text-swap")); } setTimeout(function () { el.html(el.data("text-original")); }, 500); }); }); </script> <p><a href="${ProfileUrl}" id="custSub" type="submit" class="button left tiny" data-text-swap="Venter..&nbsp;"> + Følg meg</a></p> <a href="${ProfileUrl}"><img src="${ProfileImageUrl}"></a> <p>${ProfileDescription}</p> <ul class="widget-social-icons "> <li> <a href="#" target="_blank"> <i class="fa fa-facebook"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-twitter"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-instagram"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-pinterest"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-google-plus"></i> </a> </li> </ul> </div> </tag:profile> <!-- start --> <div> <open4><h3>Søk</h3></open4> <start4> <div class="searchfield"> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" placeholder="Søk i bloggen, skriv + enter" name="criteria" value="" size="14" maxlength="180" id="soek" /> </form> </div> </start4> </div> <!-- end --> <!-- start --> <div> <open3><h3 id="cateimg">Siste innlegg</h3></open3> <start3> <ul> <tag:recentlist limit="10"> <li><a href="${EntryPermalink}">${EntryTitle}</a></li> </tag:recentlist> </ul> </start3> </div> <!-- end --> <!-- start --> <div> <open><h3 id="cateimg2">Kategorier</h3></open> <start> <ul> <tag:categorylist> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </start> </div> <!-- end --> <!-- start --> <div> <open2><h3>Arkiv</h3></open2> <start2> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </start2> </div> <!-- end --> <!-- 3 divs --> </div> </div> </div> </sides> <div id="bottom-widgets"> <tag:include module="bottomwidgets"></tag:include> </div> <script> var $ = jQuery; $(document).ready(function() { var r = $("#top-menu"); var position = r.offset().top; var body = $("body"); var parallaxers = $('.parallax > div'); parallax(parallaxers); $(window).scroll(function() { parallax(parallaxers); var windowpos = $(window).scrollTop(); if(windowpos > position){ body.addClass('stick'); }else{ body.removeClass('stick'); } }); $(".menu-toggler").click(function() { $(this).parent().toggleClass('visible-child'); $(".menu-toggler").not($(this)).parent().removeClass('visible-child'); }); $("#mobile-menu-icon").click(function() { $(this).parent().find('ul').first().slideToggle('fast'); }); $("#show-more-entries").click(function() { $("#hidden-entries").slideToggle("fast"); }); }); function parallax(e){ var windowPos = $(window).scrollTop(); e.each(function() { var position = $(this).offset().top; var height = $(this).height(); $(this).css({ 'transform': 'translateY('+(-(windowPos - position) * 0.07) + 'px)', }); }); } </script> <div id="copyright">Design av <a id="copya" href="http://www.gratisdesignet.blogg.no/">www.gratisdesignet.blogg.no</a></div> <div id="footer-wrap"class="color-2 read-max pad-double"> <footer id="footer"> <div style="text-align:center; max-width: 900px; margin: auto;"> Denne bloggen er personlige ytringer fra utgiver av bloggen. All bruk av bilder, tekst eller video fra bloggen må avtales med bloggens ansvarlige utgiver. Bloggen ligger på blogg.no og annonser på bloggen selges av Mediehuset Nettavisen. Ansvarlig redaktør for Mediehuset Nettavisen er Gunnar Stavrum.<br><br> <a href="http://blogg.no/"><img src="http://static.blogg.no/lib/blogo-50transp.png" alt="blogg.no"></a> <a href="http://nettavisen.no/"><img style="padding:0 20px;" src="http://blogg.no/img/na_logo.png" alt="Nettavisen.no"></a> <a href="http://blogglisten.no/"><img src="http://static.blogg.no/lib/blistenlogo-50transp.png" alt="blogglisten.no"></a> </div> </footer> </div> </body> </html>

Arkiv

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>${BlogTitle} | ${BlogDescription}</title> <meta name="description" content="${BlogDescription}" /> <script type="text/javascript">var domainName = ".${AppDomain}";</script> <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script> <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" /> <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" /> <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/png" /> <link rel='stylesheet' id='sb-font-awesome-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css' media='all' /> <script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("open").click(function(){ $("start").slideToggle(); }); }); $(document).ready(function(){ $("open2").click(function(){ $("start2").slideToggle(); }); }); $(document).ready(function(){ $("open3").click(function(){ $("start3").slideToggle(); }); }); $(document).ready(function(){ $("open4").click(function(){ $("start4").slideToggle(); }); }); $(document).ready(function(){ $("sidem").click(function(){ $("sides").slideToggle(); }); }); </script> <style> @media(max-width:800px){ div#sidebar { display: none; } } </style> </head> <body class="home"> <div id="contain"> <a href="${BlogUrl}"> <div id="top-title" class="max title pad"> <h1>${BlogTitle}</h1> </div> </a> <div id="top-menu" class="color-1"> <button id="mobile-menu-icon" class="mobile-only">Meny</button> <ul class="max"> <a id="logo" href="${BlogUrl}">Car<span>oline</span></a> <li><a href="${ProfileUrl}">Profil</a></li> <li><span class="menu-toggler">Kategorier</span> <ul> <tag:categorylist limit="100"> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </li> <li><span class="menu-toggler">Arkiv</span> <ul> <tag:archivelist limit="100"> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </li> <tag:linklist> <li><a href="${LinkUrl}">${LinkName}</a></li> </tag:linklist> </ul> </div> <div id="top-widgets"> <tag:include module="topwidgets"></tag:include> </div> <div id="wrap" class="max marg-top-bottom"> <div id="main" class="pad"> <tag:entrylist limit="3000"> <div class="blog-entry"> <header> <a href="${EntryPermaLink}"><h2>${EntryTitle}</h2></a> <div class="header-info"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> </div> </header> <div class="content"> ${EntryBody} </div> <div class="bottom-meta"> <li>Publisert: ${EntryDate}, ${EntryTime} </li> <li>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> <li><a href="${EntryPermaLink}<a class="bno-hashtag" href="//blogg.no/hashtag/?tag=comments">#comments</a>">${EntryCommentCount} kommentarer</a></li> </div> </div> </tag:entrylist> </div> <div id="sidebar" class="pad"> <tag:profile> <div id="profile"> <div class="header-info"> <sidem><h3 id="toph3">About me</h3></sidem> </div> <sides> <script> jQuery(document).ready(function ($) { $("a").on("click", function() { var el = $(this); if (el.html() == el.data("text-swap")) { el.html(el.data("text-original")); } else { el.data("text-original", el.html()); el.html(el.data("text-swap")); } setTimeout(function () { el.html(el.data("text-original")); }, 500); }); }); </script> <p><a href="${ProfileUrl}" id="custSub" type="submit" class="button left tiny" data-text-swap="Venter..&nbsp;"> + Følg meg</a></p> <a href="${ProfileUrl}"><img src="${ProfileImageUrl}"></a> <p>${ProfileDescription}</p> <ul class="widget-social-icons "> <li> <a href="#" target="_blank"> <i class="fa fa-facebook"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-twitter"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-instagram"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-pinterest"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="fa fa-google-plus"></i> </a> </li> </ul> </div> </tag:profile> <!-- start --> <div> <open4><h3>Søk</h3></open4> <start4> <div class="searchfield"> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" placeholder="Søk i bloggen, skriv + enter" name="criteria" value="" size="14" maxlength="180" id="soek" /> </form> </div> </start4> </div> <!-- end --> <!-- start --> <div> <open3><h3 id="cateimg">Siste innlegg</h3></open3> <start3> <ul> <tag:recentlist limit="10"> <li><a href="${EntryPermalink}">${EntryTitle}</a></li> </tag:recentlist> </ul> </start3> </div> <!-- end --> <!-- start --> <div> <open><h3 id="cateimg2">Kategorier</h3></open> <start> <ul> <tag:categorylist> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </start> </div> <!-- end --> <!-- start --> <div> <open2><h3>Arkiv</h3></open2> <start2> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </start2> </div> <!-- end --> <!-- 3 divs --> </div> </div> </div> </sides> <div id="bottom-widgets"> <tag:include module="bottomwidgets"></tag:include> </div> <script> var $ = jQuery; $(document).ready(function() { var r = $("#top-menu"); var position = r.offset().top; var body = $("body"); var parallaxers = $('.parallax > div'); parallax(parallaxers); $(window).scroll(function() { parallax(parallaxers); var windowpos = $(window).scrollTop(); if(windowpos > position){ body.addClass('stick'); }else{ body.removeClass('stick'); } }); $(".menu-toggler").click(function() { $(this).parent().toggleClass('visible-child'); $(".menu-toggler").not($(this)).parent().removeClass('visible-child'); }); $("#mobile-menu-icon").click(function() { $(this).parent().find('ul').first().slideToggle('fast'); }); $("#show-more-entries").click(function() { $("#hidden-entries").slideToggle("fast"); }); }); function parallax(e){ var windowPos = $(window).scrollTop(); e.each(function() { var position = $(this).offset().top; var height = $(this).height(); $(this).css({ 'transform': 'translateY('+(-(windowPos - position) * 0.07) + 'px)', }); }); } </script> <div id="copyright">Design av <a id="copya" href="http://www.gratisdesignet.blogg.no/">www.gratisdesignet.blogg.no</a></div> <div id="footer-wrap"class="color-2 read-max pad-double"> <footer id="footer"> <div style="text-align:center; max-width: 900px; margin: auto;"> Denne bloggen er personlige ytringer fra utgiver av bloggen. All bruk av bilder, tekst eller video fra bloggen må avtales med bloggens ansvarlige utgiver. Bloggen ligger på blogg.no og annonser på bloggen selges av Mediehuset Nettavisen. Ansvarlig redaktør for Mediehuset Nettavisen er Gunnar Stavrum.<br><br> <a href="http://blogg.no/"><img src="http://static.blogg.no/lib/blogo-50transp.png" alt="blogg.no"></a> <a href="http://nettavisen.no/"><img style="padding:0 20px;" src="http://blogg.no/img/na_logo.png" alt="Nettavisen.no"></a> <a href="http://blogglisten.no/"><img src="http://static.blogg.no/lib/blistenlogo-50transp.png" alt="blogglisten.no"></a> </div> </footer> </div> </body> </html>

Nye maler hver uke!

Se maler her!