Advertisement
DesignMagasinet

Design #1 - Forsiden (Html)

Jul 23rd, 2015
453
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.25 KB | None | 0 0
  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. </head>
  14. <body class="front">
  15. <div id="doc2">
  16. <div id="header">
  17. </div>
  18. <div id="wrapper" class="yui-gc">
  19. <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
  20. <div id="main" class="yui-u first">
  21. <tag:entrylist limit="30">
  22. <div class="entry">
  23. <h2>
  24. <a href="${EntryPermaLink}">${EntryTitle}</a>
  25. </h2>
  26. <div class="meta">
  27. <ul>
  28. <li>${EntryDate} kl.${EntryTime} i
  29. <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
  30. <li>
  31. <tag:if test="${EntryCommentCount == 0}">
  32. <a href="${EntryPermaLink}">Ingen kommentarer</a>
  33. <tag:elseif test="${EntryCommentCount == 1}" />
  34. <a href="${EntryPermaLink}">Én kommentar</a>
  35. <tag:else />
  36. <a href="${EntryPermaLink}">${EntryCommentCount} kommentarer</a>
  37. </tag:if>
  38. </li>
  39. </ul>
  40. </div>
  41. <div class="content">${EntryBody}</div>
  42. <div class="meta" style="display:none";>
  43. <ul>
  44. <li>${EntryDate} kl.${EntryTime} i
  45. <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
  46. <li>
  47. <tag:if test="${EntryCommentCount == 0}">
  48. <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
  49. <tag:elseif test="${EntryCommentCount == 1}" />
  50. <a href="${EntryPermaLink}#comment">Én kommentar</a>
  51. <tag:else />
  52. <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
  53. </tag:if>
  54. </li>
  55. <li>
  56. <a href="${EntryPermaLink}">Permalenke</a>
  57. </li>
  58. <li class="share">
  59. <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>
  60. </li>
  61. </ul>
  62. <tag:if test="${EntryHasTags == 'true'}">
  63. <div class="tags">Stikkord:
  64. <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
  65. </tag:if>
  66. </div>
  67. </div>
  68. </tag:entrylist>
  69. <div>
  70. <tag:archivelist limit="3">
  71. </tag:archivelist></div>
  72. </div>
  73. <div id="side" class="yui-u">
  74. <tag:profile>
  75. <tag:if test="${ProfileExists == 'true'}">
  76. <div id="profile" class="clearfix">
  77. <div style="
  78. border: none;
  79. ">
  80. <img src="https://secure.static.tumblr.com/23ff7dc70fa9a4621ba9a27b0e43e802/oc4wogz/yNvnojiuz/tumblr_static_filename_640_v2.jpg" style="
  81. width: 100%;
  82. margin-bottom: -12em;
  83. ">
  84. <br><br>
  85. <a href="${ProfileUrl}" title="${ProfileName}">
  86. <img src="${ProfileImageUrl}" alt="${ProfileName}" />
  87. </a>
  88. </div>
  89. <h2>
  90. <a href="${ProfileUrl}" id="h2">${ProfileName}</a>
  91. </h2>
  92. <p>${ProfileAge}, ${ProfileFrom}</p>
  93. <p id="info">${ProfileDescription}</p>
  94. </div>
  95. </tag:if>
  96. </tag:profile>
  97. <tag:include module="sidebar"></tag:include>
  98. <div style="
  99. border: solid 1px #f1f1f1;
  100. padding-bottom: 20px;
  101. ">
  102. <h6>Sosialt</h6>
  103. <hr>
  104. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  105. <div class="social-buttons">
  106. <a href="#" class="social-button facebook"><i class="fa fa-facebook">
  107. </i>
  108. </a><a href="#" class="social-button twitter"><i class="fa fa-twitter">
  109. </i>
  110. </a><a href="#" class="social-button google"><i class="fa fa-google">
  111. </i>
  112. </a>
  113. <a href="#" class="social-button dribbble"><i class="fa fa-dribbble">
  114. </i>
  115. </a>
  116. </div>
  117. </div>
  118. <div style="
  119. border: solid 1px #f1f1f1;
  120. padding-bottom: 20px;
  121. ">
  122. <h6>Instagram</h6>
  123. <hr>
  124. <iframe src="http://snapwidget.com/in/?h=cm9zYXxpbnwxMDB8Mnw1fHxub3w1fG5vbmV8b25TdGFydHx5ZXN8bm8=&ve=200715" title="Instagram Widget" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:210px; height:525px"></iframe>
  125. </div>
  126. <div style="
  127. border: solid 1px #f1f1f1;
  128. ">
  129. <h6>Categories</h6>
  130. <hr>
  131. <ul>
  132. <tag:categorylist>
  133. <li>
  134. <a href="${CategoryLink}">${CategoryName}</a>
  135. </li>
  136. </tag:categorylist>
  137. </ul>
  138. </div>
  139. <div style="
  140. border: solid 1px #f1f1f1;
  141. ">
  142. <h6>Arcives</h6>
  143. <hr>
  144. <ul>
  145. <tag:archivelist>
  146. <li>
  147. <a href="${ArchiveLink}">${ArchiveName}</a>
  148. </li>
  149. </tag:archivelist>
  150. </ul>
  151. </div>
  152. <div style="
  153. border: solid 1px #f1f1f1;
  154. ">
  155. <h6>Last post</h6>
  156. <hr>
  157. <ul>
  158. <tag:recentlist limit="10">
  159. <li>
  160. <a href="${EntryPermaLink}">${EntryTitle}</a>
  161. </li>
  162. </tag:recentlist>
  163. </ul>
  164. </div>
  165. <div style="
  166. border: solid 1px #f1f1f1;
  167. ">
  168. <h6>Last comments</h6>
  169. <hr>
  170. <ul>
  171. <tag:commentlist global="true" limit="10" sort="desc">
  172. <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  173. </tag:commentlist>
  174. </ul>
  175. </div>
  176. <tag:if test="${HasLinks == 'true'}">
  177. <div style="
  178. border: solid 1px #f1f1f1;
  179. ">
  180. <h6>Links</h6>
  181. <hr>
  182. <ul>
  183. <tag:linklist>
  184. <li>
  185. <a href="${LinkURL}">${LinkName}</a>
  186. </li>
  187. </tag:linklist>
  188. </ul>
  189. </div>
  190. <div style="
  191. border: solid 1px #f1f1f1;
  192. ">
  193. <h6>Design</h6>
  194. <center><a href="http://designmagasinet.blogg.no/"><img src="http://i.imgur.com/EsAEVXl.png"></a></center>
  195. <br>
  196. </div>
  197. </tag:if>
  198. <tag:if test="${HasProducts == 'true'}">
  199. <div style="margin:5px 0 15px 0;border: none;">
  200. <h3>Jeg anbefaler</h3>
  201. <ul>
  202. <tag:productlist>
  203. <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>
  204. </tag:productlist>
  205. </ul>
  206. </div>
  207. </tag:if>
  208. </div>
  209. </div>
  210. <div id="footer" class="yui-gb">
  211. <div class="yui-u first">
  212. <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
  213. <tag:if test="${ProfileExists == 'true'}">skrives av ©
  214. <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
  215. <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
  216. er selv ansvarlig for innhold. Henvendelser kan rettes til
  217. <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
  218. </div>
  219. <div class="yui-u">
  220. <h4>Arkiv</h4>
  221. <ul>
  222. <tag:archivelist limit="5">
  223. <li>
  224. <a href="${ArchiveLink}">${ArchiveName}</a>
  225. </li>
  226. </tag:archivelist>
  227. </ul>
  228. </div>
  229. <div class="yui-u">
  230. <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
  231. <ul>
  232. <li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
  233. <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
  234. <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
  235. <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
  236. <li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
  237. </ul>
  238. </div>
  239. </div>
  240. </div>
  241. </body>
  242. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement