API tools faq
paste
Advertisement
cyberthea

INESOURIBU - Reszponzív Blogspot klasszikus kinézet #7

cyberthea
Aug 24th, 2017
404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.42 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=Cormorant+SC|Cormorant+Upright&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éld ki a saját faviconodra -->
  20. <link href="https://goo.gl/LyP3sc" 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-color: #fafafa;
  30. font-family: 'Cormorant Upright', serif;
  31. font-size: 17px;
  32. color: #000;
  33. letter-spacing: 1px;
  34. line-height: 25px;
  35. overflow-x: hidden;
  36. oveflow-y: scroll;
  37. text-align: justify;
  38. }
  39.  
  40. a:link, a:visited {
  41. color: #000;
  42. border: 1px solid #e6e6e6;
  43. padding: 2px;
  44. text-decoration: none;
  45. -webkit-transition: all 0.5s ease-in-out;
  46. -moz-transition: all 0.5s ease-in-out;
  47. -o-transition: all 0.5s ease-in-out;
  48. -ms-transition: all 0.5s ease-in-out;
  49. transition: all 0.5s ease-in-out;
  50. }
  51.  
  52. a:hover {
  53. border: 1px solid #252525;
  54. }
  55.  
  56. b, strong {
  57. font-weight: lighter;
  58. color: #fff;
  59. background-color: #252525;
  60. padding: 1px;
  61. -webkit-transition: all 0.5s ease-in-out;
  62. -moz-transition: all 0.5s ease-in-out;
  63. -o-transition: all 0.5s ease-in-out;
  64. -ms-transition: all 0.5s ease-in-out;
  65. transition: all 0.5s ease-in-out;
  66. }
  67.  
  68. b:hover, strong:hover {
  69. color: #000;
  70. background-color: transparent;
  71. }
  72.  
  73. i, em {
  74. font-style: italic;
  75. color: #000;
  76. }
  77.  
  78. u {
  79. text-decoration: none;
  80. border-bottom: 1px solid #e6e6e6;
  81. -webkit-transition: all 0.5s ease-in-out;
  82. -moz-transition: all 0.5s ease-in-out;
  83. -o-transition: all 0.5s ease-in-out;
  84. -ms-transition: all 0.5s ease-in-out;
  85. transition: all 0.5s ease-in-out;
  86. }
  87.  
  88. u:hover {
  89. border-bottom: 1px solid #252525;
  90. }
  91.  
  92. s, strike {
  93. color: #cccccc;
  94. padding: 1px;
  95. }
  96.  
  97. blockquote {
  98. border: 1px solid #e6e6e6;
  99. margin: 1.5em 10px;
  100. padding: 0.5em 10px;
  101. -webkit-transition: all 0.5s ease-in-out;
  102. -moz-transition: all 0.5s ease-in-out;
  103. -o-transition: all 0.5s ease-in-out;
  104. -ms-transition: all 0.5s ease-in-out;
  105. transition: all 0.5s ease-in-out;
  106. }
  107.  
  108. blockquote:hover {
  109. border: 1px solid #252525;
  110. }
  111.  
  112. ::-moz-selection {
  113. background-color: #252525;
  114. color: #fff;}
  115. ::selection {
  116. background-color: #252525;
  117. color: #fff;}
  118.  
  119. ::-webkit-scrollbar {
  120. background: #fff;
  121. width: 5px;
  122. height: 5px;
  123. }
  124.  
  125. ::-webkit-scrollbar-thumb:vertical {
  126. background: #252525;
  127. }
  128.  
  129.  
  130. /* navigáció kinézete
  131. ----------------------------------------------- */
  132. .nav {
  133. width: 100%;
  134. height: 38px;
  135. margin: auto;
  136. margin-top: 30px;
  137. margin-bottom: 0px;
  138. text-align: center;
  139. }
  140.  
  141. .nav a{
  142. display: inline-block;
  143. width: 70px;
  144. height: 38px;
  145. text-align: center;
  146. font-family: arial black;
  147. font-size: 35px;
  148. letter-spacing: 2px;
  149. z-index: -222;
  150. line-height: 35px;
  151. margin-left: 10px;
  152. margin-right: 10px;
  153. margin-bottom: 10px;
  154. -webkit-transition-duration:0.5s;
  155. -moz-transition-duration:0.6s;
  156. background-attachment: fixed;
  157. background-repeat: repeat;
  158. background: #fff;
  159. border: none;
  160. }
  161.  
  162. .nav a:hover{
  163. color: #252525;
  164. height: 38px;
  165. border: none;
  166. }
  167.  
  168.  
  169. /* blog
  170. ----------------------------------------------- */
  171. .blog-body {
  172. width: 70%;
  173. padding: 10px;
  174. background-color: #fff;
  175. margin-top: 38px;
  176. color: #000;
  177. }
  178.  
  179. .article {
  180. padding: 1%;
  181. width: 65%;
  182. float: right;
  183. text-align: justify;
  184. color: #000;
  185. }
  186.  
  187. .post-title {
  188. color: #fff;
  189. background-color: #252525;
  190. padding: 2px;
  191. font-size: 25px;
  192. font-family: 'Cormorant SC', serif;
  193. margin-bottom: 20px;
  194. text-align: center;
  195. font-weight: 100;
  196. }
  197.  
  198. .post-title a {
  199. color: #fff;
  200. border: none;
  201. }
  202.  
  203. .h4 {
  204. font-family: 'Cormorant Upright', serif;
  205. color: #000;
  206. font-size: 14px;
  207. }
  208.  
  209. .info {
  210. width: 80%;
  211. padding: 2px;
  212. border: 1px solid #e6e6e6;
  213. z-index: 100;
  214. text-align: justify;
  215. margin-top: -10px;
  216. margin-bottom: 10px;
  217. }
  218.  
  219. .blog-entry {
  220. font-family: 'Cormorant Upright', serif;
  221. font-size: 17px;
  222. color: #444444;
  223. letter-spacing: 1px;
  224. line-height: 25px;
  225. margin-top: 5px;
  226. }
  227.  
  228. .blog-entry img {
  229. max-width: 100%;
  230. padding: 5px;
  231. border: none;
  232. }
  233.  
  234. .blogger-labels {
  235. font-size: 0px;
  236. margin-top: 10px;
  237. }
  238.  
  239. .blogger-labels a {
  240. font-family: 'Cormorant SC', serif;
  241. color: #000;
  242. font-size: 13px;
  243. font-weight: 100;
  244. text-transform: uppercase;
  245. padding: 3px;
  246. margin-right: 5px;
  247. text-decoration: none!important;
  248. }
  249.  
  250. .blogger-labels a:before {
  251. font-family: FontAwesome;
  252. font-size: 11px;
  253. color: #000;
  254. content: '\f02b';
  255. margin-right: 3px;
  256. }
  257.  
  258. #meow {
  259. background: #fff;
  260. bottom: 10px;
  261. right: 10px;
  262. position: fixed;
  263. padding: 2px;
  264. letter-spacing: 1px;
  265. font-size: 15px;
  266. border-radius: 0px;
  267. }
  268.  
  269. /* fejléc
  270. ----------------------------------------------- */
  271. .head {
  272. position: absolute;
  273. margin: auto;
  274. width: 100%;
  275. height: 50px;
  276. margin-top: 30px;
  277. margin-right: 0px;
  278. z-index: 9999999999;
  279. }
  280.  
  281. .box {
  282. left: 0px;
  283. top: 0px;
  284. width: 100%;
  285. height: 170px;
  286. margin-top: -10px;
  287. z-index: 1;
  288. text-align: center;
  289. background-color: #fafafa;
  290. background-repeat: repeat;
  291. background-image:url('');
  292. background-position: top;
  293. border-bottom: 3px solid #252525;
  294. margin-bottom: 50px;
  295. }
  296.  
  297. .title {
  298. font-family: arial black;
  299. font-size: 68px;
  300. text-transform: uppercase;
  301. background:;
  302. letter-spacing: 3px;
  303. line-height: 100%;
  304. width: 800px;
  305. padding:10px 10px 10px 15px;
  306. color: #252525;
  307. text-align:center;
  308. margin: auto;
  309. margin-bottom:5px;
  310. margin-top: 0px;
  311. z-index: 3;
  312. }
  313.  
  314. .description {
  315. position: overflow;
  316. font-family: 'Cormorant SC', serif;
  317. font-size: 15px;
  318. width: 35%;
  319. height: 10px;
  320. color: #fff;
  321. background-color: #252525;
  322. letter-spacing: 6px;
  323. line-height: 100%;
  324. font-style: normal;
  325. text-transform: uppercase;
  326. text-align: justify;
  327. padding: 10px 15px 15px 15px;
  328. text-align:center;
  329. margin:auto ;
  330. margin-bottom:3px;
  331. margin-top: 5px;
  332. z-index: 3;
  333. overflow: hidden;
  334. }
  335.  
  336.  
  337. /* oldalsáv
  338. ----------------------------------------------- */
  339. .sidebar {
  340. padding: 2%;
  341. width: 29%;
  342. float: left;
  343. text-align: justify;
  344. margin-top: -25px;
  345. margin-bottom: -20px;
  346. }
  347.  
  348. h2 {
  349. color: #fff;
  350. background-color: #252525;
  351. padding: 2px;
  352. font-size: 20px;
  353. font-family: 'Cormorant SC', serif;
  354. margin-bottom: 10px;
  355. text-align: center;
  356. font-weight: 100;
  357. }
  358.  
  359. .labels a:link, .labels a:visited {
  360. color: #000;
  361. font-size: 14px;
  362. font-family: 'Cormorant Garamond', serif;
  363. font-style: italic;
  364. line-height: 30px;
  365. padding: 5px;
  366. border: 1px solid #e6e6e6;
  367. -webkit-transition: all 0.5s ease-in-out;
  368. -moz-transition: all 0.5s ease-in-out;
  369. -o-transition: all 0.5s ease-in-out;
  370. -ms-transition: all 0.5s ease-in-out;
  371. transition: all 0.5s ease-in-out;
  372. }
  373.  
  374. .labels a:hover, .labels a:active {
  375. border: 1px solid #252525;
  376. }
  377.  
  378. a.affies {
  379. color: #000;
  380. font-size: 14px;
  381. font-family: 'Cormorant Garamond', serif;
  382. font-style: italic;
  383. letter-spacing: 2px;
  384. margin-left: 2px;
  385. margin-bottom: 6px;
  386. text-align: center;
  387. width: 42%;
  388. padding: 0px;
  389. border: 1px solid #e6e6e6;
  390. display: inline-block;
  391. -moz-transition-duration: 1s;-
  392. webkit-transition-duration: 1s;
  393. }
  394.  
  395. a.affies:hover {
  396. border: 1px solid #252525;
  397. background-color: transparent;
  398. -webkit-transition: all 0.5s ease-in-out;
  399. -moz-transition: all 0.5s ease-in-out;
  400. -o-transition: all 0.5s ease-in-out;
  401. -ms-transition: all 0.5s ease-in-out;
  402. transition: all 0.5s ease-in-out;
  403. }
  404.  
  405.  
  406. /* mobil kinézet
  407. ----------------------------------------------- */
  408. @media only screen and (max-width: 800px) {
  409. .nav a{
  410. font-size: 90%;
  411. width: 12%;
  412. }
  413.  
  414. .label a{
  415. width: 90%;
  416. }
  417.  
  418. }
  419.  
  420. @media only screen and (max-width: 500px) {
  421.  
  422. .box {
  423. left: 0px;
  424. top: 0px;
  425. width: 100%;
  426. height: 170px;
  427. margin-top: -10px;
  428. z-index: 1;
  429. text-align: center;
  430. background-color: #fafafa;
  431. background-repeat: repeat;
  432. background-image:url('');
  433. background-position: top;
  434. margin-bottom: 50px;
  435. border: none;
  436. }
  437.  
  438. .title {
  439. font-size: 30px;
  440. text-transform: uppercase;
  441. background:;
  442. letter-spacing: 3px;
  443. width: 100%;
  444. padding:10px 10px 10px 15px;
  445. color: #252525;
  446. text-align:center;
  447. margin: auto;
  448. margin-bottom:5px;
  449. margin-top: 0px;
  450. z-index: 3;
  451. }
  452.  
  453. .description {
  454. position: overflow;
  455. font-family: 'Cormorant SC', serif;
  456. font-size: 12px;
  457. width: 90%;
  458. height: 10px;
  459. color: #fff;
  460. background-color: #252525;
  461. letter-spacing: 6px;
  462. line-height: 100%;
  463. font-style: normal;
  464. text-transform: uppercase;
  465. text-align: justify;
  466. padding: 10px 15px 15px 15px;
  467. text-align:center;
  468. margin: 5px;
  469. z-index: 3;
  470. overflow: hidden;
  471. }
  472.  
  473. .nav{
  474. margin-bottom: 80px;
  475. }
  476.  
  477. .nav a{
  478. width: 40%;
  479. font-size: 100%;
  480. display: inline-block;
  481. background: #fff;
  482. }
  483.  
  484. .blog-body {
  485. width: 100%;
  486. backround: transparent;
  487. shadow: none;
  488. border: none;
  489. padding: 0px;
  490. margin-top: 15px;
  491. margin-left: 0px;
  492. }
  493.  
  494. .article {
  495. width: 95%;
  496. }
  497.  
  498. .blog-entry img {
  499. width: 95%;
  500. height: auto;
  501. align: center;
  502. }
  503.  
  504. .sidebar {
  505. width: 95%;
  506. }
  507.  
  508. }
  509. </style> <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  510.  
  511. <br>
  512. </head><body>
  513.  
  514. <!--- ez itt a fejléc, írd át az INESOURIBU szöveget a blogod címére - a többihez ne nyúlj ---!>
  515. <div class="box">
  516. <div class="head">
  517. <div class="title">
  518. <div style="font-color: #252525;" > INESOURIBU </div>
  519. </div>
  520. <br>
  521.  
  522. <!--- ez itt a leírás, írd át a „vihető blogspot téma” szöveget a blogod címére - a többihez ne nyúlj ---!>
  523. <div class="description">
  524. vihető blogspot téma
  525. </div>
  526.  
  527. <!--- menü - a menüpontok neveit (a számokat és + jelet) és a title=" " között lévő szöveget kedvedre módosíthatod ---!>
  528. <div class="nav">
  529. <a onClick="document.getElementById('main').innerHTML=document.getElementById('home').innerHTML" title="blog"> 1</a>
  530. <a onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML"
  531. title="én"> 2</a>
  532. <a onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML"
  533. title="infók"> 3</a>
  534. <a href="http://www.blogger.com/follow-blog.g?blogID=<$blogid$>" title="kövess"> +</a>
  535. </div>
  536.  
  537. <center>
  538. <div class="blog-body">
  539.  
  540. <!--- bejegyzések - ehhez itt ne nyúlj ---!>
  541. <div id="meow">
  542. <a href="http://themesbythea.blogspot.hu/" target="_blank">★</a>
  543. </div>
  544. <div id="main" class="article">
  545. <blogger>
  546. <div class="post-title">
  547. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  548. <center><div class="info">
  549. <div class="h4"><center><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a>
  550. </center></div>
  551. </div></center>
  552. <div class="blog-entry">
  553. <$BlogItemBody$>
  554. </div><br>
  555. </blogger>
  556.  
  557. <span style="float:right;font-family: arial black; font-size: 40px;"><Olderposts><a style="border: none;" href=<$OlderPosts$> target="_self"> »</a></a> </OlderPosts></span>
  558. <span style="float:rleft;font-family: arial black; font-size: 40px;"><newerposts><a style="border: none;" href=<$NewerPosts$> target="_self"> « </a></NewerPosts></span>
  559. </div>
  560.  
  561.  
  562. <!-- oldalsáv -->
  563. <div class="sidebar">
  564.  
  565. <!-- első modul -->
  566. <h2> Hi my name is... </h2>
  567. <img src="https://2.bp.blogspot.com/-mkjHD7UXftw/WZmKAB7DZxI/AAAAAAAACR4/GjOR5iJ9n6MLPVudKJuBB0C75MQkH_RAQCLcBGAs/s1600/001.gif" width="100%">
  568. Az oldalad leírásának helye. Példának okáét jöhet ide 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>
  569. <br><center> <b>félkövér,</b> <i>dőlt,</i> <u>aláhúzott,</u> <s>áthúzott</s>
  570. <br><br>
  571. <a href="">link1</a> <a href="">link2</a> <a href="">link3</a> </center>
  572. <br>
  573.  
  574. <!-- második modul -->
  575. <h2> Stay with me tonight </h2>
  576.  
  577. <center>
  578. <div class="labels">
  579. <a href="/search/label/IDE JÖN A CÍMKE NEVE">személyes</a>
  580. <a href="/search/label/IDE JÖN A CÍMKE NEVE">haul</a>
  581. <a href="/search/label/IDE JÖN A CÍMKE NEVE">diy</a>
  582. <a href="/search/label/IDE JÖN A CÍMKE NEVE">vélemény</a>
  583. <a href="/search/label/IDE JÖN A CÍMKE NEVE">kihívás</a>
  584. <a href="/search/label/IDE JÖN A CÍMKE NEVE">interjú</a>
  585. <a href="/search/label/IDE JÖN A CÍMKE NEVE">ajánló</a>
  586. <a href="/search/label/IDE JÖN A CÍMKE NEVE">tag</a>
  587. <a href="/search/label/IDE JÖN A CÍMKE NEVE">nyereményjáték</a>
  588. <a href="/search/label/IDE JÖN A CÍMKE NEVE">tippek</a>
  589. </div>
  590. </center>
  591.  
  592. <!-- harmadik modul -->
  593. <h2> Baby's on fire </h2>
  594. Ezek itt a cserék. Rakd ki ide azokat az oldalakat, amiket szívesen látogatsz, 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.
  595.  
  596. <br><br><center>
  597. <a class="affies" href="IDE JÖN A LINK">Gizella</a>
  598. <a class="affies" href="IDE JÖN A LINK">István</a>
  599. <a class="affies" href="IDE JÖN A LINK">József</a>
  600. <a class="affies" href="IDE JÖN A LINK">Erzsébet</a>
  601. <a class="affies" href="IDE JÖN A LINK">Magdolna</a>
  602. <a class="affies" href="IDE JÖN A LINK">Béla</a>
  603. <a class="affies" href="IDE JÖN A LINK">Mária</a>
  604. <a class="affies" href="IDE JÖN A LINK">Géza</a>
  605. </center>
  606.  
  607. <!-- negyedik modul -->
  608. <h2> Yo motherfucker so what. </h2>
  609. <blockquote>Been rapping for 20 fucking years.
  610. A whole lot of fucking blood sweat and tears.
  611. Who cares they don't give a fuck.
  612. On the mic I'm taking no prisoners.</blockquote>
  613.  
  614. <center><b> Szerkesztő: </b> neved helye <br>
  615. <b>Nyitás:</b> dátum <br>
  616. <b>Zárás:</b> soha <br>
  617. <b>Téma:</b> blogod témája <br>
  618. <b>URL:</b> minta.blogspot.hu <br>
  619. <b>Cím:</b> blogod címe
  620. </center>
  621.  
  622. <!-- ötödik modul -->
  623. <!-- kedvedre átírhatod a "múlt ▲▼▲▼", a "mostanában" és a "havonta" szavakat, a többihez ne nyúlj -->
  624. <h2> We have candy </h2>
  625. <center>
  626. <form name="jump" id="jump">
  627. <select name="menu" onchange="location=document.jump.menu.options
  628. [document.jump.menu.selectedIndex].value;" value="GO" style="font-family: 'Cormorant Upright', serif; font-size: 15px; text-transform: lowercase; color: #252525; width: 100%; border: 1px solid #DDDDDD; background-color: #FFFFFF; padding: 1px;">
  629. <option selected="selected">a múlt ▲▼▲▼</option>
  630. <optgroup label="mostanában" style="font:bold 14px Cormorant Upright;">
  631. <BloggerPreviousItems>
  632. <option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
  633. </BloggerPreviousItems>
  634. <optgroup label="havonta" style="font:bold 14px Cormorant Upright;">
  635. <BloggerArchives>
  636. <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
  637. </BloggerArchives>
  638. </select></form></center>
  639.  
  640. <!-- hatodik modul -->
  641. <h2> Dance Wif Da Devil </h2>
  642. A kinézetet <a href="http://themesbythea.blogspot.hu/">Thea</a> készítette. Az inspirációért köszönet illeti <a href="http://wanaseoby.com/">Wanát.</a> ♡
  643.  
  644. <br><br>
  645. </div>
  646. <div style="clear:both"></div>
  647. <div style="clear:both"></div>
  648.  
  649. </div></div>
  650.  
  651. <!------- OLDALAK TARTALMA ------->
  652. <!------------------- OLDAL: KEZDŐLAP (1) - ehhez itt ne nyúlj! ------------------>
  653. <div id="home" style="display: none;">
  654. <blogger>
  655. <div class="post-title">
  656. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  657. <center><div class="info">
  658. <div class="h4"><center><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a>
  659. </center></div>
  660. </div></center>
  661. <div class="blog-entry">
  662. <$BlogItemBody$>
  663. </div><br>
  664. </blogger>
  665.  
  666. <span style="float:right;font-family: arial black; font-size: 40px;"><Olderposts><a style="border: none;" href=<$OlderPosts$> target="_self"> »</a></a> </OlderPosts></span>
  667. <span style="float:rleft;font-family: arial black; font-size: 40px;"><newerposts><a style="border: none;" href=<$NewerPosts$> target="_self"> « </a></NewerPosts></span>
  668. </div>
  669.  
  670.  
  671. <!------------------- OLDAL: 2 ------------------>
  672. <div id="about" style="display: none;">
  673. <div class="post-title"> Now I'm a motherfucking rich bitch </div>
  674. Töltsd ki ezt az ürességet itt egy frappáns bemutatkozóval. Alapadataid, mióta blogolsz, miket szeretsz, miket utálsz, stb. Írhatsz összefüggő mondatokat, de akár pontokba is szedheted bemutatkozódat.<br>
  675. <div align="left">
  676. <p><img align="left" src="https://goo.gl/DvpHAJ" width="40%">
  677. ◦ becses nevem ... de szólíts csak ...<br>
  678. ◦ ... éves vagyok<br>
  679. ◦ szeretem ...<br>
  680. ◦ utálom ...<br>
  681. ◦ kedvenc ...<br>
  682. ◦ álmaim ...<br>
  683. ◦ szeretnék eljutni ...<br>
  684. ◦ megtalálhatsz itt és itt is ...<br>
  685. </p>
  686.  
  687. <!------------------- OLDAL: 3 ------------------>
  688. <div id="stuff" style="display: none;">
  689. <div class="post-title"> extra menüpont </div>
  690. Írj ide, amit csak akarsz. Példának okáért itt egy linklista, de ha szeretnéd, lecserélheted másra.
  691. <br><br>
  692. <div style='float:left; width:40%'>
  693. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  694.  
  695. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  696.  
  697. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  698.  
  699. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  700.  
  701. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  702. </div>
  703.  
  704. <div style='float:left; width:40%; margin-left:50px'>
  705. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  706.  
  707. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  708.  
  709. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  710.  
  711. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  712.  
  713. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  714. </div>
  715. <br><br>
  716. </div>
  717.  
  718. <!------------------- OLDALAK TARTALMÁNAK VÉGE ------------------>
  719.  
  720. </body>
  721. </html>
  722.  
  723. <!---------------------- 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!