API tools faq
paste
Advertisement
cyberthea

DERBOLIA - Ingyenes Blogspot klasszikus tumblr kinézet #9

cyberthea
Oct 19th, 2017
328
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.32 KB | None | 0 0
raw download clone embed print report
  1. <!-- a témát készítette: Thea (http://themesbythea.blogspot.hu ÉS http://mindenurlfoglalt.blogspot.hu) -->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!-- a linkek új ablakban nyílnak meg -->
  7. <base target="_blank">
  8.  
  9. <!-- emiatt a sorocska miatt működnek a betűtípusok (ne töröld) -->
  10. <link href="https://fonts.googleapis.com/css?family=Oswald|Poppins:300&amp;subset=latin-ext" rel="stylesheet">
  11.  
  12. <link rel="alternate" type="application/atom+xml" href="<$BlogURL$>feeds/posts/default">
  13. <link rel="alternate" type="application/rss+xml" href="<$BlogURL$>feeds/posts/default?alt=rss">
  14. <link rel="service.post" type="application/atom+xml" href="https://www.blogger.com/feeds/<$BlogID$>/posts/default">
  15.  
  16. <!-- favicon (a href=" " közötti linket cseréld ki a saját faviconodra-->
  17. <link href="https://goo.gl/hzb75b" rel="icon" type="image/x-icon"/>
  18.  
  19. <title><$blogpagetitle$></title>
  20.  
  21. <style type="text/css">
  22.  
  23. /* mindenegyben, például linkek, félkövér, kijelölés stb. kinézete
  24. ----------------------------------------------- */
  25. body {
  26. font-family: 'Poppins', sans-serif;
  27. font-size: 12px;
  28. color: #252525;
  29. background-color: #fff;
  30. }
  31.  
  32. a:link, a:visited {
  33. background-color: #e42897;
  34. color: #fff;
  35. text-decoration: none;
  36. }
  37.  
  38. a:hover {
  39. background-color: #555555;
  40. }
  41.  
  42. b, strong {
  43. font-family: 'Oswald', sans-serif;
  44. font-weight: normal;
  45. text-transform: uppercase;
  46. color: #555555;
  47. font-size: 14px;
  48. }
  49.  
  50. i, em {
  51. color: #e5329c;
  52. }
  53.  
  54. u {
  55. text-decoration: none;
  56. border-bottom: 1px solid #e5329c;
  57. }
  58.  
  59. s, strike {
  60. color: #cccccc;
  61. }
  62.  
  63. blockquote {
  64. border-left: 1px solid #e5329c;
  65. padding: 10px;
  66. }
  67.  
  68. blockquote:hover {
  69. text-shadow: #a8a8a8 1px 1px 1px;
  70. }
  71.  
  72. ::-moz-selection {
  73. background-color: #f8f8f8; }
  74. ::selection {
  75. background-color: #f8f8f8; }
  76.  
  77. ::-webkit-scrollbar {
  78. background: #f2f2f2;
  79. width: 3px;
  80. height: 5px;
  81. }
  82.  
  83. ::-webkit-scrollbar-thumb:vertical {
  84. background: #e5329c;
  85. }
  86.  
  87. /* blog
  88. ----------------------------------------------- */
  89. .blog-body {
  90. width: 500px;
  91. margin-top: 40px;
  92. margin-left: 420px;
  93. padding: 15px;
  94. border-left: 1px solid #e5329c;
  95. }
  96.  
  97. .post {
  98. font-size: 12px;
  99. text-align: justify;
  100. line-height: 20px;
  101. letter-spacing: 1px;
  102. padding: 20px;
  103. }
  104.  
  105. .post-title {
  106. font-size: 19px;
  107. padding: 5px;
  108. text-align: center;
  109. }
  110.  
  111. .info {
  112. text-align: right;
  113. font-size: 16px;
  114. color: #333333;
  115. }
  116.  
  117. .info:hover {
  118. text-shadow: #a8a8a8 1px 1px 1px;
  119. }
  120.  
  121. .post img {
  122. max-width: 100%;
  123. padding-top: 10px;
  124. padding-bottom: 10px;
  125. }
  126.  
  127. .blogger-labels {
  128. font-size: 0px;
  129. margin-top: 15px;
  130. text-align: center;
  131. padding: 10px;
  132. border-bottom: 1px solid #e5329c;
  133. }
  134.  
  135. .blogger-labels a {
  136. color: #ffffff;
  137. background-color: #e5329c;
  138. font-size: 12px;
  139. font-weight: 100;
  140. margin-right: 5px;
  141. text-decoration: none;
  142. }
  143.  
  144. .blogger-labels a:hover {
  145. background-color: #555555;
  146. }
  147.  
  148. h2 {
  149. font-family: 'Oswald', sans-serif;
  150. font-size: 20px;
  151. color: #555555;
  152. text-transform: uppercase;
  153. padding: 10px;
  154. border-bottom: 1px solid #e5329c;
  155. font-weight: normal;
  156. text-align: center;
  157. }
  158.  
  159. h2:hover {
  160. text-shadow: #a8a8a8 1px 1px 1px;
  161. }
  162.  
  163. h3 {
  164. font-size: 16px;
  165. padding: 10px;
  166. border-bottom: 1px solid #e5329c;
  167. font-style: italic;
  168. font-weight: normal;
  169. text-align: center;
  170. }
  171.  
  172. h3:hover {
  173. text-shadow: #a8a8a8 1px 1px 1px;
  174. }
  175.  
  176. h4 {
  177. font-size: 15px;
  178. font-weight: normal;
  179. text-align: center;
  180. border-bottom: 1px solid transparent;
  181. padding: 10px;
  182. }
  183.  
  184. h4:hover {
  185. border-bottom: 1px solid #e5329c;
  186. text-shadow: #a8a8a8 1px 1px 1px;
  187. }
  188.  
  189. #meow {
  190. background: #e42897;
  191. bottom: 10px;
  192. right: 10px;
  193. position: fixed;
  194. padding: 3px;
  195. letter-spacing: 1px;
  196. font-size: 15px;
  197. border-radius: 0px;
  198. -moz-box-shadow: 3px 3px #555555;
  199. -webkit-box-shadow: 3px 3px #555555;
  200. box-shadow: 3px 3px #555555;
  201. opacity:0.9;
  202. }
  203.  
  204. #meow:hover {
  205. background: #555555;
  206. }
  207.  
  208. /* oldalsáv
  209. ----------------------------------------------- */
  210. .sidebar {
  211. position: fixed;
  212. width: 250px;
  213. margin-top: 50px;
  214. margin-left: 80px;
  215. font-size: 12px;
  216. line-height: 18px;
  217. text-align: justify;
  218. padding: 15px;
  219. border-left: 1px solid #e5329c;
  220. }
  221.  
  222. .blogtitle {
  223. font-family: 'Oswald', sans-serif;
  224. color: #555555;
  225. font-size: 30px;
  226. letter-spacing: 6px;
  227. text-transform: uppercase;
  228. margin: 6px;
  229. padding: 5px;
  230. text-align: center;
  231. }
  232.  
  233. .blogtitle:hover {
  234. background-color: #e42897;
  235. color: #fff;
  236. }
  237.  
  238. .description {
  239. background-color: #f8f8f8;
  240. color: #555555;
  241. text-transform: uppercase;
  242. font-size: 12px;
  243. margin: 6px;
  244. text-align: center;
  245. letter-spacing: 1px;
  246. }
  247.  
  248. .blog-pager {
  249. width: 250px;
  250. margin-top: 25px;
  251. margin-left: -16px;
  252. position: fixed;
  253. padding: 5px;
  254. border-left: 1px solid #e5329c;
  255. }
  256.  
  257. </style>
  258.  
  259. </head><body>
  260.  
  261. <!------- INNEN KEZDŐDIK A BLOG FELÉPÍTÉSE ------->
  262. <!------- alább írhatod át a blogon megjelenő szövegeket, képeket stb. ------->
  263.  
  264. <!------- OLDALSÁV ------->
  265. <div class="sidebar">
  266.  
  267. <!-- írd át a DERBOLIA szöveget a blogod címére - a többihez ne nyúlj -->
  268. <div class="blogtitle"> DERBOLIA </div>
  269.  
  270. <!-- az VIHETŐ BLOGSPOT TÉMA felirat helyére jön a blogod rövid leírása - a többihez ne nyúlj -->
  271. <div class="description"> VIHETŐ BLOGSPOT TÉMA </div>
  272.  
  273. <!--- ha le szeretnéd cserélni az oldalsávban megjelenő (kutyás) képet, a src=" " közötti linket írd át ---!>
  274. <img src="https://goo.gl/ZZBwXE" width="100%"><br>
  275.  
  276. A blogod leírásának helye. Csak röviden, mert ez egy rögzített modul és ha rizsázol, nem fog látszani a vége. :D <br>
  277.  
  278. <center> <b>félkövér,</b> <i>dőlt,</i> <u>aláhúzott,</u> <s>áthúzott</s> </center>
  279.  
  280. <br>
  281.  
  282. <!-- MENÜ - az IDE JÖN A LINK felirat helyére illeszd be a linked; a title=" " közé mehet megjegyzés, ami akkor jelenik meg, ha ráviszed a linkre az egeret; a főoldal, link1 és a többi pedig a menüpontok nevei, ezeket kedvedre átírhatod -->
  283.  
  284. <center>
  285. <a href="/" title=" vissza a kezdőlapra " target="_self"> főoldal </a>
  286. &nbsp;&nbsp;
  287.  
  288. <a href="IDE JÖN A LINK" title=" az első link "> link 1 </a>
  289. &nbsp;&nbsp;
  290.  
  291. <a href="IDE JÖN A LINK" title=" a második link "> link 2 </a>
  292. &nbsp;&nbsp;
  293.  
  294. <a href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" title=" iratkozz fel "> + kövess </a>
  295. </center>
  296.  
  297. <!------- OLDALSÁV VÉGE ------->
  298.  
  299. <!------- LAPOZÓ - ehhez itt ne nyúlj! ------->
  300. <div class="blog-pager">
  301. <span style="float:right;"><Olderposts><a href=<$OlderPosts$> target="_self"> vissza » </a> </OlderPosts></span>
  302. <span style="float:rleft;"><newerposts><a href=<$NewerPosts$> target="_self"> « előre </a></NewerPosts></span>
  303. </div>
  304. </div></div>
  305.  
  306. <!------- LAPOZÓ VÉGE ------->
  307.  
  308. <!------- BEJEGYZÉSEK - ehhez itt ne nyúlj! ------->
  309. <div id="meow">
  310. <a href="http://themesbythea.blogspot.hu/" target="_blank">★</a>
  311. </div>
  312. <blogger>
  313. <div class="blog-body">
  314. <div class="post-title"><a href="<$BlogItemPermalinkUrl$>" title="<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>"><$BlogItemTitle$></a></div>
  315. <div class="info"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemAuthor$>&nbsp;&nbsp;<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>+ szólj hozzá</a></BlogItemCommentsEnabled></div>
  316. <div class="post"><$BlogItemBody$></div>
  317. </div>
  318. </blogger>
  319. </div>
  320.  
  321. <!------- BEJEGYZÉSEK VÉGE ------->
  322.  
  323. </body>
  324. </html>
  325.  
  326. <!--- jár a pacsi és a kakaó, ha feltüntetsz forrásként :3 -->
  327. <!---------------------- legyen szép napod! ♡ -------------------!>
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!