Jump to content

Make a widget for your game


Josh
 Share

Recommended Posts

Just modify the code below and you can make a cool widget to put on your site or on your IndieDB page. Make this its own HTML file and then embed the widget in an iframe:

post-1-0-63008600-1440285248.png

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hunt for Food on Steam Workshop</title>
<link href="http://store.akamai.steamstatic.com/public/shared/css/shared_global.css?v=CAxH0IUvwBTF" rel="stylesheet" type="text/css" >
<link href="http://store.akamai.steamstatic.com/public/css/styles_storev5.css?v=kCDcu1IQaT3s" rel="stylesheet" type="text/css" >
<!--[if lte IE 6]> <link href="http://store.akamai.steamstatic.com/public/css/styles_storev5_ie6.css?v=sEaT8nRDvs3H" rel="stylesheet" type="text/css" >
<![endif]-->
<!--[if lte IE 7]> <style type="text/css"> .iepopupfix{ display: block; } </style> <![endif]-->
<link href="http://store.akamai.steamstatic.com/public/css/styles_widget.css?v=2t8py0xB5577" rel="stylesheet" type="text/css" >
<link href="http://store.akamai.steamstatic.com/public/shared/css/motiva_sans.css?v=ful_LJT3NQYl" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="http://store.akamai.steamstatic.com/public/shared/javascript/jquery-1.8.3.min.js?v=.TZ2NKhB-nliU"></script>
<link rel="image_src" href="http://cdn.akamai.steamstatic.com/steam/apps/251810/capsule_231x87.jpg?t=1440171692">
</head>
<body>
<div id="widget">
<div id="header" class="header_container">
<h1 class="main_text">
<a href="steam://run/355500//+game 425347901">Play Hunt for Food</a>
</h1><h1 class="tail"> <a href="steam://run/355500//+game 425347901"><em>on Steam Workshop</em></a></h1>    </div>
<div style="clear: both;"></div>
<div class="desc">
<a href="steam://run/355500//+game 425347901">
<img style="width: 184px; height: 69px; object-fit: cover;" class="capsule" src="http://images.akamai.steamusercontent.com/ugc/39746859834047834/F9A6A5FEFA05FF80C0F9C065DB44955870BCED2D/184x104.resizedimage"></a>
Hunt For Food is a sandbox survival game that takes place on a procedurally generated island. Can you handle nature or will you be destroyed completely?     </div>
<div style="clear: both;"></div>
<div class="game_area_purchase_platform"><!--<span class="platform_img steamplay"></span>--><span class="platform_img win"></span><!--<span class="platform_img linux">--></span></div>
<div class="game_purchase_action">
<form name="add_to_cart_30777" action="steam://run/355500//+game 425347901" method="POST" target="_blank">
<input type="hidden" name="snr" value="1_5_1100_">
<input type="hidden" name="sessionid" value="bd0d7c206756407f5be75581">
<input type="hidden" name="action" value="add_to_cart">
<input type="hidden" name="subid" value="30777">
</form>
<div class="game_purchase_action_bg">
<div class="game_purchase_price price">
FREE    </div>
<div class="btn_addtocart">
<div class="btn_addtocart_left"></div>
<a class="btn_addtocart_content" href="steam://run/355500//+game 425347901">
Play on Steam Workshop</a>
<div class="btn_addtocart_right"></div>
</div>
</div>
</div>
</div>
</body>
</html>

  • Upvote 5

My job is to make tools you love, with the features you want, and performance you can't live without.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...