Tutorial: How to modify default skin and make your tab bar more user friendly.


大笨狗

Recommended Posts

help got serious problem, i copy your skin and index file from skin4 to have tabsscroll but

in skin.css this line:

.free-spacer { display: none;}

when i have it, double click is dissabled and scroll is ON

when i remove it, double click is working but scroll is not working

how to modifi this line or skin.css from your skin4 to have double click and scroll (both)

and this skin, mod from yours, can you look at it? please i only put custom pictures but:

1. this scrollbar i hide opacity 0.0 but now its not working, can i have it just hidden to eyes but not hidden to Maxthon

2. tab_right_active and tab_right_hover are mirrored? why?

and last if its hard or not possible then i remove this whole scrolling

i only wanted simple hover mouse, custom icon show, click, tabs moves, move mouse back and icon hide,

but when i try change it i somehow thing is not possible is that true?

h-ScrollTabs mod.mxskin

Link to comment
Share on other sites

almost like that

You have: mouse hover "TAB BAR" 2 icons shows (left and right), mouse click 2 icons shows (left and right)

I want: hidden all time, mouse hover on hidden/blank icon force to shows first icon (left or right), mouse click second icon shows (left or right)

can u do that please?

some kind of picture animation, when i click scrolls the page and shows the scroll button like "rewind/forward songs"

the same like close,max,min icon only here i have close showing all time, but when i remove picture, button is there but hidden, then i hover mouse icon popup and click icon active popup

Link to comment
Share on other sites

How about like this:

Hidden all time, hover on left hidden, popup only left arrow (1 arrow not 2 icons), hover on right popup right arrow (same here 1 not 2 icons).

Should be simply i think.

And this code: .free-spacer {display: none;}

When i have it, double click is dissabled and scroll is ON when i remove it, double click is working but scroll is not working. Can i have double click and scrolling and the same time?

Link to comment
Share on other sites

very very nice, working just like i wanted

for some testing how is better look like, where how to change to have tabs visible under buttons

in my way i remove but its make errors, its or transparent and some time not and scroll stop moving

i want something like in the picture, tabs go to far right, when i hover mouse that corner button popup

post-17650688-14315115757611_thumb.jpg

Link to comment
Share on other sites

  • 4 weeks later...
  • 7 months later...