Sonata rocks! This can be closed
Replies
So my pet, Conservatory has a TC that is coded in. Meaning that I literally have to copy the image code for all the items and put them into this box. And I have to do that anytime I add something in order for it to show. This gets tedious and I am going to run out of characters soon cause it is just a massive amount of code.
Does anyone know how I can just code this in without having to do that? I still want the drawer to open like it does. x.x And yes, someone else coded this for me originally.
Dexter by ❤
Ugh yes, doing the tc like that is a hassle. I've only ever done it with a small tc before, and it was finished before I coded it all.
Anyway, for this it's really not needed, so you're in luck. :)
Live preview (the hover area is a bit bigger because of how I coded it, but I hope that doesn't matter too much)
/TREASURE/
{display:none;}
{position:absolute; top:523px; left:250px; width:460px; height:30px; overflow:hidden; opacity:0; filter:alpha(opacity=0); display:inline;} :hover{background-image:url('http://i.imgur.com/DRpgmzJ.png'); height:307px; filter:alpha(opacity=100); opacity:10;} {position:absolute; left:65px; height:225px; margin-top:5%; width:340px; overflow:auto; }
.treasure_item_name{display:block; line-height:1em; color:white; text-shadow:2px 2px 5px black;} .treasure_item{margin:10px 7px 8px; height:100px;} .treasure_item img{margin-bottom:3px;}
Remove that and exchange it with this:
/TREASURE/
h2 { display:none; }
{
position:absolute; top:523px; left:255px;
height:0px; width:340px; padding:0px; overflow:hidden;
opacity:0; filter:alpha(opacity=0);
border-style:solid; border-color:transparent; border-width:20px 70px 62px 70px; }
:hover { height:225px; overflow:auto; background-image:url('http://i.imgur.com/DRpgmzJ.png'); background-position:-70px -20px; filter:alpha(opacity=100); opacity:1; }
.treasure_item_name{display:block; line-height:1em; color:white; text-shadow:2px 2px 5px black;} .treasure_item{margin:10px 7px 8px; height:100px;} .treasure_item img{margin-bottom:3px;}
And then you can remove the entire treasure div you've added.
omg I love you so very very very much right now <3
Dexter by ❤
Hehe, you're very welcome. :)
and omg thank you for the GA. :o
you are very welcome :D I also put credit on the profile so that I know I have given credit where it is due!
Dexter by ❤