Need help with adding a custom shield to lookup.

[Tamara]

I tried fixing this on my own for about an hour, and I just couldn't figure it out. Here is the code for the entire userlookup.

 

<style > // *{} 
body {background-color:#E5C582;}
a:link, a:visited, b {color:#AB6446;font-weight:bold;}
a:hover {text-decoration:none;color:#8C5158;}
.f, .f2, .f3 {font:50px franklin gothic medium;text-transform:uppercase;}
.f {color:#D47850;}
.f2 {color:#AB6446;}
.f3 {color:#8C5158;}
h3 {margin-top:-10px;margin-bottom:0px;}
h2 {font:20px georgia;color:#616161;text-align:right;margin-bottom:2px;margin-top:0px;}
a.nav, a.nav:visited {font:15px tahoma;color:#7B8960;font-weight:bold;text-transform:uppercase;text-decoration:none;}
a.nav:hover {color:#556649;}
.d, .medText {width:660px;background-color:#FFF;font:10px tahoma;color:#333;margin-bottom:20px;padding:5px;}
.contentModule, .contentModuleTable {border:none;}
#main, #content {border:none;background:none;}
#header, #footer, #userneohome, .contentModuleHeader, .contentModuleHeaderAlt {display:none;}
#userinfo .contentModuleContent{
[b]background-image:url("http://i41.tinypic.com/29f89c5.jpg");background-position: right top;background-repeat:no-repeat}
#userinfo .medText table table img {visibility:visible;}
#userinfo .medText img {visibility:hidden;}[/b]
</style > 
<div class=d>
<font class=f>HAIPUT</font>
<font class=f2>YOURTEXT</font>
<font class=f3>HEREOK?</font>
<h3><a href="myaccount.phtml" class=nav>account</a>
<a href="petcentral.phtml" class=nav>central</a>
<a href="explore.phtml" class=nav>explore</a>
<a href="/games/arcade.phtml" class=nav>games</a>
<a href="/neoboards/index.phtml" class=nav>shop</a>
<a href="nf.phtml" class=nav>news</a>
<a href="/video/index.phtml" class=nav>video</a>
<a href="http://neopets.com/" class=nav>link</a>
<a href="~superflycssed" class=nav>credit</a></h3>
</div>


<div class=d>
<center>
<table border="0" cellpadding="20" cellspacing="5">
<tr>
<td align="center">
<font face="tahoma" size="1">
<a href="http://www.neopets.com/~artacular"><img src="//images.weserv.nl/?url=http://img.photobucket.com/albums/v421/stasiuk/NEO/motmsept.png" border="0"></a>
<br>
Thank You! :D</td>
<td align="center">
<font face="tahoma" size="1">
<br><br>
[ <a href="http://www.neopets.com/userlookup.phtml?user=neocooltrainerx">My Lovely Hubby</a> ]
<br><br>
[ <a href="http://www.neopets.com/~jewellis">Art Gallery Page</a> |
<a href="http://www.neopets.com/~kuurumi">Wishlist Page</a>  ]
<br><br>
[ <a href="http://www.neopets.com/~goodwine">Golden Cookie Award</a> · Apply Today! ]
<br><br>
<a href="/~artacular"><img src="//images.weserv.nl/?url=http://img.photobucket.com/albums/v421/stasiuk/NEO/artbutton.gif" border="0"></a>
<a href="/~ayidyn"><img src="//images.weserv.nl/?url=http://usera.ImageCave.com/noargh/neop/support.gif" border="0"></a>
<br><br>
[ <a href="http://www.neopets.com/userlookup.phtml?user=chibitam">■</a> |
<a href="http://www.neopets.com/userlookup.phtml?user=blackgemini">■</a> |
<a href="http://www.neopets.com/userlookup.phtml?user=shiirumai">■</a> |
<a href="http://www.neopets.com/userlookup.phtml?user=inflamari">■</a> ]
<br><br>
<IMG src="//images.weserv.nl/?url=http://cgi.boingdragon.com/count/tamstari/0.gif"><br>
</tr>
</table>
</center>
</div>
<div class=d>
<table>

 

In bold is the code for the shield, but it just won't change. It'll just make my regular shield dissapear, but it won't make the custom shield appear. I can't figure out whats wrong with the code or how to fix it. :(

[lils]

#userinfo .contentModuleContent{background-image:url('http://i42.tinypic.com/nyu04.jpg'); background-repeat:no-repeat; background-position:top right;}

#userinfo .medText img {visibility:hidden;}

#userinfo .medText table table img {visibility:visible;}

 

try my code, with ur picture URL.

it works for me so it mihgt work for you too :)

[Tamara]

Otey, that worked - however, I found the issue. Apparently this:

 

.d, .medText {width:660px;background-color:#fff;font:10px tahoma;color:#333;margin-bottom:20px;padding:5px;}

 

The background color of this is overlapping the image. When I remove the color code for background; it makes the shield appear but then the layout looks plain.

 

EDIT: I figured it out! xD;

 

EDIT2: Wait, no, that didn't work. Ah, forget it. I won't bother with it. xD;