API tools faq
paste
Advertisement
csiripiszki

02. kinézet

csiripiszki
May 15th, 2021
48
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <base target="_blank"/>
  5. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  6. <link href="https://1.bp.blogspot.com/-6um38BDDu-U/XyWfG2luImI/AAAAAAAABU4/nx4PVVj524QMLfPABwDU5O0ddl70VGSOgCLcBGAsYHQ/s0/piriaranylogo.png" rel="icon" type="image/x-icon"/>
  7.  
  8. <title> oldalad címe </title>
  9.  
  10. <!-- google fonts -->
  11. <link href="https://fonts.googleapis.com/css?family=Quicksand|Source+Sans+Pro" rel="stylesheet"/>
  12. <link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
  14. <link href='//fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic' rel='stylesheet' type='text/css'/>
  15. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"/>
  16. <link href='https://fonts.googleapis.com/css?family=Catamaran' rel='stylesheet'/>
  17. <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
  18.  
  19.  
  20. <style type="text/css">
  21.  
  22. /* body
  23. ----------------------------------------------- */
  24.  
  25. #navbar-iframe {
  26. display: none !important;
  27. }
  28.  
  29. body {
  30. background:#fdfdfd;
  31. margin:0px;
  32. font-family: 'Montserrat', sans-serif;
  33. font-size: 13px;
  34. line-height: 20px;
  35. color: #444444;
  36. letter-spacing:0px;
  37. overflow-x:hidden;
  38. oveflow-y:scroll;
  39. text-align:justify;
  40. }
  41.  
  42. a:link,a:visited {
  43. -webkit-transition: all 0.5s ease-in-out;
  44. -moz-transition: all 0.5s ease-in-out;
  45. -o-transition: all 0.5s ease-in-out;
  46. -ms-transition: all 0.5s ease-in-out;
  47. transition: all 0.5s ease-in-out;
  48. text-decoration:none;
  49. color:#444444;
  50. padding:2px;
  51. }
  52.  
  53. a:hover {
  54. color:#8F765E;
  55. }
  56.  
  57. ::-moz-selection {
  58. background-color: #ffffff;
  59. color: #444444;
  60. text-shadow: 1px 2px 2px #e3cdc1;
  61. }
  62. ::selection {
  63. background-color: #ffffff
  64. color: #444444;
  65. text-shadow: 1px 2px 2px #e3cdc1;
  66. }
  67.  
  68. ::-webkit-scrollbar {
  69. background: #eeebdd;
  70. width: 10px;
  71. height: 5px;
  72. }
  73.  
  74. ::-webkit-scrollbar-thumb:vertical {
  75. background: #e3cdc1;
  76. }
  77.  
  78. /* header
  79. ----------------------------------------------- */
  80.  
  81. .header{
  82. background-image: url(http://www.kepfeltoltes.eu/images/2020/08/01/579okur.png);
  83. margin-top: 0px;
  84. height: 55px;
  85. font: 38px 'Great Vibes', cursive;
  86. margin-bottom:5px;
  87. text-align:center;
  88. }
  89.  
  90.  
  91. /* menu
  92. ----------------------------------------------- */
  93. .menu{
  94. text-align:center;
  95. width:100%
  96. }
  97.  
  98. a.menu-kio{
  99. margin-bottom:15px;
  100. font-family: arial;
  101. font-weight: bold;
  102. letter-spacing: 1px;
  103. text-transform: uppercase;
  104. background: #f7f7f7;
  105. border: 4px double #fff;
  106. padding:10px;
  107. cursor:hand;
  108. -webkit-border-top-left-radius: 3px;
  109. -webkit-border-top-right-radius: 3px;
  110. -moz-border-radius-topleft: 3px;
  111. -moz-border-radius-topright: 3px;
  112. border-top-left-radius: 3px;
  113. border-top-right-radius: 3px;
  114. width:8%;
  115. display:inline-block;
  116. text-align:center;
  117. -webkit-transition: all 0.5s ease-in-out;
  118. -moz-transition: all 0.5s ease-in-out;
  119. -o-transition: all 0.5s ease-in-out;
  120. -ms-transition: all 0.5s ease-in-out;
  121. transition: all 0.5s ease-in-out;
  122. }
  123.  
  124. a.menu-kio:hover{
  125. transform: rotate(360deg) ;
  126. -webkit-transform: rotate(360deg) ;
  127. -moz-transform: rotate(360deg) ;
  128. -o-transform: rotate(360deg) ;
  129. -ms-transform: rotate(360deg) ;-webkit-transform: rotate(360deg) scale(0.2);
  130. -moz-transform: rotate(360deg) scale(0.2);
  131. -o-transform: rotate(360deg) scale(0.2)
  132. }
  133.  
  134.  
  135. /* blog
  136. ----------------------------------------------- */
  137. .blog-body{
  138. width:80%;
  139. padding:1%;
  140. background:#fff;
  141. padding:10px;
  142. border:2px solid #f9f9f9;
  143. box-shadow:0px 0px 0px 4px #ffffff;
  144. }
  145.  
  146. .article{
  147. padding:1%;
  148. width:65%;
  149. float:left;
  150. text-align:justify;
  151. }
  152.  
  153. .post-title{
  154. background:transparent;
  155. font: italic 29px Sorts Mill Goudy;
  156. text-align: center;
  157. letter-spacing: 3px;
  158. padding-right: 40px;
  159. padding-top: 17px;
  160. padding-bottom:15px;
  161. margin-bottom:32px;
  162. -webkit-transition: all 0.5s ease-in-out;
  163. -moz-transition: all 0.5s ease-in-out;
  164. -o-transition: all 0.5s ease-in-out;
  165. -ms-transition: all 0.5s ease-in-out;
  166. transition: all 0.5s ease-in-out;
  167. }
  168.  
  169. .post-title:hover{
  170. letter-spacing: 4px;
  171. }
  172.  
  173. .info{
  174. font: 11px Georgia;
  175. text-align: center;
  176. padding-bottom: 10px;
  177. color: #787878;
  178. padding: 10px;
  179. line-height: 18px;
  180. border-right: 1px solid #444444;
  181. float: left;
  182. text-transform: uppercase;
  183. letter-spacing: 1px;
  184. }
  185.  
  186. .blog-entry{
  187. font-family: 'Montserrat', sans-serif;
  188. font-size:13px;
  189. color:#696969;
  190. line-height: 21px;
  191. letter-spacing:0px;
  192. margin-top:10px;
  193. }
  194.  
  195. .blog-entry img{
  196. max-width:100%;
  197. margin-bottom:10px;
  198. }
  199.  
  200. .blogger-labels{
  201. background:#f8f8f8;
  202. text-align:center;
  203. text-transform: uppercase;
  204. letter-spacing: 1px;
  205. font-size:11px;
  206. padding:2px;
  207. color:#444444;
  208. font-family: georgia;
  209. margin-top:20px;
  210. }
  211.  
  212.  
  213. /* sidebar
  214. ----------------------------------------------- */
  215.  
  216. .sidebar{
  217. padding:2%;
  218. width:28%;
  219. line-height: 20px;
  220. border-left:1px solid #f5f5f5;
  221. float:right;
  222. text-align:justify;
  223. }
  224.  
  225. h2{
  226. font-weight:normal;
  227. border-bottom:1px solid #f6f6f6;
  228. font-size:150%;
  229. text-align:center;
  230. font:italic 24px Sorts Mill Goudy;
  231. padding-left:20px;
  232. padding-top:5px;
  233. padding-bottom:5px;
  234. margin-bottom:10px;
  235. margin-top:30px;
  236. }
  237.  
  238.  
  239. .label a{
  240. text-transform:uppercase;
  241. padding-left:10px;
  242. padding-right:10px;
  243. letter-spacing: 1px;
  244. background: #fcfcfc;
  245. padding:10px;
  246. font-family: georgia;
  247. font-weight: bold;
  248. width:42%;
  249. margin-bottom:4px;
  250. display:inline-block;
  251. font-size:11px;
  252. }
  253.  
  254. a.latest-entries-button{
  255. background:#fcfcfc;
  256. display:block;
  257. border:0px;
  258. padding:5px;
  259. margin:0px;
  260. margin-bottom:2px;
  261. }
  262.  
  263.  
  264. #contact{
  265. width:30%;
  266. border:1px solid #f7f7f7;
  267. padding-top:30px;
  268. height:40px;
  269. margin-bottom:5px;
  270. }
  271. /* footer
  272. ----------------------------------------------- */
  273. .post-footer{
  274. text-align:center;
  275. border-top:1px solid #f3f3f3;
  276. padding-top:10px;
  277. margin-bottom:30px;
  278. }
  279.  
  280. .credit{
  281. text-align:center;
  282. text-transform:uppercase;
  283. font-size:11px;
  284. padding:2px;
  285. color:#444444;
  286. font-family: georgia;
  287. margin-top:20px;
  288. margin-bottom:20px;
  289. }
  290.  
  291. /*affis
  292. ----------------------------------------------*/
  293. a.sidelink, .headings {
  294. font-family: 'Montserrat', sans-serif;
  295. font-size: 12px;
  296. letter-spacing: 1px;
  297. line-height: 13px;
  298. color: #000000;
  299. background-color: #fafafa;
  300. font-style: normal;
  301. text-transform: none;
  302. text-align: center;
  303. font-weight: bold;
  304. text-decoration: none!important;
  305. display: block;
  306. margin: 1px;
  307. padding: 10px;
  308. -webkit-transition: all 0.5s ease-in-out;
  309. -moz-transition: all 0.5s ease-in-out;
  310. -o-transition: all 0.5s ease-in-out;
  311. -ms-transition: all 0.5s ease-in-out;
  312. transition: all 0.5s ease-in-out;
  313. }
  314.  
  315. a.sidelink:hover, .headings:hover {
  316. color: #888888;
  317. background-color: #fafafa;
  318. margin: 1px;
  319. text-transform: none;
  320. cursor: pointer;
  321. -webkit-transition: all 0.5s ease-in-out;
  322. -moz-transition: all 0.5s ease-in-out;
  323. -o-transition: all 0.5s ease-in-out;
  324. -ms-transition: all 0.5s ease-in-out;
  325. transition: all 0.5s ease-in-out;
  326. }
  327.  
  328. a.sidelink:before {
  329. font-family: 'Montserrat', sans-serif;
  330. content: "ღ";
  331. padding: 10px;
  332. color: #a0937d;
  333. }
  334.  
  335.  
  336. /* betűformázások
  337. -----------------------------------------------*/
  338.  
  339. b, strong {
  340. font-family: georgia;
  341. font-size: 12px;
  342. line-height: 15px;
  343. letter-spacing: 1px;
  344. text-transform: none;
  345. font-weight: bold;
  346. }
  347.  
  348. i, em {
  349. font-size: 13px;
  350. color: #000000;
  351. font-family: Old Standard TT;
  352. letter-spacing: 0px;
  353. }
  354.  
  355. u {
  356. border-bottom: 1px solid #ECA8B0;
  357. text-decoration: none;
  358. }
  359.  
  360. /* mobile view
  361. ----------------------------------------------- */
  362. @media only screen and (max-width: 800px) {
  363. a.menu-kio{
  364. font-size:90%;
  365. width:12%;
  366. background:#f9f9f9;
  367. }
  368.  
  369. .label a{
  370. width:90%;
  371. }
  372.  
  373. }
  374.  
  375. @media only screen and (max-width: 500px) {
  376.  
  377. .menu{
  378. margin-bottom:30px;
  379. }
  380.  
  381. a.menu-kio{
  382. width:95%;
  383. font-size:100%;
  384. display:block;
  385. background:transparent;
  386. border-bottom:1px solid #f3f3f3;
  387. }
  388.  
  389. .blog-body{
  390. width:95%;
  391. backround:transparent;
  392. shadow:none;
  393. border:none;
  394. padding:0px;
  395. margin:0px;}
  396.  
  397.  
  398. .article{
  399. width:95%;
  400. }
  401.  
  402. .info{display:none}
  403.  
  404. .sidebar{
  405. width:95%;
  406. border-left:none}
  407.  
  408.  
  409.  
  410. }
  411. </style> <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  412.  
  413. </head>
  414. <body>
  415.  
  416. <!-- header -->
  417. <div class="header"> ღ </div>
  418.  
  419.  
  420. <!-- menu -->
  421.  
  422. <div class="menu"><center>
  423. <a class="menu-kio" onClick="document.getElementById('main').innerHTML=document.getElementById('home').innerHTML" title="">Főoldal</a>
  424. <a class="menu-kio" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">Személyes</a>
  425. <a class="menu-kio" onClick="document.getElementById('main').innerHTML=document.getElementById('page3').innerHTML" title="">Közösség</a>
  426. <a class="menu-kio" onClick="document.getElementById('main').innerHTML=document.getElementById('page4').innerHTML" title="">Oldal</a>
  427. <a class="menu-kio" href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" title="">+ Kövess!</a></center>
  428. </div>
  429.  
  430. <!-- wrapper -->
  431. <center>
  432. <div class="blog-body">
  433.  
  434.  
  435. <!-- blog -->
  436. <div id="main" class="article">
  437. <blogger>
  438.  
  439. <center>
  440. <span class="info">
  441. <span class="fa fa-user"></span> <$BlogItemAuthor$>
  442. <br>
  443. <span class="fa fa-calendar"></span> <$BlogItemDateTime$>
  444. <br>
  445. <span class="fa fa-comments"></span>
  446. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment </a>
  447. </span>
  448. </center>
  449.  
  450. <div class="post-title">
  451. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  452.  
  453. <div class="blog-entry">
  454. <$BlogItemBody$>
  455. </div>
  456.  
  457. <div class="post-footer">
  458. Oszd meg!
  459. <br>
  460. <a href="https://www.facebook.com/sharer/sharer.php?u=" class="fa fa-facebook-f"></a>
  461. <a href="hhttps://twitter.com/home?status=" class="fa fa-twitter"></a>
  462. <a href="https://plus.google.com/share?url=" class="fa fa-google-plus"></a>
  463. <a href="https://pinterest.com/pin/create/button/?url=&media=&description=" class=" fa fa-pinterest-p"></a>
  464. <a href="https://pinterest.com/pin/create/button/?url=&media=&description=" class="fa fa-envelope"></a>
  465. </div>
  466.  
  467. </blogger>
  468. <span style="float:right;"><olderposts><a href=<$OlderPosts$>><span class="fa fa-arrow-right"></span></a></a> </OlderPosts></span>
  469. <span style="float:rleft;"><newerposts><a href=<$NewerPosts$>> <span class="fa fa-arrow-left"></span></a></NewerPosts></span>
  470. </div>
  471.  
  472. <!-- sidebar -->
  473. <div class="sidebar">
  474.  
  475. <!-- 1 -->
  476. <center><img border="0" src="https://64.media.tumblr.com/47a6e8fe66ca0ebd5a04f92e15f8588a/067ebd0d77cde7e5-8f/s500x750/7d104da4e897698d2b6deb699f3981a0952300cd.jpg" width="100%" / ></center>
  477. <br>
  478. személyes bemutatkozásod helye :)
  479.  
  480.  
  481. <!-- 2 -->
  482.  
  483. <h2> Kövess máshol is! </h2>
  484.  
  485. <center>
  486. <a href="" id="contact" class="fa fa-facebook-f"></a>
  487. <a href="" id="contact" class="fa fa-twitter"></a>
  488. <a href="" id="contact" class="fa fa-google-plus"></a>
  489. <a href="" id="contact" class="fa fa-pinterest-p"></a>
  490. <a href="" id="contact" class="fa fa-envelope"></a>
  491. <a href="" id="contact" class="fa fa-tumblr"></a>
  492. </center>
  493.  
  494.  
  495. <!-- 3 -->
  496.  
  497. <h2> Társalgó </h2>
  498. A chat helye. Kb. 320 széles legyen, és 250 magas, de állítgasd kedvedre, és próbáld ki neked hogy tetszik. Azonban a szélesség átállítását nem javaslom.
  499. <h2> Archívum </h2>
  500.  
  501. <!-- 4 -->
  502. <left>
  503. <BloggerPreviousItems>
  504. <a class="latest-entries-button" href="<$BlogItemPermalinkURL$>">
  505. - <$BlogPreviousItemTitle$>
  506. </a>
  507. </BloggerPreviousItems>
  508. </left>
  509.  
  510. <!-- 6 -->
  511.  
  512. <h2> Aktuális kedvenc </h2>
  513. Idebiggyesztheted mondjuk az aktuális kedvenc dalodat.
  514.  
  515. <!-- 5 -->
  516.  
  517. <h2> Címkék </h2><center>
  518. <div class="label">
  519. <a href='a címke linkének helye' target='_blank'>Személyes</a>
  520. <a href='a címke linkének helye' target='_blank'>Egyetem</a><br/>
  521. <a href='a címke linkének helye' target='_blank'>Tag</a>
  522. <a href='a címke linkének helye' target='_blank'>Challenge</a>
  523. </div>
  524. </center>
  525.  
  526.  
  527. </div>
  528. <div style="clear:both"></div>
  529. <div style="clear:both"></div>
  530.  
  531. </div></div>
  532. <div class="credit">
  533. <b>oldalad címe, neve</b>
  534. <br>
  535. 2020
  536. </div>
  537.  
  538. <!-------paging------->
  539.  
  540.  
  541. <!-------------------PAGE/HOME------------------>
  542.  
  543. <div id="home" style="display: none;">
  544. <blogger>
  545.  
  546. <center>
  547. <span class="info">
  548. <span class="fa fa-user"></span> <$BlogItemAuthor$>
  549. <br>
  550. <span class="fa fa-calendar"></span> <$BlogItemDateTime$>
  551. <br>
  552. <span class="fa fa-comments"></span>
  553. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment </a>
  554. </center>
  555.  
  556. <div class="post-title">
  557. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  558.  
  559. <div class="blog-entry">
  560. <$BlogItemBody$>
  561. </div>
  562.  
  563. <div class="post-footer">
  564. <a href="https://www.facebook.com/sharer/sharer.php?u=" class="fa fa-facebook-f"></a>
  565. <a href="hhttps://twitter.com/home?status=" class="fa fa-twitter"></a>
  566. <a href="https://plus.google.com/share?url=" class="fa fa-google-plus"></a>
  567. <a href="https://pinterest.com/pin/create/button/?url=&media=&description=" class=" fa fa-pinterest-p"></a>
  568. <a href="https://pinterest.com/pin/create/button/?url=&media=&description=" class="fa fa-envelope"></a>
  569. </div>
  570.  
  571. </blogger>
  572. <span style="float:right;"><olderposts><a href=<$OlderPosts$>><span class="fa fa-arrow-right"></span></a></a> </OlderPosts></span>
  573. <span style="float:rleft;"><newerposts><a href=<$NewerPosts$>> <span class="fa fa-arrow-left"></span></a></NewerPosts></span>
  574.  
  575. </div>
  576.  
  577.  
  578. <!-------------------PAGE/ABOUT------------------>
  579. <div id="about" style="display: none;">
  580. <div class="post-title"> Személyes </div>
  581. Ide írhatod a bemutatkozásodat. :)
  582. </div>
  583.  
  584.  
  585.  
  586. <!-------------------PAGE/PAGE3------------------>
  587.  
  588.  
  589. <div id="page3" style="display: none;">
  590. <div class="post-title">Közösség</div>
  591. <center>A cseréid helye. Ide írhatod, hogy mik az elvárásaid, stb. :)</center>
  592. <br>
  593. <br>
  594. <table align="center" border="0" cellspacing="0" width="100%">
  595. <tbody><tr>
  596. <td valign="top" width="33%">
  597. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  598. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  599. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  600. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  601. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  602. </td>
  603. <td valign="top" width="33%">
  604. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  605. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  606. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  607. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  608. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  609. </td>
  610. <td valign="top" width="33%">
  611. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  612. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  613. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  614. <a class="sidelink" href="link helye" target="_blank">Csere neve</a>
  615. <a class="sidelink" href="#" target="_blank">Te?</a>
  616. </td></tr></tbody></table>
  617. </div>
  618.  
  619.  
  620. <!-------------------PAGE/PAGE4------------------>
  621.  
  622.  
  623. <div id="page4" style="display: none;">
  624. <div class="post-title">Oldal</div>
  625. A kinézetet készítette <a href="http://csiripiszki.blogspot.com"/>Anna.</a>
  626. <br>
  627. <b>Köszöneti illeti <a href="http://wanaseoby.com"/>Wanaseoby</a>-t az alapsablonért!</b>
  628. <br> <br>
  629. <u>Egyéb források:</u> <a href="https://fontawesome.com/"/>FontAwesome,</a> és <a href="https://matchingbees.tumblr.com/"/>Mery.</a>
  630. <br>
  631. <br>
  632. <justify>Ez a webhely a Google cookie-jaival kínál szolgáltatásokat és elemzi a forgalmat. Az IP-címed és a felhasználói ügynököd a teljesítmény- és biztonsági mérőszámokkal együtt megosztásra kerül a Google-lal a szolgáltatás minőségének biztosítása, a használati statisztikák elkészítése, valamint a visszaélések észlelése és megoldása érdekében.</justify> <a href="http://policies.google.com/technologies/cookies?hl=hu" target="_blank"> <b> → További információk </b> </a>
  633. </div>
  634.  
  635. <!-------------------PAGING END------------------>
  636.  
  637. </body>
  638. </html>
  639.  
  640.  
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!