Neowin Forums > [help] mirinda iview , DXtransform related issue

Full Version: [help] mirinda iview , DXtransform related issue

Neowin Forums > Customizing Windows > Customization & Skinning Section

nkj

Apr 9 2005, 17:23

i can;t get any templates that use DXtranform to put png images to work , i am running the latest version of iview (1.0.2.1) and tabsrmm(0.9.9.92) and i still can;t get to work , the candybar template works well. but the others like smoothoperter, pureplastic do not.
any body got any clues this is what i get ?
[attachmentid=119609]

karma_police

Apr 9 2005, 18:00

Candybars work because it isn't using PNG transparency.

Try to disable any firewall you have and lower your security settings in Internet Settings.

nkj

Apr 9 2005, 18:41

I disabled my windows Firewall and also set the internet settings to low and it still does not work

karma_police

Apr 9 2005, 18:45

Send some messages then right click over the window and then show source. Save the file as .htm and open it with IE, do you see the images?

nkj

Apr 9 2005, 19:08

it still does not shop in ie , i have attached a shot
[attachmentid=119617]

karma_police

Apr 9 2005, 19:13

DO you get a warning when you open it with IE, about some javascript?

nkj

Apr 9 2005, 19:17

yes and even click allow on that does not seem to work

karma_police

Apr 9 2005, 19:18

Could you please paste the code?

nkj

Apr 9 2005, 19:22

here is it

CODE

<html>
<head>
<base href="E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/">
<style type="text/css">
body { font-family:Lucida Grande; background: white url(images/background.png) center top repeat-x fixed; }
img.img { vertical-align:middle; margin-top:1px; margin-bottom:1px; }
a:link,a:active,a:visited { color:#666; text-decoration:none; }
a:hover { color:#6666CC; text-decoration:underline; }
.name { color:#11109A; font-weight:bold; font-size:10px; }
.namein { color:#A90030; font-weight:bold; font-size:10px; }
.innermsg { line-height:15px; vertical-align:top; font-family:Arial; font-size:11px; color:#444; }
.spc { font-size:4px; }
.msg { word-break:break-all; position:relative; left:17px; margin-bottom:-20px; margin-top:-4px; }
.time { font-weight:bold; font-size:8px; text-align:right; color:#888; position:absolute; right:-8px; margin-top:2px; }
.nextmsg { word-break:break-all; position:relative; left:17px; margin-bottom:-20px; margin-top:1px; }
.nexttime { margin-right:-1px; width:50px; text-align:right; padding-top:2px; font-weight:bold; font-size:8px; position:absolute; left:-53px; top:0px; color:#BFBFBF; }
.hnexttime { margin-right:-1px; width:50px; text-align:right; padding-top:2px; font-weight:bold; font-size:8px; position:absolute; left:-53px; top:0px; color:#999; }
.avatar { z-index:1; position:absolute; margin-left:-23px; margin-top:-2px; }
.avatarover { z-index:2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/buddy_background.png',sizingMethod='scale'); width:40px; height:40px; position:absolute; margin-left:-26px; margin-top:-5px; }
.inav { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/noavatar.jpg',sizingMethod='scale'); width:32px; height:32px; }
.outav { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/myavatar.jpg',sizingMethod='scale'); width:32px; height:32px; }
.arrow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/arrow.png',sizingMethod='scale'); width:8px; height:8px; }
.stat_textl { font-weight:bold; color:#fff; position:absolute; margin-left:15px; margin-top:6px; width:300px; font-size:9px; }
.stat_textr { font-weight:bold; text-align:right; color:#fff; position:absolute; margin-left:-187px; margin-top:6px; width:200px; font-size:9px; }
.stat_l { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/status_left.png',sizingMethod='scale'); width:30px; height:29px; }
.stat_c { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/status_background.png',sizingMethod='scale'); width:100%; height:29px; }
.stat_r { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/status_right.png',sizingMethod='scale'); width:30px; height:29px; }
.msg_tl { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/top_left.png',sizingMethod='scale'); width:38px; height:16px; }
.msg_tc { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/top_center.png',sizingMethod='scale'); width:100%; height:16px; }
.msg_tr { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/top_right.png',sizingMethod='scale'); width:38px; height:16px; }
.msg_bl { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/bottom_left.png',sizingMethod='scale'); width:38px; height:41px; }
.msg_bc { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/bottom_center.png',sizingMethod='scale'); width:100%; height:41px; }
.msg_br { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/bottom_right.png',sizingMethod='scale'); width:41px; height:41px; }
.msg_blm { vertical-align:top; font-size:0px; text-align:right; color:#fff; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/bottom_leftmid.png',sizingMethod='scale'); width:38px; height:16px; }
.msg_brm { vertical-align:top; font-size:0px; color:#fff; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/bottom_rightmid.png',sizingMethod='scale'); height:16px; width:41px; }
.msg_c { vertical-align:top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/center.png',sizingMethod='scale'); height:16px; }
.hmsg_tl { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_top_left.png',sizingMethod='scale'); width:38px; height:16px; }
.hmsg_tc { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_top_center.png',sizingMethod='scale'); width:100%; height:16px; }
.hmsg_tr { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_top_right.png',sizingMethod='scale'); width:38px; height:16px; }
.hmsg_bl { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_bottom_left.png',sizingMethod='scale'); width:38px; height:41px; }
.hmsg_bc { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_bottom_center.png',sizingMethod='scale'); width:100%; height:41px; }
.hmsg_br { font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_bottom_right.png',sizingMethod='scale'); width:41px; height:41px; }
.hmsg_blm { vertical-align:top; font-size:0px; text-align:right; color:#fff; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_bottom_leftmid.png',sizingMethod='scale'); width:38px; height:16px; }
.hmsg_brm { vertical-align:top; font-size:0px; color:#fff; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_bottom_rightmid.png',sizingMethod='scale'); height:16px; width:41px; }
.hmsg_c { vertical-align:top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/context_center.png',sizingMethod='scale'); height:16px; }
</style>
<script language="Javascript" src="scripts.js"></script>
</head>
<body>
<script type="text/javascript">endGroupMsg();</script>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:16px;width:38px;">
<div class="hmsg_tl"> </div>
</td>
<td>
<div class="hmsg_tc"> </div>
</td>
<td style="height:16px;width:38px;">
<div class="hmsg_tr"> </div>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="hmsg_blm">
<div class="avatarover"></div>
<div class="avatar"><img src="blank.gif" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/noavatar.jpg',sizingMethod='scale'); width:32px; height:32px;" alt="inmsg" /></div>
</td>
<td class="hmsg_c">
<div class="msg">
<div class="time">Today 2:09:08 AM</div>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<span class="namein">Me</span><br /><br class="spc" />
<span class="innermsg">test</span>
</td>
</tr>
</table>
</div>
<div id="message_current"></div>
</td>
<td class="hmsg_brm">
 
</td>
</tr>
</table>
<div>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:16px;width:38px;">
<div class="hmsg_bl"> </div>
</td>
<td>
<div class="hmsg_bc"> </div>
</td>
<td style="height:16px;width:38px;">
<div class="hmsg_br"> </div>
</td>
</tr>
</table>
<script type="text/javascript">endGroupMsg();</script>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:29px;width:30px;">
<div class="stat_l"><div class="stat_textl">Me is now Away (was Online)</div></div>
</td>
<td>
<div class="stat_c"> </div>
</td>
<td style="height:29px;width:30px;">
<div class="stat_r"><div class="stat_textr">Today 2:09:27 AM</div></div>
</td>
</tr>
</table>
<script type="text/javascript">endGroupMsg();</script>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:16px;width:38px;">
<div class="hmsg_tl"> </div>
</td>
<td>
<div class="hmsg_tc"> </div>
</td>
<td style="height:16px;width:38px;">
<div class="hmsg_tr"> </div>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="hmsg_blm">
<div class="avatarover"></div>
<div class="avatar"><img src="blank.gif" class="outav" alt="outmsg" /></div>
</td>
<td class="hmsg_c">
<div class="msg">
<div class="time">Today 2:10:01 AM</div>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<span class="name">Me</span><br /><br class="spc" />
<span class="innermsg">try</span>
</td>
</tr>
</table>
</div>
<div id="message_current"></div>
</td>
<td class="hmsg_brm">
 
</td>
</tr>
</table>
<div>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:16px;width:38px;">
<div class="hmsg_bl"> </div>
</td>
<td>
<div class="hmsg_bc"> </div>
</td>
<td style="height:16px;width:38px;">
<div class="hmsg_br"> </div>
</td>
</tr>
</table>
<script type="text/javascript">endGroupMsg();</script>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:29px;width:30px;">
<div class="stat_l"><div class="stat_textl">Me is now Online (was Away)</div></div>
</td>
<td>
<div class="stat_c"> </div>
</td>
<td style="height:29px;width:30px;">
<div class="stat_r"><div class="stat_textr">Today 2:10:13 AM</div></div>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:29px;width:30px;">
<div class="stat_l"><div class="stat_textl">Me signed off (was Online)</div></div>
</td>
<td>
<div class="stat_c"> </div>
</td>
<td style="height:29px;width:30px;">
<div class="stat_r"><div class="stat_textr">Today 2:13:06 AM</div></div>
</td>
</tr>
</table>

russellc

Apr 9 2005, 20:37

QUOTE

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/NKJ's Documents/progs/mirinda/templates/SmoothOperator/images/buddy_background.png',sizingMethod='scale');

here's one of the styles cut out from your source. it appears that your documents folder is called NKJ's Documents it is outputted and then IE thinks that the declaration of the image is between E:/NJK

simply put: it's not reading the rest of the url to get to the image

a bit of extra info: the AlphaImageLoader filter is not affected by security settings (by default) of the local computer, as IEView outputs as a local file (my computer "area" in security settings)

nkj

Apr 9 2005, 20:44

thanks a lot russellc and karma_police , it was the path i copied it to C:\ and it worked fine

russellc

Apr 9 2005, 21:06

you're welcome. glad you got it working

nkj

Apr 9 2005, 21:16

the ie security settings for some reason have to be at medium or below for it to work , seting it at high does not seem to work.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.