Advertisement
DesignMagasinet

Design #1 - Innlegg (Html)

Jul 23rd, 2015
375
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.77 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. </head>
  15. <body>
  16. <div id="doc2">
  17. <div id="header" onclick="document.location='${BlogUrl}';">
  18. </div>
  19. <div id="wrapper" class="yui-gc">
  20. <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »
  21. <a href="${BlogUrl}">${BlogTitle}</a> »
  22. <a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>
  23. <div id="main" class="yui-u first">
  24. <tag:entry>
  25. <div class="entry">
  26. <a name="a${EntryNum}" id="a${EntryNum}"></a>
  27. <h2>${EntryTitle}</h2>
  28. <div class="meta">
  29. <ul>
  30. <li>${EntryDate} kl.${EntryTime} i
  31. <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
  32. <li>
  33. <tag:if test="${EntryCommentCount == 0}">
  34. <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
  35. <tag:elseif test="${EntryCommentCount == 1}" />
  36. <a href="${EntryPermaLink}#comment">Én kommentar</a>
  37. <tag:else />
  38. <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
  39. </tag:if>
  40. </li>
  41. </ul>
  42. </div>
  43. <div class="content">${EntryBody}</div>
  44. <div class="meta" style="display:none";>
  45. <ul>
  46. <li>${EntryDate} kl.${EntryTime} i
  47. <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
  48. <li>
  49. <tag:if test="${EntryCommentCount == 0}">
  50. <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
  51. <tag:elseif test="${EntryCommentCount == 1}" />
  52. <a href="${EntryPermaLink}#comment">Én kommentar</a>
  53. <tag:else />
  54. <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
  55. </tag:if>
  56. </li>
  57. <li>
  58. <a href="${EntryPermaLink}">Permalenke</a>
  59. </li>
  60. <li class="share">
  61. <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>
  62. </li>
  63. </ul>
  64. <tag:if test="${EntryHasTags == 'true'}">
  65. <div class="tags">Stikkord:
  66. <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
  67. </tag:if>
  68. <tag:include module="postentry"></tag:include>
  69. </div>
  70. </div>
  71. </tag:entry>
  72. <tag:if test="${Comments == 1}">
  73. <a name="comment" id="comment"></a>
  74. <div id="newcomment" class="clearfix" style="display:none";>
  75. <h3>Skriv en ny kommentar</h3>
  76. <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
  77. <div id="comment_author_wrapper">
  78. <label for="comment_author">Navn:</label>
  79. <input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />
  80. </div>
  81. <div id="comment_authoremail_wrapper">
  82. <label for="comment_authoremail">E-post:</label>
  83. <input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" />
  84. </div>
  85. <div id="comment_authorurl_wrapper">
  86. <label for="comment_authorurl">URL:</label>
  87. <input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" />
  88. </div>
  89. <div id="comment_text_wrapper">
  90. <label for="comment_text">Din kommentar:</label>
  91. <textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>
  92. </div>
  93. <div id="comment_submit_wrapper">
  94. <input type="hidden" name="commentid" value="${CommentID}" />
  95. <input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />
  96. </div>
  97. <div id="comment_remember_wrapper">
  98. <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />
  99. <label for="comment_remember">Husk meg?</label>
  100. </div>
  101. </form>
  102. </div>
  103. </tag:if>
  104. </div>
  105. <div id="side" class="yui-u" style="
  106. ">
  107. <div style="
  108. border: solid 1px #f1f1f1;
  109. ">
  110. <h6 id="linkback">
  111. <a href="http://designmagasinet.blogg.no/">- Tilbake til forsiden</a>
  112. </h6>
  113. </div>
  114. <tag:profile>
  115. <tag:if test="${ProfileExists == 'true'}">
  116. <div id="profile" class="clearfix">
  117. <div>
  118. <div style="
  119. border: none;
  120. ">
  121. <img src="https://secure.static.tumblr.com/23ff7dc70fa9a4621ba9a27b0e43e802/oc4wogz/yNvnojiuz/tumblr_static_filename_640_v2.jpg" style="
  122. width: 100%;
  123. margin-bottom: -12em;
  124. ">
  125. <br><br>
  126. <a href="${ProfileUrl}" title="${ProfileName}">
  127. <img src="${ProfileImageUrl}" alt="${ProfileName}" />
  128. </a>
  129. </div>
  130. </div>
  131. <h2>
  132. <a href="${ProfileUrl}" id="h2">${ProfileName}</a>
  133. </h2>
  134. <p>${ProfileAge}, ${ProfileFrom}</p>
  135. <p id="info">${ProfileDescription}</p>
  136. </div>
  137. </tag:if>
  138. </tag:profile>
  139. <tag:include module="sidebar"></tag:include>
  140. <div style="
  141. border: solid 1px #f1f1f1;
  142. padding: 2em;
  143. ">
  144. <h6>
  145. <tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
  146. <tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
  147. <tag:else />${EntryCommentCount} kommentarer</tag:if>
  148. </h6>
  149. <hr>
  150. <div id="comments">
  151. <tag:commentlist>
  152. <div class="comment ${CommentClass}">
  153. <div class="meta">
  154. <tag:if test="${CommentProfileUrl != ''}">
  155. <a href="${CommentProfileUrl}">
  156. <img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
  157. </a>
  158. <tag:else />
  159. <tag:if test="${CommentAuthorUrl != ''}">
  160. <a rel="nofollow" href="${CommentAuthorUrl}">
  161. <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="" />
  162. </a>
  163. <tag:else />
  164. <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="" />
  165. </tag:if>
  166. </tag:if>
  167. <h4>${CommentAuthorLinkIf}</h4>
  168. <p>${CommentDate} kl.${CommentTime}</p>
  169. </div>
  170. <div class="content">${CommentText}</div>
  171. </div>
  172. </tag:commentlist>
  173. </div>
  174. <div id="newcomment" class="clearfix">
  175. <h3>Skriv en ny kommentar</h3>
  176. <form action="http://blogsoft.no/index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
  177. <div id="comment_author_wrapper">
  178. <label for="comment_author">Navn:</label>
  179. <input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100">
  180. </div>
  181. <div id="comment_authoremail_wrapper">
  182. <label for="comment_authoremail">E-post:</label>
  183. <input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100">
  184. </div>
  185. <div id="comment_authorurl_wrapper">
  186. <label for="comment_authorurl">URL:</label>
  187. <input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100">
  188. </div>
  189. <div id="comment_text_wrapper">
  190. <label for="comment_text">Din kommentar:</label>
  191. <textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>
  192. </div>
  193. <div id="comment_submit_wrapper">
  194. <input type="hidden" name="commentid" value="${CommentID}" />
  195. <input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />
  196. </div>
  197. <div id="comment_remember_wrapper" style="display: none";>
  198. <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />
  199. <label for="comment_remember">Husk meg?</label>
  200. </div>
  201. </form>
  202. </div>
  203. </div>
  204. <div style="
  205. border: solid 1px #f1f1f1;
  206. padding-bottom: 20px;
  207. ">
  208. <h6>Sosialt</h6>
  209. <hr>
  210. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  211. <div class="social-buttons">
  212. <a href="#" class="social-button facebook"><i class="fa fa-facebook">
  213. </i>
  214. </a><a href="#" class="social-button twitter"><i class="fa fa-twitter">
  215. </i>
  216. </a><a href="#" class="social-button google"><i class="fa fa-google">
  217. </i>
  218. </a>
  219. <a href="#" class="social-button dribbble"><i class="fa fa-dribbble">
  220. </i>
  221. </a>
  222. </div>
  223. </div>
  224. <div style="
  225. border: solid 1px #f1f1f1;
  226. padding-bottom: 20px;
  227. ">
  228. <h6>Instagram</h6>
  229. <hr>
  230. <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>
  231. </div>
  232. <div style="
  233. border: solid 1px #f1f1f1;
  234. ">
  235. <h6>Categories</h6>
  236. <hr>
  237. <ul>
  238. <tag:categorylist>
  239. <li>
  240. <a href="${CategoryLink}">${CategoryName}</a>
  241. </li>
  242. </tag:categorylist>
  243. </ul>
  244. </div>
  245. <div style="
  246. border: solid 1px #f1f1f1;
  247. ">
  248. <h6>Arcives</h6>
  249. <hr>
  250. <ul>
  251. <tag:archivelist>
  252. <li>
  253. <a href="${ArchiveLink}">${ArchiveName}</a>
  254. </li>
  255. </tag:archivelist>
  256. </ul>
  257. </div>
  258. <div style="
  259. border: solid 1px #f1f1f1;
  260. ">
  261. <h6>Design</h6>
  262. <center><a href="http://designmagasinet.blogg.no/"><img src="http://i.imgur.com/EsAEVXl.png"></a></center>
  263. <br>
  264. </div>
  265. </div>
  266. </div>
  267. <div id="footer" class="yui-gb">
  268. <div class="yui-u first">
  269. <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
  270. <tag:if test="${ProfileExists == 'true'}">skrives av ©
  271. <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
  272. <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
  273. er selv ansvarlig for innhold. Henvendelser kan rettes til
  274. <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
  275. </div>
  276. <div class="yui-u">
  277. <h4>Arkiv</h4>
  278. <ul>
  279. <tag:archivelist limit="5">
  280. <li>
  281. <a href="${ArchiveLink}">${ArchiveName}</a>
  282. </li>
  283. </tag:archivelist>
  284. </ul>
  285. </div>
  286. <div class="yui-u">
  287. <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
  288. <ul>
  289. <li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
  290. <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
  291. <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
  292. <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
  293. <li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
  294. </ul>
  295. </div>
  296. </div>
  297. </div>
  298. </body>
  299. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement