- Posts: 25
- Thank you received: 0
New Menu (Layout)
-
homeedition
Inactive member - Topic Author
- Member
Less
More
10 years 4 months ago - 10 years 4 months ago #41729
by homeedition
New Menu (Layout) was created by homeedition
Hello,
how i can make a new menu with the TinyNav and SmothScroll function? - Is this possible?
If i make a new menu (that works) there don´t work the SmoothScroll and TinyNav function.
The new menu should look like this:
I have insert the code in "layout.css" and load it in a new Menuposition.
But i want to have the SmoothScroll and TinyNav function
Thank you verry much
how i can make a new menu with the TinyNav and SmothScroll function? - Is this possible?
If i make a new menu (that works) there don´t work the SmoothScroll and TinyNav function.
The new menu should look like this:
Code:
/** MENU **/
div#menu_01{
font-family: verdana, arial, sans-serif;
font-size: 11px;
bottom: 150px; right: 50px; position: fixed; z-index: 10;
}
div#menu_01 ul li a {display:block; float:right; position:relative; text-decoration:none; font-weight: bold; width:120px; height:70px; text-align:left; color:#000; padding:5px; border-width:0px 1px 1px 0px; background:#ffffff; line-height:25px; font-size:13px; text-align: center; margin:3px;}
div#menu_01 ul li a:visited {display:block; float:right; position:relative; text-decoration:none; font-weight: bold; width:120px; height:70px; text-align:left; color:#000; padding:5px; border-width:0px 1px 1px 0px; background:#ffffff; line-height:25px; font-size:13px; text-align: center; margin:3px;}
div#menu_01 ul {padding:0px; margin:0px;list-style-type: none;}
div#menu_01ul li {float:right; position:relative;}
div#menu_01 ul li ul {visibility:hidden; position:absolute;}
div#menu_01 table {border-collapse:collapse; margin:0; padding:5px; font-size:1em; margin:-1px;}
div#menu_01ul a, div#menu_01 ul li a:hover {color:#000;background:#c7cbda;}
div#menu_01ul li:hover ul, div#menu_01 ul li a:hover ul {width: 705px; visibility:visible; bottom:85px; left:-570px;}
I have insert the code in "layout.css" and load it in a new Menuposition.
But i want to have the SmoothScroll and TinyNav function
Thank you verry much
Last edit: 10 years 4 months ago by homeedition.
Please Log in to join the conversation.
-
homeedition
Inactive member - Topic Author
- Member
Less
More
- Posts: 25
- Thank you received: 0
10 years 4 months ago #41746
by homeedition
Replied by homeedition on topic New Menu (Layout)
Any idea?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 4 months ago #41750
by ivan.milic
Replied by ivan.milic on topic New Menu (Layout)
You want to have animated scrolling when selecting item in tinynav?
Please Log in to join the conversation.
-
homeedition
Inactive member - Topic Author
- Member
Less
More
- Posts: 25
- Thank you received: 0
10 years 4 months ago - 10 years 4 months ago #41757
by homeedition
Replied by homeedition on topic New Menu (Layout)
If i load my own menu on a new modulposition the menu works, but without the SmoothScroll and TinyNav function.
How i can use the SmoothScroll and TinyNav funktion for my own menu?
This is the css for my own menu:
Thank you verry much
How i can use the SmoothScroll and TinyNav funktion for my own menu?
This is the css for my own menu:
Code:
/** MENU **/
div#menu_01{
font-family: verdana, arial, sans-serif;
font-size: 11px;
bottom: 150px; right: 50px; position: fixed; z-index: 10;
}
div#menu_01 ul li a {display:block; float:right; position:relative; text-decoration:none; font-weight: bold; width:120px; height:70px; text-align:left; color:#000; padding:5px; border-width:0px 1px 1px 0px; background:#ffffff; line-height:25px; font-size:13px; text-align: center; margin:3px;}
div#menu_01 ul li a:visited {display:block; float:right; position:relative; text-decoration:none; font-weight: bold; width:120px; height:70px; text-align:left; color:#000; padding:5px; border-width:0px 1px 1px 0px; background:#ffffff; line-height:25px; font-size:13px; text-align: center; margin:3px;}
div#menu_01 ul {padding:0px; margin:0px;list-style-type: none;}
div#menu_01 ul li {float:right; position:relative;}
div#menu_01 ul li ul {visibility:hidden; position:absolute;}
div#menu_01 table {border-collapse:collapse; margin:0; padding:5px; font-size:1em; margin:-1px;}
div#menu_01 ul a, div#menu_01 ul li a:hover {color:#000;background:#c7cbda;}
div#menu_01 ul li:hover ul, div#menu_01 ul li a:hover ul {width: 705px; visibility:visible; bottom:85px; left:-570px;}
Thank you verry much
Last edit: 10 years 4 months ago by homeedition.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 4 months ago #41758
by ivan.milic
Replied by ivan.milic on topic New Menu (Layout)
Can I see your site, send link
Please Log in to join the conversation.
-
homeedition
Inactive member - Topic Author
- Member
Less
More
- Posts: 25
- Thank you received: 0
10 years 4 months ago #41759
by homeedition
Replied by homeedition on topic New Menu (Layout)
Please Log in to join the conversation.
Time to create page: 0.167 seconds