Re: {NAV_HORIZ_DD:ID} (NAVi HORIZontal Drop Down:ID)
Posted: Thu 13. Mar 2008, 17:38
Thank you Knut. I will take your advice. You have been very helpful.
The phpwcms support forum will help to find answers to your questions. The small but strong community is here since more than 10 years.
https://forum.phpwcms.org/
Code: Select all
<param name="wmode" value="opaque">
and
<embed ....... wmode="opaque"
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"
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
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
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;
}
/* */
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 { ....
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>
Code: Select all
// site values
//$phpwcms['site'] = 'http://2008.bmwccaofest.org/';
$phpwcms['site'] = 'http://'.$_SERVER['SERVER_NAME'].'/';