SHARE
TWEET

News Comment PopUp

a guest Jun 20th, 2015 258 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <a class='button'onclick='document.getElementById(&#39;myModal&#39;).style.top=&#39;80px&#39;;'>News Comment</a>
  2.  
  3.  
  4.  
  5. <div class='modal-dialog' id='myModal'>
  6. <div class='modal-content'>
  7. <div class='modal-header'>
  8. <button aria-hidden='true' class='close' data-dismiss='modal' id='closex' onclick='document.getElementById(&#39;myModal&#39;).style.top=&#39;-500px&#39;;' type='button'>&#215;</button>
  9. <h4 class='modal-title' id='myModalLabel'>
  10. Nhận Xét Mới Nhất</h4>
  11. </div>
  12. <div class='modal-body'>
  13. <script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script>
  14. <script style=text/javascript>
  15.     var a_rc = 5;
  16.     var m_rc = false;
  17.     var n_rc = true;
  18.     var o_rc = 100;
  19. </script>
  20. <script src=http://blog.bomkhung.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
  21. <style type="text/css">
  22. .rcw-comments a {
  23.     text-transform: capitalize;
  24. }
  25.  
  26. .rcw-comments {
  27.     border-bottom: 1px dotted;
  28.     padding-top: 7px!important;
  29.     padding-bottom: 7px!important;
  30. }
  31. </style>
  32. </div>
  33. </div></div>
  34.  
  35. <style>/* CSS Dialog Khusus */
  36. #mydonasi{position:fixed;top:-500px;z-index:10;transition:0.4s all ease-in-out;}
  37. #myModal{position:fixed;top:-550px;z-index:10;transition:0.4s all ease-in-out;}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (max-width:480px){.modal-dialog{top:0!important;left:0!important}}@media screen and (max-width:320px){.modal-dialog{top:0!important;left:0!important}}.modal-dialog{position:fixed;top:50px;left:300px;width:auto;margin:10px;width:700px;max-width:100%}.modal-content{position:relative;background-color:#3B5998;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:none;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-header{min-height:16.42857143px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.modal-title{margin:0;font-size:150%!important;margin-bottom:-10px!important}.modal-body{position:relative;padding:20px;text-align:left;}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}</style>
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