API tools faq
paste
Advertisement
cyberthea

FLEAURI - Reszponzív klasszikus tavaszias kinézet #10

cyberthea
Apr 21st, 2018
487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.04 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 az ikonok (ne töröld) -->
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  11.  
  12. <!-- emiatt a sorocska miatt működnek a betűtípusok (ne töröld) -->
  13. <link href="https://fonts.googleapis.com/css?family=Anaheim|Meddon|Patrick+Hand+SC&amp;subset=latin-ext" rel="stylesheet">
  14.  
  15. <link rel="alternate" type="application/atom+xml" href="<$BlogURL$>feeds/posts/default">
  16. <link rel="alternate" type="application/rss+xml" href="<$BlogURL$>feeds/posts/default?alt=rss">
  17. <link rel="service.post" type="application/atom+xml" href="https://www.blogger.com/feeds/<$BlogID$>/posts/default">
  18.  
  19. <!-- favicon (a href=" " közötti linket cserélheted ki a saját faviconodra -->
  20. <link href="https://goo.gl/MERqAN" rel="icon" type="image/x-icon"/>
  21.  
  22. <title><$blogpagetitle$></title>
  23.  
  24. <style type="text/css">
  25.  
  26. /* mindenegyben, például linkek, félkövér, kijelölés stb. kinézete
  27. ----------------------------------------------- */
  28. body {
  29. background:url("https://goo.gl/UYpm4a");
  30. font-family: 'Anaheim', sans-serif;
  31. font-size: 13px;
  32. color: #555555;
  33. letter-spacing: 0px;
  34. overflow-x: hidden;
  35. oveflow-y: scroll;
  36. text-align: justify;
  37. line-height: 23px;
  38. }
  39.  
  40. a:link, a:visited {
  41. color: #fe9cb0;
  42. font-style: italic;
  43. text-decoration: none;
  44. -webkit-transition: all 0.5s ease-in-out;
  45. -moz-transition: all 0.5s ease-in-out;
  46. -o-transition: all 0.5s ease-in-out;
  47. -ms-transition: all 0.5s ease-in-out;
  48. transition: all 0.5s ease-in-out;
  49. }
  50.  
  51. a:hover {
  52. color: #1d5f26;
  53. }
  54.  
  55. b, strong {
  56. font-weight: bold;
  57. font-family: 'Patrick Hand SC', cursive;
  58. color: #fe9cb0;
  59. font-size: 20px;
  60. }
  61.  
  62. i, em {
  63. font-style: italic;
  64. color: #1d5f26;
  65. }
  66.  
  67. u {
  68. padding: 2px;
  69. text-decoration: none;
  70. border-bottom: 1px solid #1d5f26;
  71. }
  72.  
  73. s, strike {
  74. color: #cccccc;
  75. padding: 1px;
  76. }
  77.  
  78. blockquote {
  79. text-align: center;
  80. font-style: italic;
  81. background: transparent;
  82. border-top: 4px double #e5e5e5;
  83. border-bottom: 4px double #e5e5e5;
  84. margin: 10px;
  85. padding: 10px;
  86. }
  87.  
  88. blockquote p {
  89. display: inline;
  90. }
  91.  
  92. ::-moz-selection {
  93. color: #fff;
  94. background-color: #1d5f26; }
  95. ::selection {
  96. color: #fff;
  97. background-color: #1d5f26; }
  98.  
  99. ::-webkit-scrollbar {
  100. background: #fff;
  101. width: 5px;
  102. height: 5px;
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb:vertical {
  106. background: #1d5f26;
  107. }
  108.  
  109.  
  110. /* navigáció kinézete
  111. ----------------------------------------------- */
  112. .nav {
  113. text-align: center;
  114. width: 100%
  115. }
  116.  
  117. a.nav-flea {
  118. color: #fe9cb0;
  119. font-size: 18px;
  120. font-family: 'Meddon', cursive;
  121. letter-spacing: 0px;
  122. padding: 0px;
  123. margin-left: 2px;
  124. margin-bottom: 6px;
  125. text-align: center;
  126. width: 42%;
  127. border-bottom: 4px double #e5e5e5;
  128. display: inline-block;
  129. -webkit-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. -o-transition: all 0.5s ease-in-out;
  132. -ms-transition: all 0.5s ease-in-out;
  133. transition: all 0.5s ease-in-out;
  134. }
  135.  
  136. a.nav-flea:hover {
  137. border-bottom: 4px double #fe9cb0;
  138. }
  139.  
  140.  
  141. /* blog
  142. ----------------------------------------------- */
  143. .blog-body {
  144. width: 80%;
  145. padding: 10px;
  146. background-color: #fff;
  147. margin-top: 0px;
  148. color: #555555;
  149. }
  150.  
  151. .article {
  152. padding: 1%;
  153. width: 65%;
  154. float: right;
  155. text-align: justify;
  156. color: #555555;
  157. }
  158.  
  159. .post-title {
  160. color: #fe9cb0;
  161. font-size: 32px;
  162. font-family: 'Patrick Hand SC', cursive;
  163. text-align: center;
  164. padding: 3px;
  165. margin-top: -2px;
  166. margin-bottom: 0px;
  167. border-bottom: 4px double #e5e5e5;
  168. }
  169.  
  170. .post-title a {
  171. color: #fe9cb0;
  172. font-size: 32px;
  173. font-family: 'Patrick Hand SC', cursive;
  174. font-weight: 100;
  175. font-style: normal;
  176. letter-spacing: 0px;
  177. text-align: center;
  178. width: 100%;
  179. -webkit-transition: all 0.5s ease-in-out;
  180. -moz-transition: all 0.5s ease-in-out;
  181. -o-transition: all 0.5s ease-in-out;
  182. -ms-transition: all 0.5s ease-in-out;
  183. transition: all 0.5s ease-in-out;
  184. }
  185.  
  186. .post-title a:hover {
  187. letter-spacing: 2px;
  188. }
  189.  
  190. .h4 {
  191. font-family: 'Anaheim', sans-serif;
  192. color: #6f6f6f;
  193. text-transform: uppercase;
  194. }
  195.  
  196. .info {
  197. width: 100%;
  198. padding: 0px;
  199. background-color: transparent;
  200. z-index: 100;
  201. text-align: center;
  202. margin-bottom: 10px;
  203. }
  204.  
  205. .blog-entry {
  206. font-family: 'Anaheim', sans-serif;
  207. font-size: 13px;
  208. color: #555555;
  209. letter-spacing: 0px;
  210. margin-top: 5px;
  211. }
  212.  
  213. .blog-entry img {
  214. max-width: 99%;
  215. padding: 5px;
  216. margin-bottom: 5px;
  217. filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;
  218. transition: all .5s ease-in-out;
  219. -o-transition: all .5s ease-in-out;
  220. -webkit-transition: all .5s ease-in-out;
  221. -moz-transition: all .5s ease-in-out;
  222. }
  223.  
  224. .blog-entry img:hover {
  225. filter: alpha(opacity=100); moz-opacity:1.0; opacity:1.0;
  226. }
  227.  
  228. .blogger-labels {
  229. font-size: 0px;
  230. margin-top: 10px;
  231. margin-bottom: 10px;
  232. text-align: center;
  233. }
  234.  
  235. .blogger-labels a {
  236. font-family: 'Patrick Hand SC', cursive;
  237. color: #fe9cb0;
  238. font-size: 15px;
  239. font-weight: bold;
  240. font-style: normal;
  241. letter-spacing: 1px;
  242. text-transform: uppercase;
  243. padding: 3px;
  244. margin-right: 5px;
  245. text-decoration: none!important;
  246. transition: all .5s ease-in-out;
  247. -o-transition: all .5s ease-in-out;
  248. -webkit-transition: all .5s ease-in-out;
  249. -moz-transition: all .5s ease-in-out;
  250. }
  251.  
  252. .blogger-labels a:hover {
  253. letter-spacing: 2px;
  254. }
  255.  
  256. .blogger-labels a:before {
  257. margin-right: 3px;
  258. font-family: FontAwesome;
  259. font-size: 14px;
  260. color: #fe9cb0;
  261. content: '\f02b';}
  262.  
  263. #meow a {
  264. background: #fafafa;
  265. bottom: 10px;
  266. right: 10px;
  267. position: fixed;
  268. padding: 3px;
  269. letter-spacing: 1px;
  270. font-size: 15px;
  271. font-style: normal;
  272. border-radius: 0px;
  273. -moz-box-shadow: 3px 3px #fe9cb0;
  274. -webkit-box-shadow: 3px 3px #fe9cb0;
  275. box-shadow: 3px 3px #fe9cb0;
  276. opacity:0.9;
  277. }
  278.  
  279. /* cím, alcím, másoldalcím kinézete
  280. ----------------------------------------------- */
  281. h2 {
  282. color: #fe9cb0;
  283. font-size: 25px;
  284. font-family: 'Meddon', cursive;
  285. text-align: center;
  286. font-weight: 100;
  287. letter-spacing: 0px;
  288. padding: 0px;
  289. margin-bottom: 10px;
  290. border-bottom: 4px double #e5e5e5;
  291. }
  292.  
  293. h3 {
  294. color: #fe9cb0;
  295. font-size: 26px;
  296. font-family: 'Patrick Hand SC', cursive;
  297. margin-top: 20px;
  298. margin-bottom: 10px;
  299. }
  300.  
  301. h4 {
  302. color: #fe9cb0;
  303. font-family: 'Meddon', cursive;
  304. font-weight: normal;
  305. font-size: 18px;
  306. margin-top: 25px;
  307. margin-bottom: 10px;
  308. }
  309.  
  310.  
  311. /* oldalsáv
  312. ----------------------------------------------- */
  313. .sidebar {
  314. padding: 2%;
  315. width: 28%;
  316. float: left;
  317. text-align: justify;
  318. margin-top: -27px;
  319. margin-bottom: -20px;
  320. }
  321.  
  322. .sidebar img {
  323. padding-bottom: 10px;
  324. filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;
  325. transition: all .5s ease-in-out;
  326. -o-transition: all .5s ease-in-out;
  327. -webkit-transition: all .5s ease-in-out;
  328. -moz-transition: all .5s ease-in-out;
  329. }
  330.  
  331. .sidebar img:hover {
  332. filter: alpha(opacity=100); moz-opacity:1.0; opacity:1.0;
  333. }
  334.  
  335. .labels a:link, .labels a:visited {
  336. background-color: #transparent;
  337. color: #fe9cb0;
  338. font-size: 13px;
  339. font-style: italic;
  340. line-height: 30px;
  341. padding: 4px;
  342. border-bottom: 4px double #e5e5e5;
  343. transition: all .5s ease-in-out;
  344. -o-transition: all .5s ease-in-out;
  345. -webkit-transition: all .5s ease-in-out;
  346. -moz-transition: all .5s ease-in-out;
  347. }
  348.  
  349. .labels a:hover, .labels a:active {
  350. border-bottom: 4px double #fe9cb0;
  351. }
  352.  
  353. a.affies {
  354. color: #fe9cb0;
  355. font-size: 22px;
  356. font-family: 'Patrick Hand SC', cursive;
  357. font-style: normal;
  358. letter-spacing: 0px;
  359. padding: 2px;
  360. margin-left: 2px;
  361. margin-bottom: 6px;
  362. text-align: center;
  363. width: 42%;
  364. border-bottom: 4px double #e5e5e5;
  365. display: inline-block;
  366. -webkit-transition: all 0.5s ease-in-out;
  367. -moz-transition: all 0.5s ease-in-out;
  368. -o-transition: all 0.5s ease-in-out;
  369. -ms-transition: all 0.5s ease-in-out;
  370. transition: all 0.5s ease-in-out;
  371. }
  372.  
  373. a.affies:hover {
  374. border-bottom: 4px double #fe9cb0;
  375. }
  376.  
  377. .about {
  378. border-bottom: 4px double #e5e5e5;
  379. text-align: center;
  380. margin-bottom: 5px;
  381. -webkit-transition: all 0.5s ease-in-out;
  382. -moz-transition: all 0.5s ease-in-out;
  383. -o-transition: all 0.5s ease-in-out;
  384. -ms-transition: all 0.5s ease-in-out;
  385. transition: all 0.5s ease-in-out;
  386. }
  387.  
  388. .about:hover {
  389. border-bottom: 4px double #fe9cb0;
  390. }
  391.  
  392. /* mobil kinézet
  393. ----------------------------------------------- */
  394. @media only screen and (max-width: 800px) {
  395. a.nav-flea{
  396. font-size: 100%;
  397. width: 40%;
  398. }
  399.  
  400. }
  401.  
  402. @media only screen and (max-width: 500px) {
  403.  
  404. .nav{
  405. margin-bottom: 30px;
  406. }
  407.  
  408. a.nav-flea{
  409. width: 40%;
  410. font-size: 100%;
  411. display: inline-block;
  412. background: transparent;
  413. }
  414.  
  415. .post-title {
  416. margin-right: 5px;
  417. }
  418.  
  419. .blog-body {
  420. width: 95%;
  421. backround: transparent;
  422. shadow: none;
  423. border: none;
  424. margin-top: 15px;
  425. padding-left: 6px;
  426. margin-left: 6px;
  427. }
  428.  
  429. .article {
  430. width: 95%;
  431. box-shadow: none;
  432. }
  433.  
  434. .blog-entry img {
  435. width: 100%;
  436. height: auto;
  437. align: center;
  438. }
  439.  
  440. .sidebar {
  441. width: 95%;
  442. border-left: none
  443. }
  444.  
  445. }
  446.  
  447. </style> <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  448.  
  449. <br>
  450. </head><body>
  451.  
  452. <!--- ez itt a fejléc - ha le szeretnéd cserélni, a src=" " közötti link helyére illeszd be a képed url címét ---!>
  453. <center><a href="/" target="_self"><img src="https://goo.gl/tmcPnT" width="82%"></a></center>
  454.  
  455. <center>
  456. <div class="blog-body">
  457.  
  458. <!--- bejegyzések - ehhez itt ne nyúlj ---!>
  459. <div id="meow">
  460. <a href="http://themesbythea.blogspot.hu/" target="_blank">★</a>
  461. </div>
  462. <div id="main" class="article">
  463. <blogger>
  464. <div class="post-title">
  465. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  466. <center><div class="info">
  467. <div class="h4"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a></div>
  468. </div></center>
  469. <div class="blog-entry">
  470. <$BlogItemBody$>
  471. </div><br>
  472. </blogger>
  473.  
  474. <span style="float:right;"><Olderposts><a href=<$OlderPosts$> target="_self"> VISSZA <span class="fa fa-chevron-right"></span></a></a> </OlderPosts></span>
  475. <span style="float:rleft;"><newerposts><a href=<$NewerPosts$> target="_self"> <span class="fa fa-chevron-left"></span> ELŐRE </a></NewerPosts></span>
  476. </div>
  477.  
  478.  
  479. <!-- oldalsáv -->
  480. <div class="sidebar">
  481.  
  482. <!-- első modul -->
  483. <h2> hello </h2>
  484.  
  485. <!--- ha le szeretnéd cserélni az első modul képét, a src=" " közötti link helyére illeszd be a képed url címét ---!>
  486. <center><img src="https://goo.gl/cj9VVo" width="100%"></center>
  487. Az oldalad leírásának helye. Ide jöhet például egy rövidke üdvözlőszöveg, amivel köszöntöd a látogatókat, vagy éppen pár szó rólad - ne habozz, légy kreatív. <br>
  488. <center> <b>félkövér,</b> <i>dőlt,</i> <u>aláhúzott,</u> <s>áthúzott</s>
  489. <br>
  490. <a href="LINKHELYE">link1</a> | <a href="LINKHELYE">link2</a> | <a href="LINKHELYE">link3</a> </center>
  491. <br>
  492.  
  493. <!-- menü - csak a menüpontok neveit írd át -->
  494. <div class="nav"><center>
  495. <a class="nav-flea" onClick="document.getElementById('main').innerHTML=document.getElementById('home').innerHTML" title=""> blog</a>
  496. <a class="nav-flea" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=""> rólam</a><a class="nav-flea" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title=""> extrák</a> <a class="nav-flea" href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" title=""> + kövess</a></center>
  497. </div>
  498.  
  499. <!-- második modul -->
  500. <h2> to do list </h2>
  501. <center>
  502. ☑ elkezdeni blogolni<br>
  503. ☐ sorozatmaratont tartani<br>
  504. ☐ scrapbookot készíteni<br>
  505. ☑ fánkpárnát készíteni<br>
  506. ☐ megtanulni gitározni<br>
  507. </center>
  508.  
  509. <!-- harmadik modul -->
  510. <h2> categories </h2>
  511. <div class="labels">
  512. <a href="/search/label/IDE JÖN A CÍMKE NEVE">személyes</a>
  513. <a href="/search/label/IDE JÖN A CÍMKE NEVE">haul</a>
  514. <a href="/search/label/IDE JÖN A CÍMKE NEVE">diy</a>
  515. <a href="/search/label/IDE JÖN A CÍMKE NEVE">tag</a>
  516. <a href="/search/label/IDE JÖN A CÍMKE NEVE">beauty</a>
  517. <a href="/search/label/IDE JÖN A CÍMKE NEVE">interjú</a>
  518. <a href="/search/label/IDE JÖN A CÍMKE NEVE">ajánló</a>
  519. <a href="/search/label/IDE JÖN A CÍMKE NEVE">tippek</a>
  520. <a href="/search/label/IDE JÖN A CÍMKE NEVE">vélemény</a>
  521. <a href="/search/label/IDE JÖN A CÍMKE NEVE">kihívás</a>
  522. <a href="/search/label/IDE JÖN A CÍMKE NEVE">inspiráció</a>
  523. </div>
  524.  
  525. <!-- negyedik modul -->
  526. <h2> friends </h2>
  527. Ezek itt a cserék. Rakd ki ide azokat az oldalakat, blogokat amiket szívesen látogatsz, kedvenc bloggereid, vagy akivel cserét kezdeményeztél. Nem árt ide írnod pár szót, hogy kit raksz ki, s kit nem, hogy elkerüld az esetleges félreértéseket.
  528.  
  529. <br><br><center>
  530. <a class="affies" href="IDE JÖN A LINK">Kinga</a>
  531. <a class="affies" href="IDE JÖN A LINK">Pisti</a>
  532. <a class="affies" href="IDE JÖN A LINK">Józsi</a>
  533. <a class="affies" href="IDE JÖN A LINK">Erzsi</a>
  534. <a class="affies" href="IDE JÖN A LINK">Magdi</a>
  535. <a class="affies" href="IDE JÖN A LINK">Béla</a>
  536. <a class="affies" href="IDE JÖN A LINK">Ági</a>
  537. <a class="affies" href="IDE JÖN A LINK">Géza</a>
  538. </center>
  539.  
  540. <!-- ötödik modul -->
  541. <h2> do not forget </h2>
  542. <blockquote>I am so proud of you. ♡</blockquote>
  543.  
  544. <div class="about"><b> Pötyögi: </b> neved helye </div>
  545. <div class="about"><b> Nyitás: </b> MMXVIII. IV. XXIX. </div>
  546. <div class="about"><b> Zárás: </b> nem tervezett </div>
  547. <div class="about"><b> Téma: </b> blogod témája </div>
  548. <div class="about"><b> Url: </b> minta.blogspot.hu </div>
  549. <div class="about"><b> Cím: </b> blogod címe </div>
  550.  
  551.  
  552. <!-- hatodik modul -->
  553. <!-- kedvedre átírhatod az "ez történt eddig", a "legutóbbi" és a "blogarchívum" szavakat, a többihez ne nyúlj -->
  554. <h2> the past </h2>
  555. <center>
  556. <form name="jump" id="jump">
  557. <select name="menu" onchange="location=document.jump.menu.options
  558. [document.jump.menu.selectedIndex].value;" value="GO" style="font-family: 'Anaheim', sans-serif; font-size: 13px; color: #777777; width: 100%; border: 1px solid #e5e5e5; background-color: #FFFFFF; padding: 3px;">
  559. <option selected="selected">ez történt eddig</option>
  560. <optgroup label="legutóbbi" style="font-family: 'Anaheim', sans-serif; font-weight: bold; font-size: 13px; ">
  561. <BloggerPreviousItems>
  562. <option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
  563. </BloggerPreviousItems>
  564. <optgroup label="blogarchívum" style="font-family: 'Anaheim', sans-serif; font-weight: bold; font-size: 13px; ">
  565. <BloggerArchives>
  566. <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
  567. </BloggerArchives>
  568. </select></form></center>
  569.  
  570. <!-- hetedik modul -->
  571. <h2> million thanks </h2>
  572. A kinézetet <a href="http://themesbythea.blogspot.hu/">Thea</a> készítette. További kódokért köszönet illeti <a href="http://wanaseoby.com/">Wanát.</a> A fejléchez felhasznált képek a <a href="http://goldandberry.blogspot.hu">Gold & Berry</a> blogról származnak.<br><br>
  573.  
  574. </span>
  575.  
  576. </div>
  577. <div style="clear:both"></div>
  578. <div style="clear:both"></div>
  579.  
  580. </div></div>
  581.  
  582. <!------- OLDALAK TARTALMA ------->
  583. <!------------------- OLDAL: KEZDŐLAP (BLOG) - ehhez itt ne nyúlj! ------------------>
  584. <div id="home" style="display: none;">
  585. <blogger>
  586. <div class="post-title">
  587. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  588. <center><div class="info">
  589. <div class="h4"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a>
  590. </div>
  591. </div></center>
  592. <div class="blog-entry">
  593. <$BlogItemBody$>
  594. </div><br>
  595. </blogger>
  596.  
  597. <span style="float:right;"><Olderposts><a href=<$OlderPosts$> target="_self"> VISSZA <span class="fa fa-chevron-right"></span></a></a> </OlderPosts></span>
  598. <span style="float:rleft;"><Newerposts><a href=<$NewerPosts$> target="_self"> <span class="fa fa-chevron-left"></span> ELŐRE </a></NewerPosts></span>
  599. </div>
  600.  
  601. <!------------------- OLDAL: RÓLAM ------------------>
  602. <div id="about" style="display: none;">
  603. <div class="post-title"> This is who I am </div><br>
  604. Ide írhatsz egy bemutatkozót. Meséld el, ki vagy, mióta blogolsz, miket szeretsz vagy éppen miket utálsz. Írhatsz összefüggő mondatokat, de akár pontokba is szedheted bemutatkozódat.<br>
  605. <div align="left">
  606. <p><img align="left" src="https://goo.gl/fwjHgN" width="40%" style="margin-right: 15px;">
  607. ◦ becses nevem ... de szólíts csak ...<br>
  608. ◦ ... éves vagyok<br>
  609. ◦ szeretem ...<br>
  610. ◦ utálom ...<br>
  611. ◦ kedvenc ...<br>
  612. ◦ álmaim ...<br>
  613. ◦ szeretnék eljutni ...<br>
  614. ◦ megtalálhatsz itt és itt is ...<br>
  615. </p>
  616.  
  617. <!------------------- OLDAL: EXTRÁK ------------------>
  618. <div id="stuff" style="display: none;">
  619. <div class="post-title"> Extra menüpont </div><br>
  620. Írj ide, amit csak akarsz. Példának okáért itt egy linklista, de ha szeretnéd, lecserélheted másra.
  621. <br><br>
  622. <div style='float:left; width:40%'>
  623. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  624.  
  625. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  626.  
  627. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  628.  
  629. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  630.  
  631. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  632. </div>
  633.  
  634. <div style='float:left; width:40%; margin-left:25px'>
  635. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  636.  
  637. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  638.  
  639. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  640.  
  641. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  642.  
  643. <img src="https://goo.gl/cktPZj"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  644. </div>
  645.  
  646. <br><br>
  647. </div>
  648.  
  649. <!------------------- OLDALAK TARTALMÁNAK VÉGE ------------------>
  650.  
  651. </body>
  652. </html>
  653.  
  654. <!---------------------- 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!