Hi, could you teach me how to edit your hover tabs (Hover Tab 002: DAWN) to have seven tabs? Or maybe you could just post an edit if that'd be too much trouble. Thank you!
it would be much simpler to post an edit, so here it is! thank you for using my codes :)
1. Copy & paste this code before .
/* 001. DAWN theme's matching hover tab by DAYTHEMES */#tab1 { z-index:999;position:fixed; background:white;/*box 1 background*/ border:1px solid {color:border}; right:30px;top:72px; box-shadow:-5px 5px {color:border}; width:15px;height:15px;}.tab1{ z-index:9999;overflow:hidden;position:fixed; background:white;/*tab 1 background*/ border:1px solid {color:border}; padding:10px;right:60px;top:-200px; font-size:11px;text-align:center; box-shadow:-5px 5px {color:border}; width:100px;/*tab 1 width*/ height:100px;/*tab 1 height, make this higher for longer text*/ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}#tab1:hover .tab1{top:72px;}#tab2 { z-index:999;overflow:hidden; position:fixed; background:white;/*box 2 background*/ border:1px solid {color:border}; right:30px;top:102px; box-shadow:-5px 5px {color:border}; width:15px;height:15px;}.tab2{ z-index:9999;overflow:hidden;position:fixed; background:white; border:1px solid {color:border}; padding:10px;right:60px;top:-200px; font-size:11px;text-align:center; box-shadow:-5px 5px {color:border}; width:100px;/*tab 2 width*/ height:100px;/*tab 2 height, make this higher for longer text*/ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}#tab2:hover .tab2{top:72px;}#tab3{ z-index:999;overflow:hidden; position:fixed; background:white;/*box 3 background*/ border:1px solid {color:border}; right:30px;top:132px; box-shadow:-5px 5px {color:border}; width:15px;height:15px;}.tab3{ z-index:9999;overflow:hidden;position:fixed; background:white; border:1px solid {color:border}; padding:10px;right:60px;top:-200px; font-size:11px;text-align:center; box-shadow:-5px 5px {color:border}; width:100px;/*tab 3 width*/ height:100px;/*tab 3 height, make this higher for longer text*/ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}#tab3:hover .tab3{top:72px;}#tab4{ z-index:999;overflow:hidden; position:fixed; background:white;/*box 4 background*/ border:1px solid {color:border}; right:30px;top:162px; box-shadow:-5px 5px {color:border}; width:15px;height:15px;}.tab4{ z-index:9999;overflow:hidden;position:fixed; background:white; border:1px solid {color:border}; padding:10px;right:60px;top:-200px; font-size:11px;text-align:center; box-shadow:-5px 5px {color:border}; width:100px;/*tab 4 width*/ height:100px;/*tab 4 height, make this higher for longer text*/ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}#tab4:hover .tab4{top:72px;}#tab5{ z-index:999;overflow:hidden; position:fixed; background:white;/*box 5 background*/ border:1px solid {color:border}; right:30px;top:192px; box-shadow:-5px 5px {color:border}; width:15px;height:15px;}.tab5{ z-index:9999;overflow:hidden;position:fixed; background:white; border:1px solid {color:border}; padding:10px;right:60px;top:-200px; font-size:11px;text-align:center; box-shadow:-5px 5px {color:border}; width:100px;/*tab 5 width*/ height:100px;/*tab 5 height, make this higher for longer text*/ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}#tab5:hover .tab5{top:72px;}#tab6{ z-index:999;overflow:hidden; position:fixed; background:white;/*box 6 background*/ border:1px solid {color:border}; right:30px;top:222px; box-shadow:-5px 5px {color:border}; width:15px;height:15px;}.tab6{ z-index:9999;overflow:hidden;position:fixed; background:white; border:1px solid {color:border}; padding:10px;right:60px;top:-200px; font-size:11px;text-align:center; box-shadow:-5px 5px {color:border}; width:100px;/*tab 6 width*/ height:100px;/*tab 6 height, make this higher for longer text*/ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}#tab6:hover .tab6{top:72px;}#tab7{ z-index:999;overflow:hidden; position:fixed; background:white;/*box 7 background*/ border:1px solid {color:border}; right:30px;top:252px; box-shadow:-5px 5px {color:border}; width:15px;height:15px;}.tab7{ z-index:9999;overflow:hidden;position:fixed; background:white; border:1px solid {color:border}; padding:10px;right:60px;top:-200px; font-size:11px;text-align:center; box-shadow:-5px 5px {color:border}; width:100px;/*tab 7 width*/ height:100px;/*tab 7 height, make this higher for longer text*/ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}#tab7:hover .tab7{top:72px;}/*end of tabs' codes hoorah*/
2. Copy & paste this code after .
first
second
third
fourth
fifth
sixth
seventh
3. Fill in the provided spaces with your contents.4. Modification options are stated.
if you have any other questions, please feel free to message me :)
PLEASE REBLOG/LIKE THIS IF YOU’RE USING THESE CODES!!!
