Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- PLACE THIS CODE AFTER <head>
- #poeticmomentoupdatetab{position:fixed;margin-left:20px;top:20px;width:100px;height:auto;padding:8px;z-index:100;background:#fff;border:1px solid #F7DFEB;border-top:8px solid #F7DFEB;margin-bottom:15px;box-shadow:3px 3px 1px #a1a1a1;}
- #poetictab1{height:23px;text-align:justify;overflow:hidden;background:#fff;z-index:999999999999999999999;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- #poetictab1:hover{height:100px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- #poetictab2{height:23px;text-align:justify;overflow:hidden;background:#fff;z-index:999999999999999999999;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- #poetictab2:hover{height:120px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- #poetictab3{height:23px;text-align:justify;overflow:hidden;background:#fff;z-index:999999999999999999999;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- #poetictab3:hover{height:180px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- h9{text-align:center;background:#F7DFEB;border-radius:2px;color:#000;font-size:10px;letter-spacing:1px;font-family:arial;text-transform:lowercase;padding:1px;text-decoration:none;margin-bottom:5px;}
- PLACE THIS CODE AFTER <body>
- <!---UPDATE TAB BY POETICMOMENTO---->
- <div id="poeticmomentoupdatetab">
- <div id="poetictab1">
- <h9>owner</h9>
- <li>to make this tab longer go to "poetictab1:hover{" and change "height:100px;"</li>
- </div>
- <div id="poetictab2">
- <h9>currently</h9>
- <li>to make this tab longer go to "poetictab2:hover{" and change "height:120px;"</li>
- </div>
- <div id="poetictab3">
- <h9>other stuff</h9>
- <li>to make this tab longer go to "poetictab3:hover{" and change "height:180px;"</li>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement