API tools faq
paste
Advertisement
Guest User

Script Menyatakan Cinta Lewat Code HTML

a guest
Sep 15th, 2017
431
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html><head>
  4.  
  5.  
  6. <title>Spesial Untukmu !!!</title><link rel="SHORTCUT ICON"   href="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Love-heart-arrow.svg/2000px-Love-heart-arrow.svg.png"/>
  7. <meta name="description" content="Script By Muhammad Hilmy Taufik" />
  8. <embed src="http://www.youtube.com/v/awPN-ISo0XM&autoplay=1" type="application/x-shockwave-flash"wmode="transparent" width="1" height="1">
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript">
  10.    
  11. /*
  12. @ Script Menyatakan Cinta HTML
  13. @ Author By : Muhammad Hilmy Taufik
  14. @ Contact Me : muhammad.hilmy.taufik@gmail.com
  15. @ Visit My Blog : muhammad-hilmy.blogspot.com
  16. */
  17.  
  18. </script>
  19. </head>
  20. <style>
  21.  
  22. body{
  23.  
  24. background-color: #000000;
  25.  
  26. background-repeat:no-repeat;
  27.  
  28. background-attachment:fixed;
  29.  
  30. background-position: center;
  31.  
  32. background: url("https://2.bp.blogspot.com/-OrRcM-6BAHs/VXP4lGRIwEI/AAAAAAAAB5o/mIvyWifxxVk/s1600/Lovers-kissing-in-park-HD-anime-wallpaper-image.jpg");
  33.  
  34. font-family: Verdana;
  35.  
  36. font-size: 27px;
  37.  
  38. }
  39.  
  40. h1 {
  41.  
  42. padding: 10px 15px;
  43.  
  44. margin: 0px;
  45.  
  46. font-size: 14px;
  47.  
  48. background-color: #000000;
  49.  
  50. //background-image: -moz-linear-gradient(100% 100% 90deg, #777, #999) !important;
  51.  
  52. //background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#777)) !important;
  53.  
  54. color: #FFF;
  55.  
  56. //-webkit-border-radius:8px 8px 0px 0px;
  57.  
  58. //-moz-border-radius: 8px 8px 0px 0px;
  59.  
  60. border-radius: 8px 8px 0px 0px;
  61.  
  62. text-shadow:1px 1px 2px #333333;
  63.  
  64. opacity: 0.5;
  65.  
  66. }
  67.  
  68. table {
  69.  
  70. width: 565px;
  71.  
  72. }
  73.  
  74. table tr td{
  75.  
  76. font-family: Verdana;
  77.  
  78. font-size: 11px;
  79.  
  80. padding: 10px 5px;
  81.  
  82. border-bottom: solid 1px #CCC;
  83.  
  84.  
  85.  
  86. }
  87.  
  88. #wrapper{
  89.  
  90. width: 800px;
  91.  
  92. margin: 10px auto;
  93.  
  94. text-align: left;
  95.  
  96. background: url('') no-repeat center center fixed ;
  97.  
  98. }
  99.  
  100. #console{
  101.  
  102. height: 400px;
  103.  
  104. overflow: auto;
  105.  
  106. background-color: #000;
  107.  
  108. padding: 15px;
  109.  
  110. font-family: monospace;
  111.  
  112. font-size: 12px;
  113.  
  114. color: #FF0000;
  115.  
  116. }
  117.  
  118. .content{
  119.  
  120. padding: 15px;
  121.  
  122. }
  123.  
  124. #commander{
  125.  
  126. border: solid 1px #CCC;
  127.  
  128. padding: 5px 10px;
  129.  
  130. -webkit-border-radius: 2px;
  131.  
  132. -moz-border-radius: 2px;
  133.  
  134. border-radius: 2px;
  135.  
  136. margin: 5px;
  137.  
  138. width: 590px;
  139.  
  140. height: 30px;
  141.  
  142. }
  143.  
  144. .box{
  145.  
  146. -moz-box-shadow: 1px 1px 8px #666;
  147.  
  148. -webkit-box-shadow: 1px 1px 8px #666;
  149.  
  150. box-shadow: 1px 1px 8px #FF0000;
  151.  
  152. border: solid 1px black;
  153.  
  154. -webkit-border-radius: 8px 8px 0px 0px;
  155.  
  156. -moz-border-radius: 8px 8px 0px 0px;
  157.  
  158. border-radius: 8px 8px 0px 0px;
  159.  
  160. margin: 15px 0px;
  161.  
  162. background-color: #F5F5F5;
  163.  
  164. opacity: 0.8;
  165.  
  166. }
  167.  
  168. #help{
  169.  
  170. width: 300px;
  171.  
  172. float: right;
  173.  
  174. }
  175.  
  176. .prefix{
  177.  
  178. color: #0077E7;
  179.  
  180. }
  181.  
  182. .keyword{
  183.  
  184. color: #9eff63;
  185.  
  186. }
  187.  
  188. .error{
  189.  
  190. color: #FF0000;
  191.  
  192. }
  193.  
  194. .spacer{
  195.  
  196. clear: both;
  197.  
  198. display: block;
  199.  
  200. }
  201.  
  202. </style>
  203.  
  204. <script type="text/javascript">
  205.  
  206. // MUHAMMAD HILMY TAUFIK
  207.  
  208. TypingText = function(element, interval, cursor, finishedCallback) {
  209.  
  210. if((typeof document.getElementById == "undefined") || (typeof
  211.  
  212.  
  213.  
  214. element.innerHTML == "undefined")) {
  215.  
  216. this.running = true;
  217.  
  218. return;
  219.  
  220. }
  221.  
  222. this.element = element;
  223.  
  224. this.finishedCallback = (finishedCallback ? finishedCallback : function() {
  225.  
  226.  
  227.  
  228. return; });
  229.  
  230. this.interval = (typeof interval == "undefined" ? 100 : interval);
  231.  
  232. this.origText = this.element.innerHTML;
  233.  
  234. this.unparsedOrigText = this.origText;
  235.  
  236. this.cursor = (cursor ? cursor : "");
  237.  
  238. this.currentText = "";
  239.  
  240. this.currentChar = 0;
  241.  
  242. this.element.typingText = this;
  243.  
  244. if(this.element.id == "") this.element.id = "typingtext" +
  245.  
  246.  
  247.  
  248. TypingText.currentIndex++;
  249.  
  250. TypingText.all.push(this);
  251.  
  252. this.running = false;
  253.  
  254. this.inTag = false;
  255.  
  256. this.tagBuffer = "";
  257.  
  258. this.inHTMLEntity = false;
  259.  
  260. this.HTMLEntityBuffer = "";
  261.  
  262. }
  263.  
  264. TypingText.all = new Array();
  265.  
  266. TypingText.currentIndex = 0;
  267.  
  268. TypingText.runAll = function() {
  269.  
  270. for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();
  271.  
  272. }
  273.  
  274. TypingText.prototype.run = function() {
  275.  
  276. if(this.running) return;
  277.  
  278. if(typeof this.origText == "undefined") {
  279.  
  280. setTimeout("document.getElementById('" + this.element.id +
  281.  
  282.  
  283.  
  284. "').typingText.run()", this.interval);
  285.  
  286. return;
  287.  
  288. }
  289.  
  290. if(this.currentText == "") this.element.innerHTML = "";
  291.  
  292. if(this.currentChar < this.origText.length) {
  293.  
  294. if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) {
  295.  
  296. this.tagBuffer = "<";
  297.  
  298. this.inTag = true;
  299.  
  300. this.currentChar++;
  301.  
  302. this.run();
  303.  
  304. return;
  305.  
  306. } else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) {
  307.  
  308. this.tagBuffer += ">";
  309.  
  310. this.inTag = false;
  311.  
  312. this.currentText += this.tagBuffer;
  313.  
  314. this.currentChar++;
  315.  
  316. this.run();
  317.  
  318. return;
  319.  
  320. } else if(this.inTag) {
  321.  
  322. this.tagBuffer += this.origText.charAt(this.currentChar);
  323.  
  324. this.currentChar++;
  325.  
  326. this.run();
  327.  
  328. return;
  329.  
  330. } else if(this.origText.charAt(this.currentChar) == "&" && !
  331.  
  332.  
  333.  
  334. this.inHTMLEntity) {
  335.  
  336. this.HTMLEntityBuffer = "&";
  337.  
  338. this.inHTMLEntity = true;
  339.  
  340. this.currentChar++;
  341.  
  342. this.run();
  343.  
  344. return;
  345.  
  346. } else if(this.origText.charAt(this.currentChar) == ";" &&
  347.  
  348.  
  349.  
  350. this.inHTMLEntity) {
  351.  
  352. this.HTMLEntityBuffer += ";";
  353.  
  354. this.inHTMLEntity = false;
  355.  
  356. this.currentText += this.HTMLEntityBuffer;
  357.  
  358. this.currentChar++;
  359.  
  360. this.run();
  361.  
  362. return;
  363.  
  364. } else if(this.inHTMLEntity) {
  365.  
  366. this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);
  367.  
  368. this.currentChar++;
  369.  
  370. this.run();
  371.  
  372. return;
  373.  
  374. } else {
  375.  
  376. this.currentText += this.origText.charAt(this.currentChar);
  377.  
  378. }
  379.  
  380. this.element.innerHTML = this.currentText;
  381.  
  382. this.element.innerHTML += (this.currentChar < this.origText.length - 1 ?
  383.  
  384.  
  385.  
  386. (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) :
  387.  
  388.  
  389.  
  390. "");
  391.  
  392. this.currentChar++;
  393.  
  394. setTimeout("document.getElementById('" + this.element.id +
  395.  
  396.  
  397.  
  398. "').typingText.run()", this.interval);
  399.  
  400. } else {
  401.  
  402. this.currentText = "";
  403.  
  404. this.currentChar = 0;
  405.  
  406. this.running = false;
  407.  
  408. this.finishedCallback();
  409.  
  410. }
  411.  
  412. }
  413.  
  414. </script>
  415.  
  416. <style>
  417. img {
  418. animation-name: rotate ;
  419. animation-duration: 5s;
  420. animation-play-state: running;
  421. animation-timing-function: linear;
  422. animation-iteration-count: infinite;
  423. opacity: 0.8;filter: alpha(opacity=50);} img:hover {opacity: 1.0;filter: alpha(opacity=100);}
  424.  
  425. @keyframes rotate{
  426. 10% {transform:rotateY(36deg)}
  427. 20% {transform:rotateY(72deg)}
  428. 30% {transform:rotateY(108deg)}
  429. 40% {transform:rotateY(144deg)}
  430. 50% {transform:rotateY(180deg)}
  431. 60% {transform:rotateY(216deg)}
  432. 70% {transform:rotateY(252deg)}
  433. 80% {transform:rotateY(288deg)}
  434. 90% {transform:rotateY(324deg)}
  435. 100% {transform:rotateY(360deg)}
  436. }</style>
  437.  
  438. </head>
  439.  
  440. <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>
  441. <center><img src= "https://ecs7.tokopedia.net/img/product-1/2016/7/8/3090533/3090533_35f3db52-0e72-41b2-a018-7f65c4873df4.png" witdh = "100" height = "100" ></center><br>
  442. <div id="wrapper">
  443.  
  444. <div class="box">
  445.  
  446. <center>
  447.  
  448. <h1><img src="https://tinyclipart.com/resource/love-clipart/love-clipart-36.png" width="4%">  root@999H0ST[+]MUHAMMAD HILMY TAUFIK  <img src="https://tinyclipart.com/resource/love-clipart/love-clipart-36.png" width="4%"></center></h1>
  449.  
  450. <div id="console"><span class="prefix">
  451.  
  452. <p id="message">
  453.  
  454. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="red">:<font color="#FF0404"><b>~</b></font><font color="red"># Hai Cantik <br>
  455.  
  456. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="red">:<font color="#FF0404"><b>~</b></font><font color="red"># Saya Buatkan Program ini Khusus Untukmu <br>
  457.  
  458. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="red">:<font color="#FF0404"><b>~</b></font><font color="red"># Dan Kutujukan Untukmu juga <br>
  459. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="red">:<font color="#FF0404"><b>~</b></font><font color="red"># Dan Ku beranikan Diri Mengatakan Sesuatu Untukmu lewat program ini <br>
  460.  
  461. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="red">:<font color="#FF0404"><b>~</b></font><font color="red"># sejak pertama kali bertemu dengan mu<br>
  462.  
  463. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="red">:<font color="#FF0404"><b>~</b></font><font color="red"># saya sudah Menyimpan perasaan ku untuk mu<br>
  464.  
  465.  
  466.  
  467. <br>
  468.  
  469. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color=" red"># Saya hanya cowok biasa yang memiliki banyak kekurangan </br>
  470.  
  471. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color="red"># Dan mungkin tak pantas mengharapkan cintamu</br>
  472.  
  473.  
  474. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color="red"># Saya tak ingin memaksamu</br>
  475.  
  476. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color="red">#  namun Saya juga sangat berharap bahwa kamu mau mengerti perasaanku.<b><font color=gray><br>
  477.  
  478. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color="red"># Kata cinta terdengar norak bagi mereka yang tidak merasakannya. <br>
  479.  
  480. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color="red"># Tapi bagiku,Cinta Itu Bagaikan Sebuah Computer dan Kamulah Programnya<br>
  481.  
  482. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color="red"># Saat inilah saya berani Mengatakan Sesuatu untukmu<br>
  483. <font color="gray"><b>root@999H0ST[+]MUHAMMAD HILMY TAUFIK</b></font><font color="blue">:<font color="#1D04FF"><b>~</b></font><font color="green"># BAHWA SAYA!!!!<br>
  484.  
  485. <font color="aqua"><br><br><br><br>SAYA MENCINTAIMU,,DAN MAUKAH KAMU MENJADI PACAR KU DAN MENERIMAKU APA ADANYA??</font><br>
  486. <font color="red">KAMU BOLEH MENJAWABNYA KAPAN SAJA,,TAPI JANGAN LAMA JUGA YA :v...KARENA SAYA TULUS MENCINTAI MU</font><br><br>
  487. SEKIAN PESAN KU PADAMU [+] MUHAMMAD HILMY TAUFIK [+]<br>
  488. <script type="text/javascript">
  489.  
  490. new TypingText(document.getElementById("message"), 50, function(i){ var ar
  491.  
  492.  
  493.  
  494. = new Array("|", "|", "|", "|"); return " " + ar[i.length % ar.length]; });
  495.  
  496.  
  497.  
  498. //Type out examples:
  499.  
  500. TypingText.runAll();
  501.  
  502.  
  503.  
  504. </script>
  505.  
  506. <input text="test" id="commander" onkeyup="execute(this,event);" disabled="disabled" style="width:786px;"/>
  507.  
  508. </div>
  509.  
  510. <div class="spacer"></div>
  511.  
  512. </html>
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!