Hey. Since I installed one on my profile, I figured I might as well make the code public so that others can use it because, unless this site has changed dramatically since I was last here, there will be quite a few people who will probably try and steal it anyway. To see a preview of the menu, just click on my profile.
Code
- <style>
- /*code by alccxo */
- #bar-m {
- position: relative;
- top: 0px;
- left: -200px;
- bottom: 0px;
- width: 200px;
- height: 100% !important;
- overflow: visible;
- transition: 1s all ease-out;
- -webkit-transition: 1s all ease-out;
- -moz-transition: 1s all ease-out;
- -o-transition: 1s all ease-out;
- border-right: 1px dotted #cccccc;
- box-shadow: 0px 0px 3px 1px #000000;
- background: #e1e1e1; }
- #bar-m:target {
- left: 0px; }
- #bar-m:target .open a {
- display: none !important; }
- #bar-m .open a, #bar-m .close a {
- position: relative;
- top: -1px;
- right: -15px;
- bottom: 0px;
- width: 14px;
- border-right: 1px solid #aaaaaa;
- border-top: 1px solid #aaaaaa;
- border-bottom: 1px solid #aaaaaa;
- height: 100% !important;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- text-indent: -9999px !important;
- overflow: hidden;
- display: block !important;
- transition: 1s all ease-out;
- -webkit-transition: 1s all ease-out;
- -moz-transition: 1s all ease-out;
- -o-transition: 1s all ease-out; }
- #bar-m .open a:hover, #bar-m .close a:hover {
- box-shadow: inset 0px 0px 10px 5px #525252;
- transition: 1s all ease-out;
- -webkit-transition: 1s all ease-out;
- -moz-transition: 1s all ease-out;
- -o-transition: 1s all ease-out; }
- #bar-m .close a {
- display: none !important; }
- #bar-m:target .close a {
- display: block !important; }
- #bar-c {
- height: inherit !important;
- overflow: hidden !important;
- padding: 5px;
- font-size: 11px;
- letter-spacing: -1px; }
- #bar-c .c {
- height: inherit !important;
- overflow-y: scroll;
- padding: 5px;
- padding-right: 50px !important;
- width: 200px !important; }
- </style>
- <div id="bar-m">
- <div class="open"><a href="#bar-m">o</a></div>
- <div class="close"><a href="#">o</a></div>
- <div id="bar-c">
- <div class="c">
- WRITE ALL YOUR STUFF HERE, PUT IN LINKS, ETC.
- <br /><br />
- </div>
- </div>
- </div>






