API tools faq
paste
Advertisement
ndfjay

Diov 2

ndfjay
Mar 4th, 2017
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.65 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
  2.  
  3. <div id="home" style="display:none">
  4.   Welcome to the homepage of Diov ♥
  5. </div>
  6.  
  7. <div id="about" style="display:none">
  8.   My name is Diov, <br />Im a furry creator so check out my shop! <br />(Im constantly afk due to creating) <br /> Taken by ♥Tails (14/04/2015) I love you♥ <br /> Customs are currently Closed.
  9. </div>
  10.  
  11. <div id="faq" style="display:none">
  12. All Designs aside from my homepage, Art and Templates are made by me 100%. Any theft and claiming of my work will result in DMCA's and will not be tolerated. Please do not copy or steal my designs, Do not make my meshes Any skin products OR set your own to derivable.
  13. </div>
  14.  
  15. <div id="support" style="display:none">
  16.   <a href="https://www.imvu.com/shop/web_search.php?keywords=&within=creator&page=1&cat=&bucket=&tag=&sortorder=desc&quickfind=new&product_rating=-1&offset=&narrow=&manufacturers_id=110043699&derived_from=0&derivable=0&sort=id" target="_blank"><img src=" https://userimages-akm.imvu.com/userdata/10/04/36/99/userpics/Snap_E8fGltMmSz921915038.gif "/></a><a href=https://www.filessalesforum.com/forum.htm><img src=https://i26.tinypic.com/29bf1ue.png border=0><a href="https://www.dmca.com/Protection/Status.aspx?ID=0a04678c-7f4c-43b0-b5cb-18a21618cc7e" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca-badge-w200-5x1-10.png?ID=0a04678c-7f4c-43b0-b5cb-18a21618cc7e"  alt="DMCA.com Protection Status" /></a>
  17. </div>
  18.  
  19. <div id="banner" style="display:none">
  20.  
  21. </div>
  22.  
  23. <div id="badges" style="display:none">
  24.  
  25. </div>
  26.  
  27. <script>
  28. var friends = ["Tails", "Riinoa", "Rieno", "Zephy", "MorseCode", "Grawrzor"];
  29. function genFriends(){
  30.   document.getElementById("mainContent").innerHTML = "";
  31.  for(i = 0; i < friends.length; i++) {
  32. document.getElementById("mainContent").innerHTML = document.getElementById("mainContent").innerHTML + '<a href="https://avatars.imvu.com/'+friends[i]+'"><div id="fPic" target="_new" title="Visit the homepage of: '+friends[i]+'" href="'+friends[i]+'" style="background: url(https://www.imvu.com/catalog/web_av_pic.php?av='+friends[i]+') no-repeat top left; background-size: 100px 138px;" ><div id="fOver"><div style="margin-top: 50px; position: absolute; width:100px;"><center>'+friends[i]+'</center></div></div></div></a>';
  33.  }
  34. }
  35.  
  36. function switchTab(tab){
  37.   document.getElementById('mainContent').innerHTML = document.getElementById(tab).innerHTML;
  38. }
  39.  
  40. function openInNewTab(url) {
  41.   var win = window.open(url, '_blank');
  42.   win.focus();
  43. }
  44. </script>
  45.  
  46. <link href="//db.onlinewebfonts.com/c/389c39b6746d4be8ad593f218bb217f3?family=Luna's+Handwriting" rel="stylesheet" type="text/css"/>
  47. <link href="//db.onlinewebfonts.com/c/249a20978c781fa802558722634973ad?family=cuteso" rel="stylesheet" type="text/css"/>
  48. <style type="text/css">
  49. @import url("//db.onlinewebfonts.com/c/389c39b6746d4be8ad593f218bb217f3?family=Luna's+Handwriting");
  50. @font-face {font-family: "Luna's Handwriting";
  51.     src: url("//db.onlinewebfonts.com/t/389c39b6746d4be8ad593f218bb217f3.eot");
  52.     src: url("//db.onlinewebfonts.com/t/389c39b6746d4be8ad593f218bb217f3.eot?#iefix") format("embedded-opentype"),
  53.     url("//db.onlinewebfonts.com/t/389c39b6746d4be8ad593f218bb217f3.woff2") format("woff2"),
  54.     url("//db.onlinewebfonts.com/t/389c39b6746d4be8ad593f218bb217f3.woff") format("woff"),
  55.     url("//db.onlinewebfonts.com/t/389c39b6746d4be8ad593f218bb217f3.ttf") format("truetype"),
  56.     url("//db.onlinewebfonts.com/t/389c39b6746d4be8ad593f218bb217f3.svg#Luna's Handwriting") format("svg");
  57. }
  58.  
  59. @import url(//db.onlinewebfonts.com/c/249a20978c781fa802558722634973ad?family=cuteso);
  60.  
  61. @font-face {font-family: "cuteso";
  62.     src: url("//db.onlinewebfonts.com/t/249a20978c781fa802558722634973ad.eot");
  63.     src: url("//db.onlinewebfonts.com/t/249a20978c781fa802558722634973ad.eot?#iefix") format("embedded-opentype"),
  64.     url("//db.onlinewebfonts.com/t/249a20978c781fa802558722634973ad.woff2") format("woff2"),
  65.     url("//db.onlinewebfonts.com/t/249a20978c781fa802558722634973ad.woff") format("woff"),
  66.     url("//db.onlinewebfonts.com/t/249a20978c781fa802558722634973ad.ttf") format("truetype"),
  67.     url("//db.onlinewebfonts.com/t/249a20978c781fa802558722634973ad.svg#cuteso") format("svg");
  68. }
  69.  
  70. ::-webkit-scrollbar {
  71.     width: 8px;
  72. }
  73.  
  74. ::-webkit-scrollbar-track {
  75.   background-color: #80eeff;
  76.     border-radius: 10px;
  77. }
  78.  
  79. ::-webkit-scrollbar-thumb {
  80.     border-radius: 10px;
  81.     background-color: #b8abf7;
  82. }
  83. body{
  84.   background: url(http://i946.photobucket.com/albums/ad307/VoidSilver/fancehpantz_zps20539cbb.png) no-repeat fixed;
  85.   background-size: 100vw 100vh;
  86.   background-color: #000;
  87.   padding: 0;
  88.   margin:  0;
  89.   min-width: 913px;
  90.   min-height: 915px;
  91.   overflow-x: visible;
  92. }
  93.  
  94.  .imvustylez_products_marquee{margin:0px auto}
  95.  .imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px}
  96.  .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;} .imvustylez_products_marquee
  97.  .productbox,
  98.  .imvustylez_products_marquee
  99.  .productbox img{width:100px !important;height:80px !important;}
  100.  #headerbox { display: none !important; }
  101.   #footerBanner { display: none !important; }
  102.   #footer_style { display: none !important; }
  103.   #footer_panel { display: none !important; }
  104.   #ad_panel { display: none !important; }
  105.   #dev_panel{display:none !important;}
  106.   #imvuTopNav{display:none !important;}
  107.   #ccpheader_leaderboard{display: none !important;}
  108.  
  109.   .contentMainBG{
  110.     background: url(http://rienovu.esy.es/img/diov/Overlay.png) no-repeat top center;
  111.     max-width:1920px;
  112.     max-height:1080px;
  113.     min-width: 914px;
  114.     min-height: 915px;
  115.   }
  116.   #conContainer{
  117.     width: 914px;
  118.     height: 915px;
  119.     margin-left: calc(50% - 457px);
  120.   }
  121.   #navButton{
  122.      letter-spacing: 1px;
  123.      transition: letter-spacing .4s ease-in;
  124.      -webkit-transition: letter-spacing .4s ease-in;
  125.      -moz-transition: letter-spacing .4s ease-in;
  126.      -ms-transition: letter-spacing .4s ease-in;
  127.      -o-transition: letter-spacing .4s ease-in;
  128.      font-family:"Luna's Handwriting";
  129.      font-size: 36pt;
  130.      position: absolute;
  131.      float:left;
  132.      color: #000;
  133.      cursor: pointer;
  134.   }
  135.   #navButton:hover{
  136.      letter-spacing: 5px;
  137.      transition: letter-spacing .4s ease-in;
  138.      -webkit-transition: letter-spacing .4s ease-in;
  139.      -moz-transition: letter-spacing .4s ease-in;
  140.      -ms-transition: letter-spacing .4s ease-in;
  141.      -o-transition: letter-spacing .4s ease-in;
  142.   }
  143.  
  144.   #mainContent{
  145.     width: 870px;
  146.     height: 445px;
  147.     position: absolute;
  148.     float: left;
  149.     margin-left: 19px;
  150.     margin-top: 392px;
  151.     color: #FFF;
  152.     font-family: "cuteso";
  153.     font-size: 18pt;
  154.   }
  155.  
  156.   #fPic{
  157.     width: 100px;
  158.     height: 138px;
  159.     border: solid 1px pink;
  160.     margin-right: 20px;
  161.     float: left;
  162.   }
  163.   #fOver{
  164.     width: 100px;
  165.     height: 138px;
  166.       opacity: 0;
  167.      transition: opacity .4s ease-in;
  168.      -webkit-transition: opacity .4s ease-in;
  169.      -moz-transition: opacity .4s ease-in;
  170.      -ms-transition: opacity .4s ease-in;
  171.      -o-transition: opacity .4s ease-in;
  172.      background: #b8abf7;
  173.      color: #FFF;
  174.      font-family: "cuteso";
  175.      font-size: 12pt;
  176.   }
  177.   #fOver:hover{
  178.       opacity: .9;
  179.      transition: opacity .4s ease-in;
  180.      -webkit-transition: opacity .4s ease-in;
  181.      -moz-transition: opacity .4s ease-in;
  182.      -ms-transition: opacity .4s ease-in;
  183.      -o-transition: opacity .4s ease-in;
  184.   }
  185.   a{
  186.          letter-spacing: 1px;
  187.      transition: letter-spacing .4s ease-in;
  188.      -webkit-transition: letter-spacing .4s ease-in;
  189.      -moz-transition: letter-spacing .4s ease-in;
  190.      -ms-transition: letter-spacing .4s ease-in;
  191.      -o-transition: letter-spacing .4s ease-in;
  192.   }
  193.   a:hover{
  194.      letter-spacing: 5px;
  195.      transition: letter-spacing .4s ease-in;
  196.      -webkit-transition: letter-spacing .4s ease-in;
  197.      -moz-transition: letter-spacing .4s ease-in;
  198.      -ms-transition: letter-spacing .4s ease-in;
  199.      -o-transition: letter-spacing .4s ease-in;
  200.   }
  201. </style>
  202.  
  203.  
  204.  
  205.  
  206.  
  207. <div class="contentMainBG">
  208.   <div id="conContainer">
  209.    <div style="color: #000; font-size: 40pt; font-family: 'cuteso'; margin-left: 400px; position: absolute; float:left;"> DIOV </div>
  210.     <div style="float: left; position: absolute; margin-left: 377px; margin-top: 70px; z-index: 50; border-radius: 50px;">
  211.       <a href="javascript:void(0)" onclick="IMVU.AvatarCard.showPopup(110043699); return false;"><img style="border-radius: 50px;" src="https://www.imvu.com/catalog/web_av_pic.php?av=Diov" /></a>
  212.     </div>
  213.  
  214.     <div id="navButton" onclick="switchTab('home')" style="margin-left: 275px; margin-top: 68px; -webkit-transform: rotate(25deg);-moz-transform: rotate(25deg);-ms-transform: rotate(25deg);-o-transform: rotate(25deg);">Home</div>
  215.  
  216.     <div id="navButton" onclick="switchTab('about')" style="margin-left: 220px; margin-top: 115px; -webkit-transform: rotate(17deg);-moz-transform: rotate(17deg);-ms-transform: rotate(17deg);-o-transform: rotate(17deg);">About</div>
  217.  
  218.     <div id="navButton" onclick="switchTab('faq')" style="margin-left: 230px; margin-top: 175px; -webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);-ms-transform: rotate(-2deg);-o-transform: rotate(-2deg);">FAQ</div>
  219.  
  220.     <div id="navButton" onclick="genFriends()" style="margin-left: 212px; margin-top: 240px; -webkit-transform: rotate(-11deg);-moz-transform: rotate(-11deg);-ms-transform: rotate(-11deg);-o-transform: rotate(-11deg);">Friends</div>
  221.  
  222.  
  223.  
  224.     <div id="navButton" onclick="openInNewTab('https://www.imvu.com/shop/web_search.php?manufacturers_id=110043699');" style="margin-left: 565px; margin-top: 62px; -webkit-transform: rotate(-25deg);-moz-transform: rotate(25deg);-ms-transform: rotate(25deg);-o-transform: rotate(25deg);">Shop</div>
  225.  
  226.     <div id="navButton" onclick="switchTab('support')" style="margin-left: 575px; margin-top: 115px; -webkit-transform: rotate(-17deg);-moz-transform: rotate(17deg);-ms-transform: rotate(17deg);-o-transform: rotate(17deg);">Support</div>
  227.  
  228.     <div id="navButton" onclick="switchTab('banner')" style="margin-left: 590px; margin-top: 175px; -webkit-transform: rotate(2deg);-moz-transform: rotate(-2deg);-ms-transform: rotate(-2deg);-o-transform: rotate(-2deg);">Banner</div>
  229.  
  230.     <div id="navButton" onclick="switchTab('badges')" style="margin-left: 595px; margin-top: 240px; -webkit-transform: rotate(11deg);-moz-transform: rotate(-11deg);-ms-transform: rotate(-11deg);-o-transform: rotate(-11deg);">Badges</div>
  231.  
  232.  
  233.       <div id="mediabtnp" onclick="switchplaystate()" style="cursor: pointer; margin-left: 405px; margin-top: 305px; position: absolute; float:left; max-height:20px; width: 110px; z-index: 11; font-family: 'cuteso'; color: #FFF; font-size: 12px; text-align: center;"> ►
  234.  
  235.       </div>
  236.  
  237.       <div style=" margin-left: 400px; margin-top: 330px; position: absolute; float:left; max-height:20px; width: 110px; z-index: 11; font-family: 'cuteso'; color: #FFF; font-size: 12px; text-align: center; overflow-x: hidden; overflow-y: hidden;">
  238.         <marquee id="songTitle" style="width: 110px" scrollamount='1' direction='left' behavior='scroll'> this is a song title
  239.         </marquee>
  240.       </div>
  241.  
  242.     <div><center id="mainContent">
  243.     </center></div>
  244.  
  245.     <div id="Diovfooter" onclick="openInNewTab('https://avatars.imvu.com/Rieno')" style="cursor: pointer; width: 950px; position: absolute; float:left; margin-top: 860px ; color:FFF; font-family: 'cuteso'; font-size: 18pt"><center style="color:FFF;">Homepage designed and coded by Rieno</center></div>
  246.  
  247.   </div>
  248.  
  249. </div>
  250.  
  251.       <div style="width: 0px; height: 0px; float: left">
  252.           <div style="margin-top: 15px; position: absolute; float:left; width: 0px; height: 0px; background: #111111; opacity: 0; z-index: 10"> </div>
  253.             <div class="playerContainer">
  254.             <iframe id="video" style="margin-top: -60px; filter:blur(2px) saturate(65%); width: 0px; overflow: hidden;" src="//www.youtube.com/embed/videoseries?list=PLjFyNMDkfZFOYhXXGiVHkRC0bsIZkbkX9&enablejsapi=1&html5=1&autoplay=1" frameborder="0" allowfullscreen>
  255.             </iframe></div>
  256.       </div>
  257.  
  258.  
  259. <!-- Youtube Player -->
  260. <script>
  261. var player;
  262. function onYouTubePlayerAPIReady() {
  263.   player = new YT.Player('video', {
  264.     events: {
  265.             'onReady': onPlayerReady,
  266.             'onStateChange': onPlayerStateChange
  267.     }
  268.   });
  269. }
  270. function onPlayerReady(event) {player.playVideo();
  271. }
  272.  
  273. function onPlayerStateChange(event) {
  274. if ( player ) {
  275.  
  276.         if ( player.getPlayerState() != 2 ) {
  277.           document.getElementById( "songTitle" ).innerText = player.getVideoData().title;
  278.           document.getElementById('mediabtnp').innerText = "❚❚";
  279.          
  280.         } else {
  281.           document.getElementById( "songTitle" ).innerText = player.getVideoData().title;
  282.           document.getElementById('mediabtnp').innerText = "►";
  283.         }
  284.     }
  285. }
  286.  
  287. var tag = document.createElement('script');
  288. tag.src = "//www.youtube.com/player_api";
  289. var firstScriptTag = document.getElementsByTagName('script')[0];
  290. firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  291.  
  292. function switchplaystate(){
  293.   if( player.getPlayerState() == 1 ) {
  294.     player.pauseVideo();
  295.  
  296.   } else {
  297.     player.playVideo();
  298.   }
  299. }
  300. </script>
  301.  
  302. <!-- Set Up Layout on Load -->
  303. <script>
  304. window.onload = function() {
  305. switchTab('home');
  306.  lAlign();
  307. };
  308. </script>
  309.  
  310. <!-- Left Align Home Page for full page layouts -->
  311. <script>
  312. function lAlign(){
  313.   document.getElementById('url_panel').style = "left: 0px; top: 0px; width: 914px !important;"
  314.   document.getElementById('imvuContent').align = "left";
  315.     var links = document.getElementsByTagName("a");
  316.     for(var i=0;i<links.length;i++)
  317.    {
  318.        if(links[i].href)
  319.        {
  320.            links[i].style.color = '#000';  
  321.            links[i].style.font-family = 'cuteso';
  322.        }
  323.    }
  324. }
  325. </script>
  326. <script>
  327. function changeTitle(divID,divTitle)
  328. {
  329. document.getElementById(divID).innerHTML=divTitle;
  330. }
  331. </script>
  332.  
  333. <!-- Codes to hide all elements -->
  334. <style type="text/css">
  335.    #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
  336.    #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
  337.    #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
  338.    #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #outfits_panel {
  339.       display: none !important;
  340.    }
  341.    #rightColumn {
  342.       display:none !important;
  343.    }
  344. </style>
  345. <style type="text/css">
  346. #url_panel_colRow, .imvucodes_net { display:none !important; }
  347. </style>
  348. <style type="text/css">
  349. .paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
  350. </style>
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!