daily pastebin goal
91%
SHARE
TWEET

SATEURS - Ingyenes Blogspot klasszikus galaktikus kinézet #2

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