API tools faq
paste
Advertisement
cyberthea

MUST BE AUTUMN - Reszponzív Blogspot klasszikus kinézet #6

cyberthea
Aug 19th, 2017
398
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.85 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+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i|Parisienne&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/kCmgkr" 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: #f5f0e9;
  30. font-family: 'Cormorant Garamond', serif;
  31. font-size: 16px;
  32. color: #796773;
  33. letter-spacing: 1px;
  34. overflow-x: hidden;
  35. oveflow-y: scroll;
  36. text-align: justify;
  37. }
  38.  
  39. a:link, a:visited {
  40. color: #796773;
  41. font-style: italic;
  42. text-decoration: none;
  43. text-shadow: 0px 0px 15px #ccc;
  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: #ebd0ab;
  53. }
  54.  
  55. b, strong {
  56. color: #796773;
  57. text-shadow: 0px 0px 15px #ccc;
  58. }
  59.  
  60. i, em {
  61. font-style: italic;
  62. color: #796773;
  63. }
  64.  
  65. u {
  66. text-decoration: none;
  67. border-bottom: 1px solid #796773;
  68. -webkit-transition: 0.5s;
  69. }
  70.  
  71. u:hover {
  72. border-bottom: 1px solid transparent;
  73. }
  74.  
  75. s, strike {
  76. color: #cccccc;
  77. padding: 1px;
  78. }
  79.  
  80. blockquote {
  81. font-style: italic;
  82. background: transparent;
  83. border-left: 4px solid #796773;
  84. margin: 1.5em 10px;
  85. padding: 0.5em 10px;
  86. }
  87.  
  88. blockquote p {
  89. display: inline;
  90. }
  91.  
  92. ::-moz-selection {
  93. color: #ebd0ab; }
  94. ::selection {
  95. color: #ebd0ab; }
  96.  
  97. ::-webkit-scrollbar {
  98. background: #f5f0e9;
  99. width: 5px;
  100. height: 5px;
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb:vertical {
  104. background: #796773;
  105. }
  106.  
  107.  
  108. /* navigáció kinézete
  109. ----------------------------------------------- */
  110. .nav{
  111. text-align: center;
  112. width: 100%
  113. }
  114.  
  115. a.nav-autumn{
  116. margin-bottom: 15px;
  117. font-family: 'Parisienne', cursive;
  118. font-size: 20px;
  119. background: transparent;
  120. padding: 5px;
  121. color: #796773;
  122. text-shadow: 0px 0px 15px #ccc;
  123. width: 8%;
  124. display: inline-block;
  125. text-align: center;
  126. -webkit-transition: all 0.5s ease-in-out;
  127. -moz-transition: all 0.5s ease-in-out;
  128. -o-transition: all 0.5s ease-in-out;
  129. -ms-transition: all 0.5s ease-in-out;
  130. transition: all 0.5s ease-in-out;
  131. }
  132.  
  133. a.nav-autumn:hover {
  134. color: #ebd0ab;
  135. }
  136.  
  137.  
  138. /* blog
  139. ----------------------------------------------- */
  140. .blog-body {
  141. width: 90%;
  142. padding: 10px;
  143. background-color: #fffdf9;
  144. margin-top: 40px;
  145. color: #796773;
  146. box-shadow: 0px 0px 20px #ccc;
  147. }
  148.  
  149. .article {
  150. padding: 1%;
  151. width: 65%;
  152. float: right;
  153. text-align: justify;
  154. color: #796773;
  155. box-shadow: 0px 0px 10px #ccc;
  156. }
  157.  
  158. .post-title {
  159. color: #796773;
  160. font-size: 20px!important;
  161. font-family: 'Cormorant Garamond', serif;
  162. margin-bottom: 15px;
  163. font-weight: 100;
  164. background: #f5f0e9;
  165. text-shadow: 0px 0px 15px #ccc;
  166. font-size: 18px;
  167. font-style: italic;
  168. text-transform: lowercase;
  169. letter-spacing: 1px;
  170. text-align: left;
  171. width: 100%;
  172. padding: 3px;
  173. margin-bottom: 3px;
  174. -webkit-transition: .5s;
  175. }
  176.  
  177. .post-title:hover {
  178. background: #efebe5;
  179. text-align: right;
  180. color: #fff;
  181. text-shadow: 0px 0px 15px #ccc;
  182. }
  183.  
  184. .post-title a:hover {
  185. color: #fff;
  186. text-shadow: 0px 0px 15px #ccc;
  187. }
  188.  
  189. .h4 {
  190. font-family: 'Cormorant Garamond', serif;
  191. color: #ebd0ab;
  192. font-weight: bold;
  193. font-size: 16px;
  194. text-shadow: 0px 0px 15px #ccc;
  195. }
  196.  
  197. .info {
  198. width: 100%;
  199. padding: 0px;
  200. background-color: transparent;
  201. z-index: 100;
  202. text-align: right;
  203. margin-bottom: 10px;
  204. }
  205.  
  206. .blog-entry {
  207. font-family: 'Cormorant Garamond', serif;
  208. font-size: 16px;
  209. color: #796773;
  210. letter-spacing: 1px;
  211. margin-top: 5px;
  212. line-height: 23px;
  213. }
  214.  
  215. .blog-entry img {
  216. max-width: 99%;
  217. padding: 5px;
  218. box-shadow: 0px 0px 10px #ccc;
  219. margin-bottom: 5px;
  220. }
  221.  
  222. .blogger-labels {
  223. font-size: 0px;
  224. margin-top: 10px;
  225. }
  226.  
  227. .blogger-labels a {
  228. font-family: 'Cormorant Garamond', serif;
  229. color: #ebd0ab;
  230. font-size: 14px;
  231. font-weight: bold;
  232. text-transform: uppercase;
  233. padding: 3px;
  234. margin-right: 5px;
  235. text-decoration: none!important;
  236. }
  237.  
  238. .blogger-labels a:before {
  239. font-family: FontAwesome;
  240. font-size: 14px;
  241. color: #ebd0ab;
  242. content: '\f02b';
  243. margin-right: 5px;
  244. }
  245.  
  246. #meow {
  247. background: #fffdf9;
  248. bottom: 10px;
  249. right: 10px;
  250. position: fixed;
  251. padding: 3px;
  252. letter-spacing: 1px;
  253. font-size: 15px;
  254. border-radius: 0px;
  255. -moz-box-shadow: 3px 3px #796773;
  256. -webkit-box-shadow: 3px 3px #796773;
  257. box-shadow: 3px 3px #796773;
  258. opacity:0.9;
  259. }
  260.  
  261. #meow a {
  262. font-style: normal;
  263. }
  264.  
  265. /* fejléc
  266. ----------------------------------------------- */
  267. .header {
  268. background-color: #fbf8f3;
  269. top: 0px;
  270. left: 0px;
  271. margin-top: -76px;
  272. margin-left: -8px;
  273. padding-right: 16px;
  274. width: 100%;
  275. height: 280px;
  276. box-shadow: 0px 0px 20px #ccc;
  277. }
  278.  
  279. .name {
  280. font-size: 60px;
  281. margin-top: 30px;
  282. margin-bottom: 60px;
  283. text-align: center;
  284. letter-spacing: 0px;
  285. font-family: 'Parisienne', cursive;
  286. color: #ebd0ab;
  287. text-shadow: 0px 0px 15px #ccc;
  288. }
  289.  
  290. .subtitle {
  291. font-size: 25px;
  292. margin-top: -60px;
  293. margin-bottom: 30px;
  294. text-align: center;
  295. font-family: 'Cormorant Garamond', serif;
  296. color: #ebd0ab;
  297. font-weight: 300;
  298. font-style: italic;
  299. text-shadow: 0px 0px 20px #ccc;
  300. }
  301.  
  302. /* oldalsáv
  303. ----------------------------------------------- */
  304. .sidebar {
  305. padding: 2%;
  306. width: 28%;
  307. float: left;
  308. text-align: justify;
  309. color: #796773;
  310. line-height: 23px;
  311. }
  312.  
  313. .modul {
  314. background: #f5f0e9;
  315. font-family: 'Cormorant Garamond', serif;
  316. color: #796773;
  317. text-shadow: 0px 0px 15px #ccc;
  318. font-size: 18px;
  319. font-style: italic;
  320. text-transform: lowercase;
  321. letter-spacing: 1px;
  322. text-align: left;
  323. width: 100%;
  324. padding: 5px;
  325. margin-bottom: 3px;
  326. -webkit-transition: .5s;
  327. }
  328.  
  329. .modul:hover {
  330. background: #efebe5;
  331. color: #fff;
  332. text-align: right;
  333. }
  334.  
  335. .labels a:link, .labels a:visited {
  336. background-color: #f5f0e9;
  337. color: #796773;
  338. font-size: 14px;
  339. font-family: 'Cormorant Garamond', serif;
  340. font-style: italic;
  341. line-height: 30px;
  342. text-shadow: 0px 0px 15px #ccc;
  343. padding: 4px;
  344. transition: all .5s ease-in-out;
  345. -o-transition: all .5s ease-in-out;
  346. -webkit-transition: all .5s ease-in-out;
  347. -moz-transition: all .5s ease-in-out;
  348. }
  349.  
  350. .labels a:hover, .labels a:active {
  351. color: #fff;
  352. background-color: #efebe5;
  353. }
  354.  
  355. a.affies {
  356. background-color: #f5f0e9;
  357. color: #796773;
  358. text-shadow: 0px 0px 15px #ccc;
  359. font-size: 14px;
  360. letter-spacing: 1px;
  361. margin-left: 2px;
  362. margin-bottom: 6px;
  363. text-align: center;
  364. width: 42%;
  365. padding: 6px;
  366. display: inline-block;
  367. filter: alpha(opacity = 80);
  368. opacity:.8;
  369. -moz-transition-duration: 1s;-
  370. webkit-transition-duration: 1s;
  371. }
  372.  
  373. a.affies:hover {
  374. color: #fff;
  375. background-color: #efebe5;
  376. -webkit-transition: all 0.5s ease-in-out;
  377. -moz-transition: all 0.5s ease-in-out;
  378. -o-transition: all 0.5s ease-in-out;
  379. -ms-transition: all 0.5s ease-in-out;
  380. transition: all 0.5s ease-in-out;
  381. }
  382.  
  383. /* mobil kinézet
  384. ----------------------------------------------- */
  385. @media only screen and (max-width: 800px) {
  386. a.nav-autumn {
  387. font-size: 90%;
  388. width: 12%;
  389. }
  390.  
  391. .label a{
  392. width: 90%;
  393. }
  394.  
  395. }
  396.  
  397. @media only screen and (max-width: 500px) {
  398.  
  399. .nav{
  400. margin-bottom: 30px;
  401. }
  402.  
  403. a.nav-autumn{
  404. width: 95%;
  405. font-size: 100%;
  406. display: block;
  407. background-color: #fbf8f3;
  408. box-shadow: 3px 3px 3px #ccc;
  409. margin-left: 10px;
  410. }
  411.  
  412. .post-title {
  413. margin-right: 5px;
  414. }
  415.  
  416. .blog-body {
  417. width: 95%;
  418. backround: transparent;
  419. shadow: none;
  420. border: none;
  421. margin-top: 15px;
  422. padding-left: 6px;
  423. margin-left: 6px;
  424. }
  425.  
  426. .article {
  427. width: 95%;
  428. box-shadow: none;
  429. }
  430.  
  431. .blog-entry img {
  432. width: 100%;
  433. height: auto;
  434. align: center;
  435. }
  436.  
  437. .sidebar {
  438. width: 95%;
  439. border-left: none
  440. }
  441.  
  442. }
  443.  
  444. </style> <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  445.  
  446. <br>
  447. </head><body>
  448.  
  449. <!--- ez itt a fejléc, az alábbi kódban csak az oldalon is megjelenő szövegeket írhatod át! ---!>
  450. <div class="header">
  451. <br><br>
  452. <div class="name"><span style="color: #796773;">Must be</span> autumn</div>
  453. <div class="subtitle">breathe in the <span style="color: #796773;">autumn air</span> <font style="font-style: normal;">🎃</font> </div>
  454.  
  455. <!--- menü - a menüpontok neveit kedvedre módosíthatod ---!>
  456. <div class="nav"><center>
  457. <center><a class="nav-autumn" onClick="document.getElementById('main').innerHTML=document.getElementById('home').innerHTML" title=""> blog </a>
  458. <a class="nav-autumn" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=""> rólam </a>
  459. <a class="nav-autumn" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title=""> extrák </a>
  460. <a class="nav-autumn" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff2').innerHTML" title=""> archívum </a>
  461. <a class="nav-autumn" href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" title=""> kövess </a></center>
  462. </div>
  463.  
  464. <center>
  465. <div class="blog-body">
  466.  
  467. <!--- bejegyzések - ehhez itt ne nyúlj ---!>
  468. <div id="meow">
  469. <a href="http://themesbythea.blogspot.hu/" target="_blank">★</a>
  470. </div>
  471. <div id="main" class="article">
  472. <blogger>
  473. <div class="post-title">
  474. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  475. <center><div class="info">
  476. <div class="h4"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a></div>
  477. </div></center>
  478. <div class="blog-entry">
  479. <$BlogItemBody$>
  480. </div><br>
  481. </blogger>
  482.  
  483. <span style="float:right;"><Olderposts><a href=<$OlderPosts$> target="_self"> VISSZA <span class="fa fa-chevron-right"></span></a></a> </OlderPosts></span>
  484. <span style="float:rleft;"><newerposts><a href=<$NewerPosts$> target="_self"> <span class="fa fa-chevron-left"></span> ELŐRE </a></NewerPosts></span>
  485. </div>
  486.  
  487.  
  488. <!-- oldalsáv -->
  489. <div class="sidebar">
  490.  
  491. <!-- lenyíló modulok -->
  492. <div class="modul">
  493. Welcome to my reality</div>
  494. <span style="display: none; margin-top: 5px; margin-bottom: 5px; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #796773;" style=&{head};>
  495.  
  496. <img src="https://3.bp.blogspot.com/-7y0f4cug1rk/WX7W9RUdhzI/AAAAAAAACBY/14vNh9R8JOQziWdpe5JVGX34DD64P1OAQCLcBGAs/s1600/000.png" width="103%">
  497. 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>
  498. <center> <b>félkövér,</b> <i>dőlt,</i> <u>aláhúzott,</u> <s>áthúzott</s> <br>
  499.  
  500. <a href="LINK HELYE">link1</a> | <a href="LINK HELYE">link2</a> | <a href="LINK HELYE">link3</a>
  501. </center>
  502.  
  503. </span>
  504.  
  505. <div class="modul">
  506. Help you to look around</div>
  507. <span style="display: none; margin-top: 5px; margin-bottom: 5px; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #796773;" style=&{head};>
  508.  
  509. <div class="labels">
  510. <a href="/search/label/IDE JÖN A CÍMKE NEVE">személyes</a>
  511. <a href="/search/label/IDE JÖN A CÍMKE NEVE">haul</a>
  512. <a href="/search/label/IDE JÖN A CÍMKE NEVE">diy</a>
  513. <a href="/search/label/IDE JÖN A CÍMKE NEVE">vélemény</a>
  514. <a href="/search/label/IDE JÖN A CÍMKE NEVE">kihívás</a>
  515. <a href="/search/label/IDE JÖN A CÍMKE NEVE">interjú</a>
  516. <a href="/search/label/IDE JÖN A CÍMKE NEVE">ajánló</a>
  517. <a href="/search/label/IDE JÖN A CÍMKE NEVE">tag</a>
  518. <a href="/search/label/IDE JÖN A CÍMKE NEVE">nyereményjáték</a>
  519. <a href="/search/label/IDE JÖN A CÍMKE NEVE">tippek</a>
  520. </div>
  521.  
  522. </span>
  523.  
  524. <div class="modul">
  525. Autumn's wishes</div>
  526. <span style="display: none; margin-top: 5px; margin-bottom: 5px; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #796773;" style=&{head};>
  527.  
  528. ☑ step on crunchy leaves 🍂 <br>
  529. ☐ eat something pumpkin-flavored 🎃 <br>
  530. ☐ snuggle under blankets <br>
  531. ☑ get out warm clothes 👢 <br>
  532. ☐ watch the trees change colors <br>
  533. ☐ spot a ghost for Halloween 👻 <br>
  534.  
  535. </span>
  536.  
  537. <div class="modul">
  538. All about my blog</div>
  539. <span style="display: none; margin-top: 5px; margin-bottom: 5px; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #796773;" style=&{head};>
  540.  
  541. <b> szerkesztő: </b> neved helye <br>
  542. <b> nyitás: </b> dátum <br>
  543. <b> zárás: </b> soha <br>
  544. <b> téma: </b> blogod témája <br>
  545. <b> url: </b> minta.blogspot.hu <br>
  546. <b> cím: </b> blogod címe
  547.  
  548. </span>
  549.  
  550. <div class="modul">
  551. My virtual friends</div>
  552. <span style="display: none; margin-top: 5px; margin-bottom: 5px; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #796773;" style=&{head};>
  553.  
  554. Ezek itt a cserék. Rakd ki ide azokat az oldalakat, 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.
  555.  
  556. <br><br><center>
  557. <a class="affies" href="IDE JÖN A LINK">Gizi</a>
  558. <a class="affies" href="IDE JÖN A LINK">Pista</a>
  559. <a class="affies" href="IDE JÖN A LINK">Józsi</a>
  560. <a class="affies" href="IDE JÖN A LINK">Erzsi</a>
  561. <a class="affies" href="IDE JÖN A LINK">Magdi</a>
  562. <a class="affies" href="IDE JÖN A LINK">Béla</a>
  563. <a class="affies" href="IDE JÖN A LINK">Mari</a>
  564. <a class="affies" href="IDE JÖN A LINK">Géza</a>
  565. </center>
  566.  
  567. </span>
  568.  
  569. <div class="modul">
  570. Million thanks</div>
  571. <span style="display: none; margin-top: 5px; margin-bottom: 5px; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #796773;" style=&{head};>
  572.  
  573. A kinézetet <a href="http://themesbythea.blogspot.hu">Thea</a> készítette. További kódokért és inspirációért köszönet: <a href="http://wanaseoby.com">1,</a> <a href="http://starved-soul.deviantart.com">2,</a> <a href="http://kawaiiblogdesign.blogspot.hu">3,</a> <a href="http://illicitly.blogspot.hu">4</a>
  574.  
  575. </span>
  576.  
  577. </div>
  578. <div style="clear:both"></div>
  579. <div style="clear:both"></div>
  580.  
  581. </div></div>
  582.  
  583. <!------- OLDALAK TARTALMA ------->
  584. <!------------------- OLDAL: KEZDŐLAP (BLOG) - ehhez itt ne nyúlj! ------------------>
  585. <div id="home" style="display: none;">
  586. <blogger>
  587. <div class="post-title">
  588. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  589. <center><div class="info">
  590. <div class="h4"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a>
  591. </div>
  592. </div></center>
  593. <div class="blog-entry">
  594. <$BlogItemBody$>
  595. </div><br>
  596. </blogger>
  597.  
  598. <span style="float:right;"><Olderposts><a href=<$OlderPosts$> target="_self"> VISSZA <span class="fa fa-chevron-right"></span></a></a> </OlderPosts></span>
  599. <span style="float:rleft;"><Newerposts><a href=<$NewerPosts$> target="_self"> <span class="fa fa-chevron-left"></span> ELŐRE </a></NewerPosts></span>
  600. </div>
  601.  
  602. <!------------------- OLDAL: RÓLAM ------------------>
  603. <div id="about" style="display: none;">
  604. <div class="post-title"> who's that girl behind the screen? </div>
  605. 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>
  606. <div align="left">
  607. <p><img align="left" src="https://goo.gl/KNpNnM" width="40%">
  608. ◦ becses nevem ... de szólíts csak ...<br>
  609. ◦ ... éves vagyok<br>
  610. ◦ szeretem ...<br>
  611. ◦ utálom ...<br>
  612. ◦ kedvenc ...<br>
  613. ◦ álmaim ...<br>
  614. ◦ szeretnék eljutni ...<br>
  615. ◦ megtalálhatsz itt és itt is ...<br>
  616. </p>
  617.  
  618. <!------------------- OLDAL: EXTRÁK ------------------>
  619. <div id="stuff" style="display: none;">
  620. <div class="post-title"> extra menüpont </div>
  621. Írj ide, amit csak akarsz. Példának okáért itt egy linklista, de ha szeretnéd, lecserélheted másra.
  622. <br><br>
  623. <div style='float:left; width:40%'>
  624. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  625.  
  626. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  627.  
  628. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  629.  
  630. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  631.  
  632. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  633. </div>
  634.  
  635. <div style='float:left; width:40%; margin-left:25px'>
  636. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  637.  
  638. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  639.  
  640. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  641.  
  642. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  643.  
  644. <img src="https://goo.gl/kCmgkr"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  645. </div>
  646.  
  647.  
  648. <!------------------- OLDAL: ARCHÍVUM ------------------>
  649. <div id="stuff2" style="display: none;">
  650. <div class="post-title"> ez történt eddig </div>
  651. <table align="center" border="0" cellspacing="0" width="100%">
  652. <tbody><tr>
  653. <td valign="top" width="33%">
  654. <div style="margin-bottom: 5px; font-weight: bold;">legutóbbi bejegyzések</div>
  655. <BloggerPreviousItems>» <a href='<$BlogItemPermalinkURL$>'><$BlogPreviousItemTitle$></a><br></BloggerPreviousItems>
  656. </td>
  657. <td valign="top" width="33%">
  658.  
  659. <div style="margin-bottom: 5px; font-weight: bold;">blogarchívum</div>
  660. <BloggerArchives>» <a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br></BloggerArchives>
  661.  
  662. </td></tr></tbody></table>
  663. </div>
  664. <br><br>
  665. </div>
  666.  
  667. <!------------------- OLDALAK TARTALMÁNAK VÉGE ------------------>
  668.  
  669. </body>
  670. </html>
  671.  
  672. <!------------------- ez itt egy javascript kód, ami miatt működik az oldalsáv (ne töröld) ------------------>
  673. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  674. <script type="text/javascript">
  675. $(document).ready(function(){
  676.  
  677. $(".box").hide();
  678.  
  679. $(".modul").click(function(){
  680. $(this).toggleClass("active").next().slideToggle("slow");
  681. });
  682.  
  683. });
  684. </script>
  685. <script type="text/javascript">function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>
  686.  
  687. <!---------------------- 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!