PetPage Help

[siemis]

I want one of my pets petpage to be my wishlist^^

I had an idea but I don't know how to do this:

 

 

I created a wish list on jelly neo and drew a chibi of myself so I want the wish list to appear in "my" thought bubble.

Is there a way to create such a frame around my wish list? It should expand when I put more wishes in my list... I don't have clue how to do this ^^""

 

Can anyone help me with this? thanks in advance!

[Cornflakes]

You could simply make a big div with your chibi as the background, and then put the div inside of it that contains your wishlist.

Or you could make your chibi the background of the whole page, and just slap a div on there with your wishlist. However you want to do it. Straightforward.

 

As far as making your thought bubble expand when the list expands...hrm. You could make your thought bubble tileable on the sides, or you could just scrap that idea and make your wishlist scroll if it gets too big for the thought bubble. That's the easiest way to do it, imho. :)

[Anukai]

I think making it scroll would be better.

Here, try this:

<style>
body {background: url("your_image_url_here") repeat: no-repeat;}
#wishlist {top: 00px; left: 00px; width: 000px; height: 000px; overflow: auto;}
</style>

<div id="wishlist" style="position:absolute;">

PUT ALL YOUR WISHLIST ITEMS HERE. PUT ALL YOUR WISHLIST ITEMS HERE. PUT ALL YOUR WISHLIST ITEMS HERE.

</div>

Now, where I have put the zeros after top and left, you will have to enter numbers and edit those numbers until you get the div to line up inside the image. The same goes for the numbers after width and height. It all depends on the size of your background image. :3

 

I hope this helps! ^w^

[siemis]

@cornflake aah >< I thought I responded .... oò" sorry^^"

Good ideas but I don't know anything about coding ~__~"" I have to learn that << I have so many lookup ideas ^^

I think making it scroll would be better.

Here, try this:

<style>
body {background: url("your_image_url_here") repeat: no-repeat;}
#wishlist {top: 00px; left: 00px; width: 000px; height: 000px; overflow: auto;}
</style>

<div id="wishlist" style="position:absolute;">

PUT ALL YOUR WISHLIST ITEMS HERE. PUT ALL YOUR WISHLIST ITEMS HERE. PUT ALL YOUR WISHLIST ITEMS HERE.

</div>

Now, where I have put the zeros after top and left, you will have to enter numbers and edit those numbers until you get the div to line up inside the image. The same goes for the numbers after width and height. It all depends on the size of your background image. :3

 

I hope this helps! ^w^

 

*---* Yes~ this helps ^_____^

Thanks a lot~

 

I could draw something for you if you want ^^

[Anukai]

@cornflake aah >< I thought I responded .... oò" sorry^^"

Good ideas but I don't know anything about coding ~__~"" I have to learn that << I have so many lookup ideas ^^

 

 

*---* Yes~ this helps ^_____^

Thanks a lot~

 

I could draw something for you if you want ^^

Draw something for me? What do you mean? All I did was type a few lines of code... O.o

[siemis]

Draw something for me? What do you mean? All I did was type a few lines of code... O.o

 

Yeah but I couldn't do it ^^" Just if you want of course ^^""

[Anukai]

Yeah but I couldn't do it ^^" Just if you want of course ^^""

Hmmm... Maybe fanart of one of my pets? You can do whichever one you like. :3