Sign in to follow this  
Followers 0
大笨狗

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

50 posts in this topic

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

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Unfortunately, that can't be done. The tableft:active and tabright:acitve style won't apply. So, only mouse hover events are triggered.

Share this post


Link to post
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?

Share this post


Link to post
Share on other sites

Hey its perfect BUT where to download it? Its .gif not .mxskin

Share this post


Link to post
Share on other sites

subgoku replied at 2014-1-10 07:45 back.gif

Hey its perfect BUT where to download it? Its .gif not .mxskin

5909

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

thank you so much, made my final version of scroll bar, thanks to you

now can i ask you to look and my NoBorder Skin post got maybe last thing to change in my skin

Share this post


Link to post
Share on other sites

Nice! How about clear space above tabs or place current tab title to window title?

Share this post


Link to post
Share on other sites
Sign in to follow this  
Followers 0