Facebook
From myflix, 3 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 124
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- Material Design for Bootstrap fonts and icons -->
  8. <link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet">
  9. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  10. <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
  11. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  12. <!-- Compiled and minified CSS -->
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
  14. <!-- Material Design for Bootstrap CSS -->
  15. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  16. <style>
  17.  
  18. .image {
  19. border-radius: 3px;
  20. display: inline-block;
  21. width: 100%;
  22. height: 160px;
  23. box-shadow: ;
  24. position: relative;
  25. pointer-events: initial;
  26. }
  27.  
  28. .image:hover {
  29. box-shadow: 0 2px 16px 0 rgba(0,0,0,0.24),0 7px 50px 0 rgba(0, 0, 0);
  30. font-family: 'Comfortaa', cursive;
  31. border: none;
  32. border-radius: 3px;
  33. color: #black;
  34. text-decoration: none;
  35. display: inline-block;
  36. font-size: 20px;      
  37. opacity: 1.3;
  38. box-shadow: 0px 1px 15px 2px red;
  39. transition: .5s ease;
  40. }
  41.  
  42. .overlay {
  43. opacity: 0;
  44. position: absolute;
  45. bottom: 0px;
  46. left: 0px;
  47. font-family: 'Comfortaa', cursive;
  48. font-weight: 500;
  49. font-size: 8px;
  50. transition: .5s ease;
  51. float: left;
  52. display: inline;
  53. }
  54.  
  55.  
  56.  
  57. .card .card-content {
  58. padding: 0px;
  59. }
  60.  
  61. .card {
  62. background-color: transparent;
  63. }
  64.  
  65. .row .col {
  66. padding: 5px;
  67. margin-bottom: -17px;
  68.    
  69. }
  70.  
  71.  
  72. .changer {
  73. background-color: #000;
  74. width: 85%;
  75. height: 45px;
  76. border: none;
  77. border-radius: 17px;
  78. color: black;
  79. padding: 3px 5px;
  80. text-align: center;
  81. text-decoration: none;
  82. display: inline-block;
  83. font-size: 23px;
  84. margin: 4px 2px;
  85. font-weight: 2400;
  86. opacity: 1.5;
  87. outline: 0;
  88. }
  89.  
  90. .autocomplete {
  91. position: relative;
  92. left: -0px;
  93. font-size: 12px;
  94. font-family: 'Comfortaa', cursive;
  95. font-weight: 650;
  96. }
  97.  
  98. .autocomplete {
  99. position: relative;
  100. left: -0px;
  101. font-size: 12px;
  102. font-family: 'Comfortaa', cursive;
  103. font-weight: 650;
  104. }
  105.  
  106.  
  107. #autocomplete-input {
  108. border-radius: 3px;
  109. background: rgb(0,0,0);
  110. background: linear-gradient(-32deg, rgba(18,50,62,1) 0%, rgba(82, 82, 82, 0.55) 99%);
  111. width: 100px;
  112. padding: 0px 25px;
  113. border-bottom: 0px;
  114. transition:  .4s ease all;
  115. }
  116.                
  117. #autocomplete-input:focus {
  118. padding-right: 110px;
  119. }
  120.  
  121. .headnav {
  122. background-color: #121212;
  123. }
  124.  
  125.  
  126.  
  127. </style>
  128.        
  129. <title>Hello, world!</title>
  130. </head>
  131. <body class="#a020f0">
  132. <body bgcolor="#121212">
  133. <div class="Goldenrod -fixed">  
  134. <nav class="headnav">
  135. <div class="nav-wrapper">
  136. <ul class="right"">
  137. <li><input type="text" id="autocomplete-input" onkeyup="myFunction()" placeholder="Dizi Ara.." class="autocomplete" style="color: #ccc;"></li>
  138. </ul>
  139. </div>
  140. </nav>
  141. </div>
  142.        
  143. <div class="row" id="liste">
  144.                
  145.                
  146. <!--myflix-->
  147.  
  148. <div onclick="location.href='go:love101';" class="col s4">
  149. <div class="card">
  150. <div class="card-content">
  151. <img class="image" src="https://tr.web.img4.acsta.net/r_1280_720/pictures/20/04/06/10/25/5101172.png" alt="Snow";">
  152. <div class="overlay">
  153. <p><span style="color:red;">Aşk 101 Love 101</span><br>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158.  
  159.  
  160.  
  161.  
  162. <div onclick="location.href='go:afilidost';" class="col s4">
  163. <div class="card">
  164. <div class="card-content">
  165. <img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/480x740/5de90e2b866ac310247fd2e0" alt="Snow";">
  166. <div class="overlay">
  167. <p><span style="color:red;">Afili Dostlar</span><br>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172.  
  173.  
  174.  
  175.  
  176. <div onclick="location.href='go:skc';" class="col s4">
  177. <div class="card">
  178. <div class="card-content">
  179. <img class="image" src="https://i.medyaradar.com/storage/files/images/2020/01/08/2-hdow-QsoD.jpg" alt="Snow";">
  180. <div class="overlay">
  181. <p><span style="color:red;">Sokağın Çocukları</span><br>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186.  
  187.  
  188.  
  189.  
  190. <div onclick="location.href='go:alef';" class="col s4">
  191. <div class="card">
  192. <div class="card-content">
  193. <img class="image" src="https://www.yeniyeniseyler.com/wp-content/uploads/2020/04/blutv-FX-Alef-Poster.jpg" alt="Snow";">
  194. <div class="overlay">
  195. <p><span style="color:red;">Alef</span><br>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200.  
  201.  
  202.  
  203.  
  204. <div onclick="location.href='go:ahavasi';" class="col s4">
  205. <div class="card">
  206. <div class="card-content">
  207. <img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/480x740/5e46a6ad866ac312c004a65d" alt="Snow";">
  208. <div class="overlay">
  209. <p><span style="color:red;">Ankara Havası</span><br>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214.  
  215.  
  216.  
  217. <div onclick="location.href='go:ganyan';" class="col s4">
  218. <div class="card">
  219. <div class="card-content">
  220. <img class="image" src="https://pbs.twimg.com/media/EP2BNQQXsAAefV6.jpg" alt="Snow";">
  221. <div class="overlay">
  222. <p><span style="color:red;">Ganyan</span><br>
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227.  
  228.  
  229.  
  230.  
  231.  
  232. <div onclick="location.href='go:aynenaynen';" class="col s4">
  233. <div class="card">
  234. <div class="card-content">
  235. <img class="image" src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cb833587775301.5dc27a6fa6cb4.jpg" alt="Snow";">
  236. <div class="overlay">
  237. <p><span style="color:red;">Aynen Aynen</span><br>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242.  
  243.  
  244.  
  245. <div onclick="location.href='go:bartuben';" class="col s4">
  246. <div class="card">
  247. <div class="card-content">
  248. <img class="image" src="https://m.media-amazon.com/images/M/MV5BZWI4ZWY0ZjYtZjkwNi00NTJmLWJjODgtZDA2YTQ3OGNhZjZmXkEyXkFqcGdeQXVyNDg4MjkzNDk@._V1_.jpg" alt="Snow";">
  249. <div class="overlay">
  250. <p><span style="color:red;">Bartu Ben</span><br>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255.                                                                                                                                                                                                                                  
  256.  
  257. <div onclick="location.href='go:behzat';" class="col s4">
  258. <div class="card">
  259. <div class="card-content">
  260. <img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/330x469/5d2f05d5866ac31990aa9f18" alt="Snow";">
  261. <div class="overlay">
  262. <p><span style="color:red;">Behzat Ç.</span><br>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267.  
  268.  
  269. <div onclick="location.href='go:bozkir';" class="col s4">
  270. <div class="card">
  271. <div class="card-content">
  272. <img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/330x469/5c023219866ac3142c9d3735" alt="Snow";">
  273. <div class="overlay">
  274. <p><span style="color:red;">Bozkır</span><br>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279.  
  280.  
  281. <div onclick="location.href='go:atiye';" class="col s4">
  282. <div class="card">
  283. <div class="card-content">
  284. <img class="image" src="https://upload.wikimedia.org/wikipedia/tr/a/ad/Atiye.jpg" alt="Snow";">
  285. <div class="overlay">
  286. <p><span style="color:red;">Atiye</span><br>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291.  
  292. <div onclick="location.href='go:boru';" class="col s4">
  293. <div class="card">
  294. <div class="card-content">
  295. <img class="image" src="https://onyeni.com/wp-content/uploads/2018/03/boru-film-poster-afi%C5%9F.jpg" alt="Snow";">
  296. <div class="overlay">
  297. <p><span style="color:red;">Börü</span><br>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302.  
  303.  
  304. <div onclick="location.href='go:riseofempi';" class="col s4">
  305. <div class="card">
  306. <div class="card-content">
  307. <img class="image" src="https://upload.wikimedia.org/wikipedia/tr/a/ad/Rise_Of_Empires_Ottoman.jpeg" alt="Snow";">
  308. <div class="overlay">
  309. <p><span style="color:red;">Rise Of Empires Ottoman</span><br>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314.  
  315. <div onclick="location.href='go:hile';" class="col s4">
  316. <div class="card">
  317. <div class="card-content">
  318. <img class="image" src="https://blogtc.net/wp-content/uploads/2019/10/fb_img_1513504536350.jpg" alt="Snow";">
  319. <div class="overlay">
  320. <p><span style="color:red;">Hile</span><br>
  321. </div>
  322. </div>
  323. </div>
  324. </div>
  325.  
  326. <div onclick="location.href='go:sahsi';" class="col s4">
  327. <div class="card">
  328. <div class="card-content">
  329. <img class="image" src="https://tr.web.img2.acsta.net/pictures/18/03/14/15/44/5722304.jpg" alt="Snow";">
  330. <div class="overlay">
  331. <p><span style="color:red;">Şahsiyet</span><br>
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336.  
  337. <div onclick="location.href='go:hbig';" class="col s4">
  338. <div class="card">
  339. <div class="card-content">
  340. <img class="image" src="https://tr.web.img4.acsta.net/pictures/20/03/20/14/59/1777888.jpg" alt="Snow";">
  341. <div class="overlay">
  342. <p><span style="color:red;">Hayaller Bizim İki Gözüm</span><br>
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347.  
  348. <div onclick="location.href='go:kafalarina';" class="col s4">
  349. <div class="card">
  350. <div class="card-content">
  351. <img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/80/0x0/5e6f867f866ac30308d5405c" alt="Snow";">
  352. <div class="overlay">
  353. <p><span style="color:red;">Kafalarına Göre</span><br>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358.  
  359. <div onclick="location.href='go:pavyon';" class="col s4">
  360. <div class="card">
  361. <div class="card-content">
  362. <img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/330x469/5d1c886c866ac31bf49b4879" alt="Snow";">
  363. <div class="overlay">
  364. <p><span style="color:red;">Pavyon</span><br>
  365. </div>
  366. </div>
  367. </div>
  368. </div>
  369.  
  370. <div onclick="location.href='go:sfrbr';" class="col s4">
  371. <div class="card">
  372. <div class="card-content">
  373. <img class="image" src="https://cdnb.artstation.com/p/assets/images/images/015/853/309/large/hilmi-akca-sifirbir-5-rvz-1.jpg?1549919679" alt="Snow";">
  374. <div class="overlay">
  375. <p><span style="color:red;">Sıfır Bir</span><br>
  376. </div>
  377. </div>
  378. </div>
  379. </div>
  380.  
  381. <div onclick="location.href='go:sahip';" class="col s4">
  382. <div class="card">
  383. <div class="card-content">
  384. <img class="image" src="https://tr.web.img3.acsta.net/pictures/17/02/21/12/28/296165.jpg" alt="Snow";">
  385. <div class="overlay">
  386. <p><span style="color:red;">Sahipli</span><br>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391.  
  392. <div onclick="location.href='go:sikismisli';" class="col s4">
  393. <div class="card">
  394. <div class="card-content">
  395. <img class="image" src="https://i.sozcu.com.tr/wp-content/uploads/2019/04/02/sikismislik.jpg" alt="Snow";">
  396. <div class="overlay">
  397. <p><span style="color:red;">Sıkışmışlık</span><br>
  398. </div>
  399. </div>
  400. </div>
  401. </div>
  402.  
  403. <div onclick="location.href='go:yasamayanl';" class="col s4">
  404. <div class="card">
  405. <div class="card-content">
  406. <img class="image" src="https://tr.web.img4.acsta.net/pictures/18/08/27/08/45/5386251.jpg" alt="Snow";">
  407. <div class="overlay">
  408. <p><span style="color:red;">Yaşamayanlar</span><br>
  409. </div>
  410. </div>
  411. </div>
  412. </div>
  413.  
  414.  
  415.  
  416.  
  417. <!--myflix grid bitis-->
  418.                
  419. <!-- Optional JavaScript -->
  420.      
  421.    
  422. <!-- Compiled and minified JavaScript -->
  423. <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  424.    
  425. <script>               
  426.        
  427. //arama
  428. function myFunction() {
  429. // Declare variables
  430.   var input, filter, ul, li, a, i, txtValue;
  431.   input = document.getElementById('autocomplete-input');
  432.   filter = input.value.toUpperCase();
  433.   ul = document.getElementById("liste");
  434.   li = ul.getElementsByTagName('div');
  435.  
  436.   // Loop through all list items, and hide those who don't match the search query
  437.   for (i = 0; i < li.length; i++) {
  438.         a = li[i@[email protected]("p")[0@CCORCH@;
  439.         txtValue = a.textContent || a.innerText;
  440.         if (txtValue.toUpperCase().indexOf(filter) > -1) {
  441.           li[i@[email protected] = "";
  442.         } else {
  443.           li[i@[email protected] = "none";
  444.         }
  445.   }
  446. }
  447. //arama bitis
  448.     </script>
  449. <!--myflix -->
  450.  <script type="text/javascript">
  451.  //form tags to omit in NS6+:
  452.  var omitformtags=["input", "textarea", "select"]
  453.  omitformtags=omitformtags.join("|")
  454.  function disableselect(e){
  455.  if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  456.  return false
  457.  }
  458.  function reEnable(){
  459.  return true
  460.  }
  461.  if (typeof document.onselectstart!="undefined")
  462.  document.onselectstart=new Function ("return false")
  463.  else{
  464.  document.onmousedown=disableselect
  465.  document.onmouseup=reEnable
  466.  }
  467.  </script>
  468. <!--myflix-->