View Full Version : Petpage--no iframes allowed...grr


Seebster
08-14-2004, 01:41 AM
I hope I can explain this briefly...
I don't think what I want is so very extravagent. I want, on the petpage I'm making for my sister, to have a blog/window type thing that is translucent so that you can see the background behind it! That's it!
I FINALLY figured out how to get it looking the way I want it with iframes. It's perfect. But, alas, neopets doesn't like iframes. Boo.
I've heard that I can use div layers to get the same effect. The question is, where in the script does it go? Does it go in the head to apply to the entire page, within my style script? Does it go in the place where I put in the table? Do I need to do something totally different?
I have looked at the source code for some user look-ups with that translucent look going, but I have a hard time weeding out what I need from it, and I also know there are different rule for those than there are for the petpages.
I'd love some advice on this!

xoxHugsyxox
08-14-2004, 09:13 AM
I have no advice, but they don't like javascript ether. Boo! I'm going to email them about this!! :rant:

SSPrincess
08-16-2004, 11:02 PM
I'm not exactly sure what you want, but if you are using tables, then the following code will make tables relatively transparent so you can see the background under it:
</i><style type="text/css">
p table {width:530; background:#FFFFFF;filter:alpha(opacity=65)}
</style>

If this isn't what you wanted or meant, can you please show an example of what you would like?

I hope this helps. Have a nice day! :)

Flora
08-16-2004, 11:47 PM
Another thing you can do is use the code I have used on my Shoyru's PetPage. Copy the code below to the code of the petpage and edit the 'red' text.


<style type="text/css">
b.box{color::black;font{color::black;text-align : center;font:8pt verdana ;
overflow:auto;
width:475;
height:500;
border:1px solid :black;
background:white;
filter:alpha(Opacity=80)
</style>


Change all colors to your chosen color. Then change the height and width to what you want the thing to be. Also change the other numbers, like the Opacity. The larger the number, the more solid, the less, the more transparent.

The last step:
Add the following code to where you want the table/box to show up.


<b class="box">
CONTENTS HERE
</b>


I really hope that helps! Good luck.