{NAV_HORIZ_DD:ID,Level depth} (NAVi HORIZontal Drop Down)
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Thank you Knut. I will take your advice. You have been very helpful.
Flash swf and {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:
Hello all.
I have this web page set up and everything is working just fine, except NAV_HORIZ_DD:ID but only when I put some flash swf as you can see on next link:
http://www.kompas.ba/cms/index.php?id=0,90,0,0,1,0
For example, rollover on menu structure "BIH Putovanja".
Menu is now beneath swf flash banner. That is not acceptable.
You can see that everything is OK on any other page.
Click on for example: http://www.kompas.ba. On this page, banner is waaaaay below... (I put it there).
Guru Knut, any ideas?
Anyone, any ideas?
I have this web page set up and everything is working just fine, except NAV_HORIZ_DD:ID but only when I put some flash swf as you can see on next link:
http://www.kompas.ba/cms/index.php?id=0,90,0,0,1,0
For example, rollover on menu structure "BIH Putovanja".
Menu is now beneath swf flash banner. That is not acceptable.
You can see that everything is OK on any other page.
Click on for example: http://www.kompas.ba. On this page, banner is waaaaay below... (I put it there).
Guru Knut, any ideas?
Anyone, any ideas?
There is no page like home page...
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Hi,
I can´t give you a complete answer, but it is a generally old problem.
Keywords:
- (D)html Layer -> z-index: ....... (doesn´t run)
- flash: WMODE or/and swapDepths(); ( a better solution)
My hint:
Knut
I can´t give you a complete answer, but it is a generally old problem.
Keywords:
- (D)html Layer -> z-index: ....... (doesn´t run)
- flash: WMODE or/and swapDepths(); ( a better solution)
My hint:
Code: Select all
<param name="wmode" value="opaque">
and
<embed ....... wmode="opaque"
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Thanks Knut, it worked!!!
There is no page like home page...
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Hi there,
i've install this navigation and could only say... Thanks for this navigation!
But i have one problem. Think it's a similar problem like baklavoni's.
Regards - Heiko
i've install this navigation and could only say... Thanks for this navigation!
But i have one problem. Think it's a similar problem like baklavoni's.
I use the JW media player http://web.casa-loca.com/index.php?jw-media-player and can't find a chance to modified the skript likeMenu is now beneath swf flash banner.
Could sombody help?<param name="wmode" value="opaque">
and
<embed ....... wmode="opaque"
Regards - Heiko
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Hello Heiko,Helle wrote:...and can't find a chance to modified the skript likeCould sombody help?<param name="wmode" value="opaque">
and
<embed ....... wmode="opaque"
Regards - Heiko
I didn't modify any file inside phpwcms. All I did is upload swf file vai ftp inside phpwcms root directory, and then in backend insert html content part which I made in FrontPage (insert -> picture -> Movie in Flash format)->see html code...
There you can add wmode="opaque"...
Is this helped you?
There is no page like home page...
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Hi Baklavonin
thanks for your reply.
If i manually include flash files, i think i could make that. But i use the jw media player. There i've no idea to make it with this player...
Regards - Heiko
thanks for your reply.
If i manually include flash files, i think i could make that. But i use the jw media player. There i've no idea to make it with this player...
Regards - Heiko
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Hi Knut. Do I have to make another css file with the above, or do I paste it into the existing nav_horiz_drop_down.css?Hi,
at this moment it isn´t possible to have a parent output with the {NAV_HORIZ_DD:ID}.
I will have a closer look next days to solve this problem.
A quick solution without active state for an output of the real HOME.
Template:
Code: Select all
<div id="menu_container"><ul id="pmenu_home"><li><a href="index.php">Home</a></li></ul>
{NAV_HORIZ_DD:0}</div>
CSS:
Code: Select all
#pmenu, #pmenu ul,
#pmenu_home, #pmenu_home ul { ....
#pmenu a, #pmenu a:visited,
#pmenu_home a, #pmenu_home a:visited { ....
#pmenu li,
#pmenu_home li { ....
#pmenu li:hover,
#pmenu_home li:hover { ....
#pmenu li:hover > a,
#pmenu_home li:hover > a { ....
* html #pmenu li a:hover,
* html #pmenu_home li a:hover { ....
#pmenu li a:active, #pmenu li a:focus,
#pmenu_home li a:active, #pmenu_home li a:focus { ....
Knut
Thanks
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Please paste it into the existing nav_horiz_drop_down.css
Knut
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
First sublevel horizontal instead of vertical
Hi, I would like to ask if it's possible to have the first sublevel horizontal instead of vertical, like you can see in this image:
from this page:
http://www.digital.it/
from this page:
http://www.digital.it/
Campeones del mundo!
Vegetables!
Vegetables!
Re: {NAV_HORIZ_DD:ID,Level depth} (NAVi HORIZontal Drop Down)
Hi,
you can do it like this using the {NAV_LIST_UL ...... :
{NAV_LIST_UL:,0,2,navig twolevel,selected} [EDIT 05.05.08] <div class="navig">{NAV_LIST_UL:,0,2,,selected}</div> [/EDIT]
-> http://www.phpwcms.de/forum/viewtopic.php?p=88630#88630
you can do it like this using the {NAV_LIST_UL ...... :
{NAV_LIST_UL:,0,2,navig twolevel,selected} [EDIT 05.05.08] <div class="navig">{NAV_LIST_UL:,0,2,,selected}</div> [/EDIT]
Code: Select all
/* 27.06.07 Horizontales Menü mit einer horiz. Unterebene
Navigation core
http://www.phpwcms.de/forum/viewtopic.php?p=88630#88630
[EDIT 05.05.08 KH: ]
- All ".navig" converted to ".navig ul"
- Call: <div class="navig">{NAV_LIST_UL:,0,2,,selected}</div>
[/EDIT]
*/
.navig {
line-height: 1;
margin: 0 0 1.2em 50px; /* -- EDIT -- */
display: block;
position: relative;
width: 500px; /* -- EDIT -- */
}
/* remove all list stylings */
.navig ul, .navig ul ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
/* move all list items into one row, by floating them */
.navig ul li {
margin: 0;
padding: 0 1px;
border: 0;
display: block;
float: left;
background: url(../../picture/navi/menubg.gif) repeat-x;
}
/* initialy hide all sub menus */
.navig ul ul {
width: 100%;
display: block;
visibility: hidden;
position: absolute;
clear: both;
top: 1.8em;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
left: 0;
}
/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
/* -- float.clear.END -- */
.navig ul li.selected ul, .navig ul li:hover ul {
visibility: visible;
}
.navig ul li.selected ul {
z-index: 10;
}
.navig ul li:hover ul {
z-index: 100;
}
/* Navigation make-up */
.navig ul {
font-size: 12px;
font-weight: bold;
color: #fff;
background: url(../../picture/navi/menubg.gif) repeat-x;
margin: 0em auto 2em;
padding: 0 1em;
width: 550px; /* this value should be close to what is needed for elements to stay on one line */
}
.navig ul a {
color: #fff;
text-decoration: none;
padding: 1em 5px 1.05em; /*THIS DEFINES NAV LI HEIGHT*/
display: block;
text-transform: uppercase;
}
.navig ul li {
margin: 0;
/*border-right: 1px dotted #fff;*/
}
.navig ul li li{
border: 0px;
}
/* if the following selector was ".navig ul li:hover a" IE7 will NOT render nested UL! the reason is the background-color rule. */
.navig ul li:hover {
color: #000;
background-color: #cde;
}
/* which is why the link is styled separatelly */
.navig ul li:hover a {
color: #FFF;
}
.navig ul li:hover ul {
background-color: #cde;
}
/* always pay attention that the value for top is such that it is possible to move the mouse over to submenu */
.navig ul ul {
top: 3em;
padding: 0 1em;/* should be identical to .navig ul, for best results */
color: #FFF;
width: 550px;
}
.navig ul li li {
padding: 0 6px;
background: url(../../picture/navi/sub_bg.gif) repeat-x;
}
.navig ul li ul {
background: url(../../picture/navi/sub_bg.gif) repeat-x;
}
.navig ul li li a {
color: #000;
padding: 0.3em;
font-family: sans-serif, 'Arial';
font-size: 11px;
text-transform: none;
}
/* fix the colors for selected item and submenu, for better usability */
.navig ul li.selected li a, .navig ul li.selected li a:hover {
color: #FFF;
background: url(../../picture/navi/sub_bg.gif) repeat-x;
}
.navig ul li.selected li, .navig ul li.selected:hover li a, .navig ul li.selected ul {
background: url(../../picture/navi/sub_bg.gif) repeat-x;
text-decoration:none;
}
.navig ul li li.selected, .navig ul li.selected:hover li.selected a, .navig ul li li.selected a{
background: url(../../picture/navi/sub_hover_bg.gif);
}
.navig ul li.selected li a:hover, .navig ul li.selected:hover li a:hover{
color: #eee;
}
/* IE5/Mac: \*//*/
.navig ul {
display: inline-block;
}
.navig ul a {
float: left;
}
.navig ul li ul {
top: 1.8em;
height: 2em;
}
.navig ul li li, .navig ul li li a {
display: inline;
float: none;
}
/* */
Last edited by flip-flop on Tue 6. May 2008, 13:33, edited 1 time in total.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: {NAV_HORIZ_DD:ID,Level depth} (NAVi HORIZontal Drop Down)
Perfect, it's what I need!
Thanks a lot flip-flop.
Thanks a lot flip-flop.
Campeones del mundo!
Vegetables!
Vegetables!
Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Thanx Knutflip-flop wrote:Hi,
at this moment it isn´t possible to have a parent output with the {NAV_HORIZ_DD:ID}.
I will have a closer look next days to solve this problem.
A quick solution without active state for an output of the real HOME.
Template:CSS:Code: Select all
<div id="menu_container"><ul id="pmenu_home"><li><a href="index.php">Home</a></li></ul> {NAV_HORIZ_DD:0}</div>
KnutCode: Select all
#pmenu, #pmenu ul, #pmenu_home, #pmenu_home ul { .... #pmenu a, #pmenu a:visited, #pmenu_home a, #pmenu_home a:visited { .... #pmenu li, #pmenu_home li { .... #pmenu li:hover, #pmenu_home li:hover { .... #pmenu li:hover > a, #pmenu_home li:hover > a { .... * html #pmenu li a:hover, * html #pmenu_home li a:hover { .... #pmenu li a:active, #pmenu li a:focus, #pmenu_home li a:active, #pmenu_home li a:focus { ....
I did this and then made a special template for my index page.
On this template I put
Code: Select all
<style type="text/css">
#pmenu_home a, #pmenu_home a:visited{
background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 105px center;
}
</style>
Still learning
tester
-
- Posts: 317
- Joined: Mon 19. Apr 2004, 06:10
- Location: Greenville, SC USA
- Contact:
Re: {NAV_HORIZ_DD:ID,Level depth} (NAVi HORIZontal Drop Down)
I am moving my site to another directory for archival purposes.
from www.bmwccaofest.org to 2008.bmwccaofest.org
Rollover the top menu selection and it points to www.bmwccaofest.org.
Rollover any of the submenus, it points to 2008.bmwccaofest.org as I want.
Any ideas?
from www.bmwccaofest.org to 2008.bmwccaofest.org
Rollover the top menu selection and it points to www.bmwccaofest.org.
Rollover any of the submenus, it points to 2008.bmwccaofest.org as I want.
Any ideas?
Re: {NAV_HORIZ_DD:ID,Level depth} (NAVi HORIZontal Drop Down)
Are we talking about --> SUB --> directory OR domain???
Oh, navigation. Strange, don't know.
My suggestion: --> check conf --> change it to:
Now it's flip-flop...
Oh, navigation. Strange, don't know.
My suggestion: --> check conf --> change it to:
Code: Select all
// site values
//$phpwcms['site'] = 'http://2008.bmwccaofest.org/';
$phpwcms['site'] = 'http://'.$_SERVER['SERVER_NAME'].'/';