API tools faq
paste
Advertisement
tomasrek

Gratisdesign #2: Cherry Blossom FORSIDE

tomasrek
Nov 15th, 2013
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>${BlogTitle} - ${BlogDescription}</title>
  6. <meta name="description" content="${BlogDescription}" />
  7. <script type="text/javascript">var domainName = ".${AppDomain}";</script>
  8. <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>
  9. <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />
  10. <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
  11. <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
  12. <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("a[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:20,
  22. tip_fade_speed:400,
  23. attribute:"title"
  24. });
  25. });
  26. })(jQuery);
  27. </script>
  28. <script type="text/javascript">
  29. $(function(){ // document ready
  30. if (!!$('#navigation').offset()) { // make sure ".sticky" element exists
  31. var stickyTop = $('#navigation').offset().top; // returns number
  32. $(window).scroll(function(){ // scroll event
  33. var windowTop = $(window).scrollTop(); // returns number
  34. if (stickyTop < windowTop){
  35. $('#navigation').css({ position: 'fixed', top: 0 });
  36. }
  37. else {
  38. $('#navigation').css('position','static');
  39. }
  40. });
  41. }
  42. });
  43. </script>
  44. </head>
  45. <body class="front">
  46. <div id="doc2">
  47. <div id="header">
  48. <div class="headertekst">
  49. <h1>
  50. <a href="${BlogUrl}">${BlogTitle}</a>
  51. </h1>
  52. <p>${BlogDescription}</p>
  53. </div>
  54. </div>
  55. <div id="navigation">
  56. <a href="#">Forside</a>
  57. <a href="#">Tekst</a>
  58. <a href="#">Tekst</a>
  59. <a href="#">Tekst</a>
  60. <a href="http://treknett.blogg.no/">Design</a>
  61. </div><br><br><br><br>
  62. <div id="wrapper" class="yui-gc">
  63. <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
  64. <div id="main" class="yui-u first">
  65. <tag:entrylist limit="30">
  66. <div class="entry">
  67. <h2>
  68. <a href="${EntryPermaLink}">${EntryTitle}</a>
  69. </h2>
  70. <div class="meta">
  71. <ul>
  72. <li>${EntryDate} kl.${EntryTime} i
  73. <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
  74. <li>
  75. <tag:if test="${EntryCommentCount == 0}">
  76. <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
  77. <tag:elseif test="${EntryCommentCount == 1}" />
  78. <a href="${EntryPermaLink}#comment">Én kommentar</a>
  79. <tag:else />
  80. <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
  81. </tag:if>
  82. </li>
  83. </ul>
  84. </div>
  85. <div class="content">${EntryBody}</div>
  86. </div>
  87. </tag:entrylist>
  88. <div>Les mer i arkivet
  89. <tag:archivelist limit="3"> »
  90. <a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>
  91. </div>
  92. <div id="side" class="yui-u">
  93. <tag:profile>
  94. <tag:if test="${ProfileExists == 'true'}">
  95. <div id="profile" class="clearfix">
  96. <div>
  97. <a href="${ProfileUrl}" title="${ProfileName}">
  98. <img src="${ProfileImageUrl}" alt="${ProfileName}" />
  99. </a>
  100. </div>
  101. <h3>
  102. <a href="${ProfileUrl}">${ProfileName}</a>
  103. </h3>
  104. <p>${ProfileAge}, ${ProfileFrom}</p>
  105. <p>${ProfileDescription}</p>
  106. </div>
  107. </tag:if>
  108. </tag:profile>
  109. <tag:include module="sidebar"></tag:include>
  110. <div>
  111. <h3>Kategorier</h3>
  112. <ul>
  113. <tag:categorylist>
  114. <li>
  115. <a href="${CategoryLink}">${CategoryName}</a>
  116. </li>
  117. </tag:categorylist>
  118. </ul>
  119. </div>
  120. <div>
  121. <h3>Arkiv</h3>
  122. <ul>
  123. <tag:archivelist>
  124. <li>
  125. <a href="${ArchiveLink}">${ArchiveName}</a>
  126. </li>
  127. </tag:archivelist>
  128. </ul>
  129. </div>
  130. <div>
  131. <h3>Siste innlegg</h3>
  132. <ul>
  133. <tag:recentlist limit="10">
  134. <li>
  135. <a href="${EntryPermaLink}">${EntryTitle}</a>
  136. </li>
  137. </tag:recentlist>
  138. </ul>
  139. </div>
  140. <div>
  141. <h3>Siste kommentarer</h3>
  142. <ul>
  143. <tag:commentlist global="true" limit="10" sort="desc">
  144. <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  145. </tag:commentlist>
  146. </ul>
  147. </div>
  148. <tag:if test="${HasLinks == 'true'}">
  149. <div>
  150. <h3>Lenker</h3>
  151. <ul>
  152. <tag:linklist>
  153. <li>
  154. <a href="${LinkURL}">${LinkName}</a>
  155. </li>
  156. </tag:linklist>
  157. </ul>
  158. </div>
  159. </tag:if>
  160. <tag:if test="${HasProducts == 'true'}">
  161. <div>
  162. <h3>Jeg anbefaler</h3>
  163. <ul>
  164. <tag:productlist>
  165. <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>
  166. </tag:productlist>
  167. </ul>
  168. </div>
  169. </tag:if>
  170. </div>
  171. </div>
  172. <div id="footer" class="yui-gb">
  173. <div class="yui-u first">
  174. <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
  175. <tag:if test="${ProfileExists == 'true'}">skrives av ©
  176. <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
  177. <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter
  178. er selv ansvarlig for innhold. Henvendelser kan rettes til
  179. <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
  180. </div>
  181. <div class="yui-u">
  182. <h4>Arkiv</h4>
  183. <ul>
  184. <tag:archivelist limit="5">
  185. <li>
  186. <a href="${ArchiveLink}">${ArchiveName}</a>
  187. </li>
  188. </tag:archivelist>
  189. </ul>
  190. </div>
  191. <div class="yui-u">
  192. <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
  193. <ul>
  194. <li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
  195. <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
  196. <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
  197. <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
  198. <li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
  199. </ul>
  200. </div>
  201. </div>
  202. </div>
  203. </body>
  204. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!