hahaha!!! i fixed it!
for those who are wondering, i commented out those pesky double src url thingy (added the red comment tags) on steamprofile.js:
Code:
// load templates
profileTpl = $(configData.find('templates > profile').text());
loadingTpl = $(configData.find('templates > loading').text());
errorTpl = $(configData.find('templates > error').text());
// add theme path to image src
//profileTpl.find('img').attrAppend('src', themePath);
//loadingTpl.find('img').attrAppend('src', themePath);
//errorTpl.find('img').attrAppend('src', themePath);
then on steamprofile.xml, changed all SRC= images relative to root path. full steamprofile.xml code:
Code:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<steamprofile-config>
<vars>
<!-- The Theme used by SteamProfile. Must be the name of a folder inside the "themes/" folder. -->
<var name="theme">default</var>
<!-- If set to true, the slider menu with icon links will be shown. -->
<var name="slidermenu">true</var>
<!-- If set to true, the banner of the currenty played game will be shown in the badge background. -->
<var name="gamebanner">true</var>
</vars>
<!-- The HTML templates for DOM manipulation. Change only if you know what you're doing. -->
<templates>
<profile>
<![CDATA[
<div class="sp-bg-game">
<div class="sp-bg-fade">
<div class="sp-badge">
<div class="sp-avatar">
<a target="_blank" href="">
<img src="" width="32" height="32" alt="" />
</a>
</div>
<div class="sp-info">
<a target="_blank" href=""></a><br />
</div>
<div class="sp-extra">
<div class="sp-handle"></div>
<div class="sp-content">
<a class="sp-joingame" title="Join Game" href=""><img src="/steamprofile/themes/default/icon_join_game.png" width="16" height="16" alt="" /></a>
<a class="sp-addfriend" title="Add to Friends" href=""><img src="/steamprofile/themes/default/icon_add_friend.png" width="16" height="16" alt="" /></a>
<a class="sp-viewitems" title="View Items" href="" target="_blank"><img src="/steamprofile/themes/default/icon_view_items.png" width="16" height="16" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
]]>
</profile>
<loading>
<![CDATA[
<div class="sp-loading">
<img src="/steamprofile/themes/default/loading.gif" width="32" height="32" alt="" />
Loading...
</div>
]]>
</loading>
<error>
<![CDATA[
<div class="sp-error">
<img src="/steamprofile/themes/default/error.png" width="16" height="16" alt="Error" />
</div>
]]>
</error>
</templates>
</steamprofile-config>