Advertisement
DesignMagasinet

Design #2 - Forsiden (Html)

Jul 26th, 2015
829
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.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. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  14. </head>
  15. <body class="front">
  16. <div id="doc2">
  17. <div id="header">
  18. </div>
  19. <div id="menu">
  20. <img src="${ProfileImageUrl}" alt="${ProfileName}" style="
  21. border-radius: 50%;
  22. margin-top: 24px;
  23. border: solid 16px #fff;
  24. float: left;
  25. margin-top: -4em;
  26. " ;>
  27. <a href="${ProfileUrl}" style="
  28. color: #999;
  29. ">
  30. <i class="fa fa-plus-circle" ></a></i>
  31. <a href="LINKTILINSTAGRAM" style="
  32. color: #999;
  33. ">
  34. <i class="fa fa-instagram"></a></i>
  35. <a href="LINKTILFACEBOOK" style="
  36. color: #999;
  37. "><i class="fa fa-facebook-official"></i></a>
  38. </a>
  39. </div>
  40. <div id="wrapper" class="yui-gc">
  41. <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
  42. <div id="main" class="yui-u first">
  43. <tag:entrylist limit="30">
  44. <div class="entry">
  45. <h3>${EntryTime} | ${EntryDate}</h3>
  46. <h2>
  47. <a href="${EntryPermaLink}">${EntryTitle}</a>
  48. </h2>
  49. <div class="meta">
  50. <ul>
  51. <li>Category: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></a>
  52. </li>
  53. </ul>
  54. </div>
  55. <div class="content">${EntryBody}
  56. <br>
  57. <div id="comd">
  58. <tag:if test="${EntryCommentCount == 0}">
  59. <a href="${EntryPermaLink}#comment">0 Comments</a>
  60. <tag:elseif test="${EntryCommentCount == 1}" />
  61. <a href="${EntryPermaLink}#comment">1 Comments</a>
  62. <tag:else />
  63. <a href="${EntryPermaLink}#comment">${EntryCommentCount} Comments</a>
  64. </tag:if>
  65. </div>
  66. </div>
  67. <div class="meta" style="display:none";>
  68. <ul>
  69. <li>${EntryDate} kl.${EntryTime} i
  70. <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
  71. <li>
  72. <tag:if test="${EntryCommentCount == 0}">
  73. <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
  74. <tag:elseif test="${EntryCommentCount == 1}" />
  75. <a href="${EntryPermaLink}#comment">Én kommentar</a>
  76. <tag:else />
  77. <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
  78. </tag:if>
  79. </li>
  80. <li>
  81. <a href="${EntryPermaLink}">Permalenke</a>
  82. </li>
  83. <li class="share">
  84. <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>
  85. </li>
  86. </ul>
  87. <tag:if test="${EntryHasTags == 'true'}">
  88. <div class="tags">Stikkord:
  89. <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
  90. </tag:if>
  91. </div>
  92. </div>
  93. </tag:entrylist>
  94. <div>
  95. <tag:archivelist limit="3">
  96. </div>
  97. </div>
  98. <div id="side" style="display:none";>
  99. <tag:profile>
  100. <tag:if test="${ProfileExists == 'true'}">
  101. <div id="profile" class="clearfix">
  102. <div>
  103. <a href="${ProfileUrl}" title="${ProfileName}">
  104. <img src="${ProfileImageUrl}" alt="${ProfileName}" />
  105. </a>
  106. </div>
  107. <h3>
  108. <a href="${ProfileUrl}">${ProfileName}</a>
  109. </h3>
  110. <p>${ProfileAge}, ${ProfileFrom}</p>
  111. <p>${ProfileDescription}</p>
  112. </div>
  113. </tag:if>
  114. </tag:profile>
  115. <tag:include module="sidebar"></tag:include>
  116. <div>
  117. <h3>Kategorier</h3>
  118. <ul>
  119. <tag:categorylist>
  120. <li>
  121. <a href="${CategoryLink}">${CategoryName}</a>
  122. </li>
  123. </tag:categorylist>
  124. </ul>
  125. </div>
  126. <div>
  127. <h3>Arkiv</h3>
  128. <ul>
  129. <tag:archivelist>
  130. <li>
  131. <a href="${ArchiveLink}">${ArchiveName}</a>
  132. </li>
  133. </tag:archivelist>
  134. </ul>
  135. </div>
  136. <div>
  137. <h3>Siste innlegg</h3>
  138. <ul>
  139. <tag:recentlist limit="10">
  140. <li>
  141. <a href="${EntryPermaLink}">${EntryTitle}</a>
  142. </li>
  143. </tag:recentlist>
  144. </ul>
  145. </div>
  146. <div>
  147. <h3>Siste kommentarer</h3>
  148. <ul>
  149. <tag:commentlist global="true" limit="10" sort="desc">
  150. <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  151. </tag:commentlist>
  152. </ul>
  153. </div>
  154. <tag:if test="${HasLinks == 'true'}">
  155. <div>
  156. <h3>Lenker</h3>
  157. <ul>
  158. <tag:linklist>
  159. <li>
  160. <a href="${LinkURL}">${LinkName}</a>
  161. </li>
  162. </tag:linklist>
  163. </ul>
  164. </div>
  165. </tag:if>
  166. <tag:if test="${HasProducts == 'true'}">
  167. <div>
  168. <h3>Jeg anbefaler</h3>
  169. <ul>
  170. <tag:productlist>
  171. <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>
  172. </tag:productlist>
  173. </ul>
  174. </div>
  175. </tag:if>
  176. </div>
  177. </div>
  178. <div id="footer" class="yui-gb">
  179. <div class="yui-u first">
  180. <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
  181. <tag:if test="${ProfileExists == 'true'}">skrives av ©
  182. <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
  183. <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
  184. er selv ansvarlig for innhold. Henvendelser kan rettes til
  185. <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
  186. </div>
  187. <div class="yui-u">
  188. <h4>Arkiv</h4>
  189. <ul>
  190. <tag:archivelist limit="5">
  191. <li>
  192. <a href="${ArchiveLink}">${ArchiveName}</a>
  193. </li>
  194. </tag:archivelist>
  195. </ul>
  196. </div>
  197. <div class="yui-u">
  198. <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
  199. <ul>
  200. <li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
  201. <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
  202. <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
  203. <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
  204. <li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
  205. </ul>
  206. </div>
  207. </div>
  208. </div>
  209. </body>
  210. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement