Advertisement
DesignMagasinet

Design #2 - Innlegg (Html)

Jul 26th, 2015
457
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.73 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>${EntryTitle} (${BlogTitle})</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="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />
  11. <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
  12. <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
  13. <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
  14. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  15. </head>
  16. <body>
  17. <div id="header" onclick="document.location='${BlogUrl}';">
  18. <h1>
  19. <a href="${BlogUrl}">${BlogTitle}</a>
  20. </h1>
  21. <p>${BlogDescription}</p>
  22. </div>
  23. <div id="doc2">
  24. <div id="menu">
  25. <img src="${ProfileImageUrl}" onclick="document.location='${BlogUrl}';" style="
  26. border-radius: 50%;
  27. margin-top: 24px;
  28. border: solid 12px #fff;
  29. margin-top: -14em;
  30. width: 158px;
  31. margin-right: 59em;
  32. position: relative;
  33. top: 135px;
  34. left: -3em;
  35. ";>
  36. <a href="${ProfileUrl}"><i class="fa fa-plus-circle" ></a></i>
  37. <a href="LINKTILINSTAGRAM"><i class="fa fa-instagram"></a></i>
  38. <a href="LINKTILFACEBOOK"><i class="fa fa-facebook-official"></i></a>
  39. <a href="http://stilsettblogg2.blogg.no/"><i class="fa fa-arrow-left"></i></a>
  40. </div>
  41. <div id="wrapper" class="yui-gc">
  42. <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »
  43. <a href="${BlogUrl}">${BlogTitle}</a> »
  44. <a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>
  45. <div id="main" class="yui-u first" style="
  46. width: 75%;
  47. padding-right: 16px;
  48. ">
  49. <tag:entry>
  50. <div class="entry">
  51. <a name="a${EntryNum}" id="a${EntryNum}"></a>
  52. <h3>${EntryTime} | ${EntryDate}</h3>
  53. <h2>
  54. <a href="${EntryPermaLink}">${EntryTitle}</a>
  55. </h2>
  56. <div class="meta">
  57. <ul>
  58. <li>Category: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></a>
  59. </li>
  60. </div>
  61. <div class="content">${EntryBody}
  62. <br>
  63. <div id="hide" style="display:none";>
  64. <tag:if test="${EntryCommentCount == 0}">
  65. <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
  66. <tag:elseif test="${EntryCommentCount == 1}" />
  67. <a href="${EntryPermaLink}#comment">Én kommentar</a>
  68. <tag:else />
  69. <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
  70. </tag:if>
  71. </li>
  72. </ul>
  73. </div>
  74. </div>
  75. <div class="meta" style="display:none";>
  76. <ul>
  77. <li>${EntryDate} kl.${EntryTime} i
  78. <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
  79. <li>
  80. <tag:if test="${EntryCommentCount == 0}">
  81. <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
  82. <tag:elseif test="${EntryCommentCount == 1}" />
  83. <a href="${EntryPermaLink}#comment">Én kommentar</a>
  84. <tag:else />
  85. <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
  86. </tag:if>
  87. </li>
  88. <li>
  89. <a href="${EntryPermaLink}">Permalenke</a>
  90. </li>
  91. <li class="share">
  92. <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>
  93. </li>
  94. </ul>
  95. <tag:if test="${EntryHasTags == 'true'}">
  96. <div class="tags">Stikkord:
  97. <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
  98. </tag:if>
  99. <tag:include module="postentry"></tag:include>
  100. </div>
  101. </div>
  102. </tag:entry>
  103. </div>
  104. <div id="side">
  105. <tag:profile>
  106. <tag:if test="${ProfileExists == 'true'}">
  107. <div id="profile" class="clearfix">
  108. <div>
  109. </div>
  110. <div id="comments">
  111. <tag:commentlist>
  112. <div class="comment ${CommentClass}">
  113. <div class="meta">
  114. <tag:if test="${CommentProfileUrl != ''}">
  115. <a href="${CommentProfileUrl}">
  116. <img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
  117. </a>
  118. <tag:else />
  119. <tag:if test="${CommentAuthorUrl != ''}">
  120. <a rel="nofollow" href="${CommentAuthorUrl}">
  121. <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="" />
  122. </a>
  123. <tag:else />
  124. <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="" />
  125. </tag:if>
  126. </tag:if>
  127. <br>
  128. <h3>${CommentAuthorLinkIf}</h3><br>
  129. <h3>${CommentDate} kl.${CommentTime}</h3>
  130. </div>
  131. <div class="content">${CommentText}</div>
  132. </div>
  133. </tag:commentlist>
  134. </div>
  135. </div>
  136. <h2 style="text-align:left;margin-left: 9px;";>Response post</h2>
  137. <div id="newcomment" class="clearfix">
  138. <form action="http://blogsoft.no/index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
  139. <div id="comment_author_wrapper">
  140. <label for="comment_author"></label>
  141. <input id="comment_author" type="text" name="author" placeholder="Name" onchange="doChange(this)" value="" maxlength="100">
  142. </div>
  143. <div id="comment_authoremail_wrapper">
  144. <label for="comment_authoremail"></label>
  145. <input id="comment_authoremail" type="text" name="authoremail" placeholder="E-mail" onchange="doChange(this)" value="" maxlength="100">
  146. </div>
  147. <div id="comment_authorurl_wrapper">
  148. <label for="comment_authorurl"></label>
  149. <input id="comment_authorurl" type="text" name="authorurl" placeholder="Url" onchange="doChange(this)" value="http://" maxlength="100">
  150. </div>
  151. <div id="comment_text_wrapper">
  152. <label for="comment_text"></label>
  153. <textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>
  154. </div>
  155. <div id="comment_submit_wrapper">
  156. <input type="hidden" name="commentid" value="${CommentID}" />
  157. <input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar">
  158. </div>
  159. </form>
  160. <br><br>
  161. <h3 style="
  162. top: 1em;
  163. ">Design by <a href="http://designmagasinet.blogg.no/">DesignMagasinet</a></h3>
  164. </div>
  165. </tag:if>
  166. </tag:profile>
  167. <tag:include module="sidebar"></tag:include>
  168. </div>
  169. </div>
  170. <div id="footer" class="yui-gb">
  171. <div class="yui-u first">
  172. <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
  173. <tag:if test="${ProfileExists == 'true'}">skrives av ©
  174. <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
  175. <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
  176. er selv ansvarlig for innhold. Henvendelser kan rettes til
  177. <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
  178. </div>
  179. <div class="yui-u">
  180. <h4>Arkiv</h4>
  181. <ul>
  182. <tag:archivelist limit="5">
  183. <li>
  184. <a href="${ArchiveLink}">${ArchiveName}</a>
  185. </li>
  186. </tag:archivelist>
  187. </ul>
  188. </div>
  189. <div class="yui-u">
  190. <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
  191. <ul>
  192. <li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
  193. <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
  194. <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
  195. <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
  196. <li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
  197. </ul>
  198. </div>
  199. </div>
  200. </div>
  201. </body>
  202. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement