xHurricaneZ
New Member
- Aug 15, 2013
- 24
- 4
I tired to make my tabs 3 different colors, by adding this into my css file
And then adding this into my /me page
The .viptab shows up, but my 3rd tab, the one I plan to use for hk, doesn't show up.
Code:
#navi{clear:both;font-size:12px}#navi li{float:left;height:28px;margin:0 5px 0 0;white-space:nowrap}#navi li strong,#navi li a{float:left;height:22px;padding:6px 15px 0px 28px;background-repeat:no-repeat;background-image:url(../images/tabs2.png);background-position:-11px -28px;color:#fff;font-weight:normal;text-decoration:none;max-width:290px;overflow:hidden;text-overflow:ellipsis}
#navi{clear:both;font-size:12px}#navi li{float:left;height:28px;margin:0 5px 0 0;white-space:nowrap}#navi li strong,#navi li a{float:left;height:22px;padding:6px 15px 0px 28px;background-repeat:no-repeat;background-image:url(../images/tabs3.png);background-position:-11px -28px;color:#fff;font-weight:normal;text-decoration:none;max-width:290px;overflow:hidden;text-overflow:ellipsis}
And then adding this into my /me page
Code:
<style type="text/css">#navi .viptab a{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs2.png');background-position:-10px -84px;}#navi .viptab span{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs2.png');background-position:-4px -84px;}#navi .viptab:hover a{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs2.png');background-position:-10px -112px;}#navi .viptab:hover span{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs2.png');background-position:-4px -112px;}</style>
<style type="text/css">input[type="submit"],input[type="button"]{background:url('{url}/app/tpl/skins/Habbo/images/reg_btn.png') top;font:bold 13px arial,sans-serif;line-height:25px;color:black;height:25px;width:99px;border:0;}input[type="submit"]:hover,input[type="button"]:hover{background-position:bottom;cursor:pointer;}</style>
<style type="text/css">#navi .hktab a{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs3.png');background-position:-10px -84px;}#navi .hktab span{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs3.png');background-position:-4px -84px;}#navi .hktab:hover a{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs3.png');background-position:-10px -112px;}#navi .hktab:hover span{background-image:url('{url}/app/tpl/skins/Habbo/images/tabs3.png');background-position:-4px -112px;}</style>
<style type="text/css">input[type="submit"],input[type="button"]{background:url('{url}/app/tpl/skins/Habbo/images/reg_btn.png') top;font:bold 13px arial,sans-serif;line-height:25px;color:black;height:25px;width:99px;border:0;}input[type="submit"]:hover,input[type="button"]:hover{background-position:bottom;cursor:pointer;}</style>
The .viptab shows up, but my 3rd tab, the one I plan to use for hk, doesn't show up.
You must be registered for see links