Advertisement
ndfjay

DeadlySin shop layout

Oct 7th, 2016
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.84 KB | None | 0 0
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  2.  
  3. <!-- Put your map names in "maps" with quotations and seperated by commas as seen below -->
  4. <!-- Put your map links  in "mapLinks" with quotations and seperated by commas as seen below -->
  5. <!-- Put your Product Image url in "productImage" with quotations as seen below -->
  6. <!-- To move the product image to the right, change the product image offset below, increased in pixels -->
  7.  
  8. <script>
  9. var maps = ["Diffuse01","Diffuse02","Diffuse03"];
  10. var mapLinks = ["http://www.google.com","http://www.google.com","http://www.google.com"];
  11. var productImage = "http://i.imgur.com/edWte5a.png";
  12. var ProductImageOffset = "0px";
  13.  
  14. function setProductImage(){
  15.  document.getElementById("prodImg").innerHTML = '<img src="'+productImage+'" style="width: 390px; float: left; bottom: 0; position: absolute; margin-left: '+ProductImageOffset+'" </a>';
  16. };
  17.  
  18. function buildLink( loc, name) {
  19. return '<a href="'+loc+'" target="_new" id="mapBTN">'+name+"</a>";
  20. };
  21.  
  22. function genLinks(){
  23.  for(i = 0; i < maps.length; i++) {
  24.  document.getElementById("LinksBar").innerHTML = document.getElementById("LinksBar").innerHTML + '<a style="color: #fff;" href="' + mapLinks[i] + '" target="_new" id="mapBTN">' + maps[i] + '</a><br />';
  25.  }
  26. }
  27. </script>
  28.  
  29. <script>
  30. setTimeout(function(){
  31.       setProductImage(); genLinks();
  32.     }, 3000);
  33. </script>
  34.  
  35. <style>
  36. #mapBTN{
  37.  width:100px; height:50px;
  38. }
  39. .container{
  40.  width: 930px;
  41.  height: 600px;
  42.  background: url(http://i.imgur.com/8pY0ji9.png);
  43.  position: relative;
  44. }
  45. </style>
  46. <div class="container">
  47.  
  48. <div id="prodImg" style="float:left; height: 600px; bottom: 0px; width: 390px; position: relative;"></div>
  49.  
  50. <div id="LinksBar" style="float:left; width: 500px; height: 270px; color: #FFF; text-align: center; margin-top: 190px; font-size: 18pt; font-family: Tahoma;"></div>
  51.  
  52. <div style="width:520px; height: 115px; float:left; right: 0; bottom: 0; position: absolute; text-align: center; color: #FFF; font-family: Tahoma;"> My recent uploads<br />
  53. <!-- Product Marquee generated @ gaf210.imvustylez.net -->
  54. <style type="text/css">.imvustylez_products_marquee{margin:0px auto}.imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px} .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;} .imvustylez_products_marquee .productbox,.imvustylez_products_marquee .productbox img{width:100px !important;height:80px !important;}</style>
  55. <marquee class='imvustylez_products_marquee' width='500' height='100' scrollamount='3' direction='left' behavior='scroll' onmouseover="this.stop()" onmouseout="this.start()"><div style='width:2675px'><script type="text/javascript" src="http://gaf210.imvustylez.net/newprodsbanner/filtered_dev_panel.js.php?dev_id=27917016&pn=new&q=25"></script></div></marquee>
  56. </div>
  57. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement