Hi, I am coding a pet profile but I am not sure how to get the treasure chest to work right.
I wan it to be in one of the tab buttons and show up when you click the link where the story is... I cannot get it right though.
And the Code
<style>
/***** PROFILE CODE BY IBOOK MADE FOR IBOOK FOR PERSONAL USE ONLY /
/ DO NOT STEAL THIS CODE *****/
, , , , , , a, , , h2, .pet_name, .pet_age_info_date, .pet_wco_info_date, , , {
display: none;}
, , body, , { background-color:transparent;}
/***** PET SPOTLIGH *****/ .pet_spotlight { background-color: ; top: -10px; left: 1000px; position: absolute; height: 0px; width: 100px; overflow: hidden; padding: 0px 10px; border-bottom: 15px solid ; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;} .pet_spotlight:hover {height:112px;} .pet_spotlight img {height:54px; width:54px; border-radius:5px}
/***** TAB BOXES *****/ { top: 280px; left: 100px; position: absolute; height: 275px; width: 444px; overflow: hidden; opacity: 1; z-index: 10;}
, , { height: 265px; width: 434px; overflow: auto; padding: 5px 5px 5px 10px; text-align: justify;}
, , { background-color: ; left: 80px; position: absolute; height: 46px; width: 16px; padding: 2px; border-radius: 3px; text-align:center; opacity: .9; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform: rotate(180deg); -ms-transform:rotate(180deg); transform: rotate(180deg); white-space:nowrap; display:block;}
{ top: 400px;}
{ top: 510px;} { top: 570px;}
/***** PET TREASURE *****/ .treasure_item { width: 42px; height: 42px; padding: 2px; border: 1px solid ; margin: 2px 2px 2px 2px; border-radius: 5px;}
img { border-radius: 5px; opacity: .75;}
/***** PET INFO *****/ .pet_color_info, .owner { left: 585px; position: absolute; text-align: left;}
.pet_color_info { top:666px;}
.owner { top: 676px;}
.owner img, .pet_like { display: none;}
/***** PET MINION *****/ {display:none;}
/***** BASICS *****/ { height: 329px!important; width: 100%; margin: 0; padding: 0;} , , , , { width: auto; padding: 0; margin: 0;}
body { background-image: url(http://i.imgur.com/5XnXyRf.png), url(http://i.imgur.com/rwUNt1s.png); background-repeat: no-repeat, repeat-x; background-position: top left; background-color: ;}
b { color: ;}
i { color: ;}
.header { color: ; background: ; border-bottom: 1px solid ; text-align: right; text-transform: uppercase;}
a:link, a:visited, a:active { color: ;}
a:hover { text-decoration: none; color: ;}
, body, a, div { font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: ;}
::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius:4px; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); border-radius:4px; } ::-webkit-scrollbar:horizontal { height:8px; } ::-webkit-scrollbar:vertical { width:8px; } </style>