API tools faq
paste
Advertisement
cyberthea

SATEURS - Ingyenes Blogspot klasszikus galaktikus kinézet #2

cyberthea
Jun 30th, 2017
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.47 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. <!-- emiatt a sorocska miatt működnek az ikonok (ne töröld) -->
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  8.  
  9. <!-- emiatt a sorocska miatt működik a betűtípus (ne töröld) -->
  10. <link href="https://fonts.googleapis.com/css?family=Raleway&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/hQ5G2S" 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. background-color: #fff;
  27. font-family: 'Raleway', sans-serif;
  28. font-size: 12px;
  29. font-weight: normal;
  30. color: #5f5f5f;
  31. line-height: 17px;
  32. cursor: url(https://goo.gl/Qu3Vdg), default;
  33. }
  34.  
  35. a:link, a:active, a:visited {
  36. color: #000;
  37. text-decoration: none;
  38. -webkit-transition:.2s;
  39. }
  40.  
  41. a:hover, #title a:hover {
  42. color: #335ea3;
  43. color: transparent;
  44. text-shadow: #335ea3 2px 2px 2px;
  45. text-decoration: none;
  46. }
  47.  
  48. blockquote {
  49. font-size: 12px;
  50. color: #fff;
  51. background: url("https://media.giphy.com/media/Jm0s71jW4LPa0/giphy.gif");
  52. padding: 10px;
  53. }
  54.  
  55. ::-moz-selection {
  56. color: transparent;
  57. text-shadow: 0px 0px 1px #000000; }
  58. ::selection {
  59. color:transparent;
  60. text-shadow: 0px 0px 1px #000000; }
  61.  
  62. ::-webkit-scrollbar {
  63. width: 5px;
  64. background:#fff; }
  65.  
  66. ::-webkit-scrollbar-thumb {
  67. background-color: #999 ;
  68. }
  69.  
  70. ::-webkit-scrollbar-thumb:hover {
  71. background-color: #5f5f5f;
  72. }
  73.  
  74. /* blog
  75. ----------------------------------------------- */
  76. .blog-body {
  77. left: 25%;
  78. top: 370px;
  79. position: absolute;
  80. width: 50%;
  81. }
  82.  
  83. .blog-entry {
  84. font-family: Raleway, sans-serif;
  85. font-size: 12px;
  86. line-height: 17px;
  87. text-align: justify;
  88. padding: 10px;
  89. background: #f9f9f9;
  90. -webkit-opacity: .8;
  91. opacity:0.8;
  92. filter:alpha(opacity=80);
  93. moz-opacity: .8;
  94. margin-bottom: 15px;
  95. }
  96.  
  97. .blog-entry img {
  98. max-width: 95%;
  99. height: auto;
  100. padding: 4px;
  101. border: none;
  102. }
  103.  
  104. .post-title {
  105. font-size: 23px;
  106. text-align: center;
  107. padding-left: 20px;
  108. padding-top: 5px;
  109. padding-bottom: 5px;
  110. margin-bottom: 2px;
  111. }
  112.  
  113. .info{
  114. font-family: 'Raleway', sans-serif;
  115. font-size: 11px;
  116. color: #444444;
  117. text-transform: uppercase;
  118. }
  119.  
  120. #meow {
  121. background: #fafafa;
  122. bottom: 10px;
  123. right: 10px;
  124. position: fixed;
  125. padding: 3px;
  126. letter-spacing: 1px;
  127. font-size: 15px;
  128. border-radius: 0px;
  129. -moz-box-shadow: 3px 3px rgba(0,0,0,0.2);
  130. -webkit-box-shadow: 3px 3px rgba(0,0,0,0.2);
  131. box-shadow: 3px 3px rgba(0,0,0,0.2);
  132. opacity:0.9;
  133. }
  134.  
  135. html, body, a:hover {
  136. cursor: url(https://goo.gl/Qu3Vdg), progress !important;
  137. }
  138.  
  139. /* fejléc
  140. ----------------------------------------------- */
  141. .header {
  142. background: url(https://goo.gl/eW6cMm);
  143. background-repeat: repeat;
  144. background-color: #f9f9f9;
  145. text-align: center;
  146. top: 0px;
  147. left: 0px;
  148. margin-top: -76px;
  149. margin-left: -8px;
  150. padding-right: 16px;
  151. width: 100%;
  152. height: 350px;
  153. }
  154.  
  155. .headerbox1 {
  156. background-color: #f4f4f4;
  157. width: 300px;
  158. height: 290px;
  159. position: absolute;
  160. top: 20px;
  161. left: 22%;
  162. padding: 8px;
  163. margin-right: 8px;
  164. }
  165.  
  166. .headerbox2 {
  167. background-color: #f4f4f4;
  168. width: 300px;
  169. height: 290px;
  170. position: absolute;
  171. top: 20px;
  172. left: 53%;
  173. padding: 8px;
  174. text-align: center;
  175. margin-left: 8px;
  176. }
  177.  
  178. a.affies {
  179. background: url(https://goo.gl/eW6cMm);
  180. color: #fff;
  181. font-weight: bold;
  182. font-size: 10px;
  183. font-family: 'Raleway', sans-serif;
  184. text-transform: uppercase;
  185. letter-spacing: 2px;
  186. margin-left: 2px;
  187. margin-bottom: 6px;
  188. text-align: center;
  189. width: 42%;
  190. padding: 6px;
  191. display: inline-block;
  192. filter: alpha(opacity = 80);
  193. opacity:.8;
  194. -moz-transition-duration: 1s;-
  195. webkit-transition-duration: 1s;
  196. }
  197.  
  198. a.affies:hover {
  199. color: #fff;
  200. color: transparent;
  201. text-shadow: #f5f5f5 2px 2px 2px;
  202. text-decoration: none;
  203. background-color: transparent;
  204. -webkit-transition: all 0.5s ease-in-out;
  205. -moz-transition: all 0.5s ease-in-out;
  206. -o-transition: all 0.5s ease-in-out;
  207. -ms-transition: all 0.5s ease-in-out;
  208. transition: all 0.5s ease-in-out;
  209. }
  210.  
  211. .title {
  212. font-size: 20px;
  213. text-transform: uppercase;
  214. }
  215.  
  216. .boxtitle {
  217. font-size: 15px;
  218. text-transform: uppercase;
  219. }
  220.  
  221. .line {
  222. width: 70px;
  223. border-top: 1px solid #222222;
  224. margin-top: -10px;
  225. }
  226.  
  227. .headerimg {
  228. width: 100px;
  229. height: 100px;
  230. border: 0px solid #eee;
  231. padding: 0px;
  232. border-radius: 200px;
  233. -moz-border-radius: 200px;
  234. -webkit-border-radius: 200px;
  235. margin-top: 10px;
  236. margin-bottom: 5px;
  237. }
  238.  
  239. /* felugró ablak
  240. ----------------------------------------------- */
  241. .popup_block {
  242. font-family: 'Raleway', sans-serif;
  243. font-size: 12px;
  244. text-align: justify;
  245. display: none;
  246. padding: 15px;
  247. border: 1px solid #EEEEEE;
  248. float: left;
  249. position: fixed;
  250. top: 50%;
  251. left: 50%;
  252. z-index: 99999;
  253. -webkit-box-shadow: 0px 0px 30px #000000;
  254. - -box-shadow: 0px 0px 30px #000000;
  255. box-shadow: 0px 0px 30px #000000;
  256. background:url(https://goo.gl/cRnUGf);
  257. }
  258.  
  259. img.btn_close {
  260. float: right;
  261. margin: -2px -2px 0 0;
  262. }
  263.  
  264. *html #fade {
  265. position: absolute;
  266. }
  267.  
  268. *html .popup_block {
  269. position: absolute;
  270. }
  271.  
  272. #navbar-iframe {
  273. display: none;
  274. }
  275.  
  276. #navbar-iframe {
  277. display: none;
  278. }
  279.  
  280. </style></head><body>
  281. <br><br><br><br>
  282.  
  283. <!--- fejléc: első szövegdoboz ---!>
  284. <div class="header">
  285. <div class="headerbox1">
  286. <!--- ha le szeretnéd cserélni az első szövegdobozban megjelenő képet, a src=" " közötti linket írd át ---!>
  287. <img class="headerimg" src="https://goo.gl/o2dYk9" href="/"><br><br>
  288.  
  289. <!--- írd át az alábbi SATEURS szöveget a saját blogod nevére ---!>
  290. <center><div class="title"><a href="/">SATEURS</a></div><br>
  291. <div class="line"></div></center><br>
  292. Az oldalad leírásának helye. Ide jöhet például egy rövidke üdvözlőszöveg vagy éppen pár szó rólad - ne habozz, légy kreatív. <br>
  293. <center> <b>félkövér,</b> <i>dőlt,</i> <u>aláhúzott,</u> <s>áthúzott</s>
  294. <br><br>
  295.  
  296. <!-- menü - itt csak a menüpontok neveit írd át!-->
  297. <b><a href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" target="_blank">#kövessbe</a> <a href="#?w=400" rel="02" class="poplight" class="nav">#ismerjmeg</a> <a href="#?w=400" rel="01" class="poplight" class="nav">#mindenegyéb</a></b>
  298.  
  299. </div>
  300.  
  301. <!--- fejléc: második szövegdoboz ---!>
  302. <div class="headerbox2">
  303. <br><center><div class="boxtitle"> Cserebere és archívum </div></center><br>
  304. <center>
  305. <a class="affies" href="IDE JÖN A LINK">Gizella</a>
  306. <a class="affies" href="IDE JÖN A LINK">István</a>
  307. <a class="affies" href="IDE JÖN A LINK">József</a>
  308. <a class="affies" href="IDE JÖN A LINK">Erzsébet</a>
  309. <a class="affies" href="IDE JÖN A LINK">Magdolna</a>
  310. <a class="affies" href="IDE JÖN A LINK">Béla</a>
  311. <a class="affies" href="IDE JÖN A LINK">Mária</a>
  312. <a class="affies" href="IDE JÖN A LINK">Géza</a>
  313. <a class="affies" href="IDE JÖN A LINK">Gyula</a>
  314. <a class="affies" href="IDE JÖN A LINK">Abigél</a>
  315. </center>
  316. <br>
  317.  
  318. <!-- kedvedre átírhatod a "múlt ▲▼▲▼", a "mostanában" és a "havonta" szavakat, a többihez ne nyúlj -->
  319. <center>
  320. <form name="jump" id="jump">
  321. <select name="menu" onchange="location=document.jump.menu.options
  322. [document.jump.menu.selectedIndex].value;" value="GO" style="font-family: raleway; font-size: 12px; text-transform: lowercase; color: #777777; width: 100%; border: 1px solid #DDDDDD; background-color: #FFFFFF; padding: 1px;">
  323. <option selected="selected">a múlt ▲▼▲▼</option>
  324. <optgroup label="mostanában" style="font:bold 11px raleway;">
  325. <BloggerPreviousItems>
  326. <option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
  327. </BloggerPreviousItems>
  328. <optgroup label="havonta" style="font:bold 11px raleway;">
  329. <BloggerArchives>
  330. <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
  331. </BloggerArchives>
  332. </select></form></center>
  333. </div>
  334. </div></div>
  335.  
  336. <!--- bejegyzések - ehhez itt ne nyúlj ---!>
  337. <div id="meow">
  338. <a href="http://themesbythea.blogspot.hu/" target="_blank">☾⋆</a>
  339. </div>
  340. <div class="blog-body">
  341. <blogger><div class="blog-entry"><div class="post-title">
  342. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  343. <center>
  344. <span class="info">
  345. <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <i><$BlogItemAuthor$></i>
  346. &nbsp;<span class="fa fa-comments"></span>
  347. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a>
  348. </span>
  349. </center>
  350. <hr><$blogitembody$></div>
  351. </blogger>
  352. <br>
  353. <center><OlderPosts><a href=<$OlderPosts$>> Régebbi bejegyzések <span class="fa fa-chevron-right"></span></a> </OlderPosts> &nbsp;|&nbsp; <NewerPosts> <a href=<$NewerPosts$>> <span class="fa fa-chevron-left"></span> Újabb bejegyzések</a></NewerPosts></center>
  354. </div></div></div>
  355. </div>
  356.  
  357. <!------- FELUGRÓ ABLAKOK TARTALMA ------->
  358. <!------------------- FELUGRÓ ABLAK: #ISMERJMEG ------------------>
  359. <div style="display: none; width: 500px!important; margin-top: -139px; margin-left: -240px;" id="02" class="popup_block">
  360. <center><div class="title"> ki vagyok én? </div><br>
  361. <div class="line"></div></center>
  362. <br>
  363. 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>
  364. <div align="left">
  365. <p><img align="left" src="https://goo.gl/o2dYk9" width="40%">
  366. ◦ becses nevem ... de szólíts csak ...<br>
  367. ◦ ... éves vagyok<br>
  368. ◦ szeretem ...<br>
  369. ◦ utálom ...<br>
  370. ◦ kedvenc ...<br>
  371. ◦ álmaim ...<br>
  372. ◦ szeretnék eljutni ...<br>
  373. ◦ megtalálhatsz itt és itt is ...<br>
  374. </p>
  375. </div></div>
  376.  
  377. <!------------------- FELUGRÓ ABLAK: #MINDENEGYÉB ------------------>
  378. <div style="display: none; width: 500px!important; margin-top: -139px; margin-left: -240px;" id="01" class="popup_block">
  379. <center><div class="title"> extra menüpont </div><br>
  380. <div class="line"></div></center>
  381. <br>
  382. Írj ide, amit csak akarsz. Példának okáért itt egy linklista, de ha szeretnéd, lecserélheted másra.
  383. <br><br>
  384. <div style='float:left; width:40%'>
  385. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  386.  
  387. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  388.  
  389. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  390.  
  391. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  392.  
  393. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  394. </div>
  395.  
  396. <div style='float:left; width:40%; margin-left:50px'>
  397. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  398.  
  399. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  400.  
  401. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  402.  
  403. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  404.  
  405. <img src="https://goo.gl/EEyaoi"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  406. </div>
  407.  
  408. </div></div>
  409.  
  410. <!------------------- FELUGRÓ ABLAKOK TARTALMÁNAK VÉGE ------------------>
  411.  
  412. </body>
  413. </html>
  414.  
  415. <!---------------------- ez egy javascript kód, ami a felugró ablakok működéséért felelős (ne töröld) -------------------!>
  416. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  417. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  418. <script>
  419. (function($){
  420. $(document).ready(function(){
  421. $("[title]").style_my_tooltips({
  422. tip_follows_cursor:true,
  423. tip_delay_time:100,
  424. tip_fade_speed:300
  425. }
  426. );
  427. });
  428. })(jQuery);
  429. </script>
  430.  
  431. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  432. <script>
  433. $(document).ready(function() {
  434. //
  435. $('a.poplight[href^=#]').click(function() {
  436. var popID = $(this).attr('rel'); //Get Popup Name
  437. var popURL = $(this).attr('href'); //Get Popup href to define size
  438. var query= popURL.split('?');
  439. var dim= query[1].split('&');
  440. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  441. -$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://4.bp.blogspot.com/-IjZjLD4VaIc/WMjwivUr5oI/AAAAAAAAAvs/iew7-VDcQF8j-g1TPyUxeo6y7o4iGRZKgCLcB/s1600/x2.png" display="none" class="btn_close"/></a>');
  442. var popMargTop = ($('#' + popID).height() + 80) / 2;
  443. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  444. //Apply Margin to Popup
  445. $('#' + popID).css({
  446. 'margin-top' : -popMargTop,
  447. 'margin-left' : -popMargLeft
  448. });
  449. $('body').append('<div id="fade"></div>');
  450. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  451. return false;
  452. });
  453. $('a.close, #fade').live('click', function() {
  454. $('#fade , .popup_block').fadeOut(function() {
  455. $('#fade, a.close').remove(); //fade them both out
  456. });
  457. return false;
  458. });
  459. });
  460. </script>
  461.  
  462. <!---------------------- 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!