{NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

If you have created additional (non official) documentation or tutorials or something like that please post this here
somtho
Posts: 14
Joined: Fri 7. May 2010, 22:38

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by somtho » Tue 4. Sep 2012, 19:00

Hallo Zusammen,


habe das Menü

http://www.phpwcms-howto.de/wiki/doku.p ... av_vert_fo

ausprobiert. Super, klappt alles. Vielen Dank @Knut für die damalige Einstellung.

Allerdings würde ich gerne die Ebene 02_XX in einer anderen Farbe (color, background & border) darstellen.

Kann mir da jemand weiterhelfen ?


Beste Grüße

Som

nameless1
Posts: 849
Joined: Sun 27. Apr 2008, 23:22

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by nameless1 » Tue 4. Sep 2012, 19:24

schick mir mal n link per pm dann sende ich dir die lösung.

gruß

nml1

nameless1
Posts: 849
Joined: Sun 27. Apr 2008, 23:22

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by nameless1 » Tue 4. Sep 2012, 20:09

das scheints in der css zu sein:

.vert_menu ul a:hover ul a:hover ul{
visibility:visible;
background-color: yellow;
}

somtho
Posts: 14
Joined: Fri 7. May 2010, 22:38

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by somtho » Tue 4. Sep 2012, 20:33

Hallo,

ne leider nicht. Das hatte ich auch schon probiert :roll:

Hier mein CSS Code aus der Datei nav_vert_fly_out.css

Code: Select all

/* ================================================================
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
 
08.11.07 KH (flip-flop) Enhanced: Start[ID] {NAV_VERT_FO:ID}
08.05.08 KH (flip-flop) Enhanced: Level depth {NAV_VERT_FO:ID,Depth}
Tag [horizontal]: http://www.phpwcms.de/forum/viewtopic.php?p=89743#89743
Tag [vertical]: http://forum.phpwcms.org/viewtopic.php?p=103442#p103442
=================================================================== */
.vert_menu {
height:300px;
font-size:90%;

margin:0px 0 50px 0px; /* this page only */
}
 
/* remove all the bullets, borders and padding from the default list styling */
.vert_menu ul {
position:relative;
z-index:500;
padding:0;
margin: 0 50px;
list-style-type:none;
width:200px; /* Kh 150px; */
}
/* style the list items */
.vert_menu li {
background:transparent url(../../img/article/navi/shade.gif);
height:26px;
list-style-type:none;
/* for IE7 */
float:left;
}
 
.vert_menu ul a:hover ul a:hover ul{
visibility:visible;
background-color: yellow;
}

 
.vert_menu li.sub_ul, .vert_menu li.fly_ul {background:transparent url(../../img/article/navi/sub.gif) no-repeat right center;}

.vert_menu li.act_path {background:white url(../../img/article/navi/sub.gif) no-repeat right center;}

/* get rid of the table */
.vert_menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
 
/* style the links */
.vert_menu a, .vert_menu a:visited {
	display:block;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:130px; /* KH 149px; */
	color:black;
	text-indent:5px;
	border:1px solid transparent;
	border-width:1px 1px 1px 1px;
	text-align: left;
}
/* hack for IE5.5 */
* html .vert_menu a, * html .vert_menu a:visited {width:200px; w\idth:199px;} /* KH {width:150px; w\idth:149px;} */
/* style the link hover */
* html .vert_menu a:hover {color:#efa; background:#aa7; position:relative;}

.vert_menu li:hover {position:relative;border:2px solid #009EE0;
	border-width:2px 0px 3px 2px;}
 
/* For accessibility of the top level menu when tabbing */
.vert_menu a:active, .vert_menu a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.vert_menu li:hover > a {color: black; background:#D5EDFA;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.vert_menu li ul {
visibility:hidden;
position:absolute;
top:-2px;  border:2px solid  #009EE0;
	border-width:2px 2px 2px 0px;
/* set up the overlap (minus the overrun) */
left: 82px; /* KH 100px; */
/* set up the overrun area */
padding:0px;
/* this is for IE to make it interpret the overrrun padding */
background:#D5EDFA; width:132px;
}
 
/* for browsers that understand this is all you need for the flyouts */
.vert_menu li:hover > ul {visibility:visible;}
 
 
/* for IE5.5 and IE6 you need to style each level hover */
 
/* keep the third level+ hidden when you hover on first level link */
.vert_menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.vert_menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.vert_menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
 
/* make the second level visible when hover on first level link */
.vert_menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.vert_menu ul a:hover ul a:hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.vert_menu ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.vert_menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;}

.vert_menu ul a:hover ul a:hover ul{
visibility:visible;
background-color: yellow;
}

Ich schau mal, dass ich es auch online bringe.

Menü war

Home
Mitglieder
.............Aktiv
.............Passiv
News
.
.
.
Aktiv und Passiv sollten in der anderen Farbe zu Mitglieder usw. stehen.

Wäre super, wenn einer eine Lösung hätte.

Gruß

Som

User avatar
juergen
Moderator
Posts: 4553
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by juergen » Tue 4. Sep 2012, 20:47

Wie sollen wir das machen ? Mit der Glaskugel ?

somtho
Posts: 14
Joined: Fri 7. May 2010, 22:38

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by somtho » Tue 4. Sep 2012, 20:57

Hier die Glaskugel :D

***

Es würde um das Feld "Über uns" gehen


Beste Grüße

Som
Last edited by somtho on Tue 4. Sep 2012, 22:41, edited 1 time in total.

User avatar
update
Moderator
Posts: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by update » Tue 4. Sep 2012, 21:15

Das wird nicht gehen, da die Menüeinträge keine IDs haben. Und vorher mal den Code zurechtzupfen!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="mein-tolles-cms">

<head>
<!--
phpwcms | free open source content management system
created by Oliver Georgi (oliver at phpwcms dot de) and licensed under GNU/GPL.
phpwcms is copyright 2002-2012 of Oliver Georgi. Extensions are copyright of
their respective owners. Visit project page for details: http://www.phpwcms.org/
-->
<title>Start | start2 |Titel</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="stylesheet" type="text/css" href="template/inc_css/frontend.css" />
<link rel="stylesheet" type="text/css" href="template/inc_css/nav_vert_fly_out.css" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">


</style>

</head>
<link rel="canonical" href="http://mein-tolles/cms/index.php?start-1" />
<meta name="generator" content="phpwcms 1.5.4.1 (r491)" />
</head>
<body>
Last edited by update on Wed 5. Sep 2012, 10:51, edited 1 time in total.
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

nameless1
Posts: 849
Joined: Sun 27. Apr 2008, 23:22

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by nameless1 » Tue 4. Sep 2012, 21:16

Ebene 2
.vert_menu ul ul li {
background-color: yellow;
}

Ebene 3
.vert_menu ul ul ul li {
background-color: yellow;
}

somtho
Posts: 14
Joined: Fri 7. May 2010, 22:38

Re: {NAV_VERT_FO:ID,Level depth} (NAVi VERTical Fly Out)

Post by somtho » Tue 4. Sep 2012, 22:40

Perfekt, das wars....besten Dank an Alle!!!

Post Reply