CMSimple_XH template tutorial

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: CMSimple_XH template tutorial

Post by Tata » Fri Nov 09, 2018 5:01 pm

Hm, das habe ich nicht genug getestet und jetzt kann ich nicht finden, wo im Code es steckt. Was fehlt und was überflüssig ist.

Code: Select all

.toc {width: 100%;padding: 0;overflow: visible;clear: both;}
.toc ul {list-style-type: none !important;font-style: normal;margin: 0;padding: 0;}

.toc li {list-style-type: none !important;float: left;position: relative;width: 200px;
	padding: 0 2rem;background-color: #040;height: 2.5rem;line-height: 2.5rem;
    vertical-align: middle;border-right: 1px solid #fff;z-index: 100;}

.toc ul li.docs a:before,.toc ul li.sdocs span:before{color: #fff;float: right;	content: "\25bc";}

.toc ul li:nth-child(1):before{	content: url(images/home.png); margin-right: 1rem; position: relative;	bottom: -2px;
	float:left;	color: #fff;}
.toc li a:hover{border: none;}
.toc li:hover {background-color: #000;}

.toc a,
.toc a:visited,
.toc span {display: block; color: #fff;}

.toc ul ul { list-style-type: none !important; height: 0; position: absolute; top: 2.5rem; margin: 0 0 0 -2rem;}

.toc ul ul li {	width: 270px; background: #060;	position: relative; box-shadow: 3px 3px 3px #666;
	z-index: 200; border-top: 1px solid #fff;border-right: 0;}
.toc ul ul li.docs a:before,.toc ul ul li.sdocs span:before{color: #fff;float: right;content: "\25ba";}
.toc ul ul li a,
.toc ul ul li span {
	width: 100%; height: 2rem; margin: 0;}

.toc ul ul:hover {
    background: #000;}

.toc ul ul li a:hover,
.toc ul ul li span:hover {}

.toc ul ul ul {left: 100%;top: 0px; width: 100%; visibility: hidden; padding: 0; margin: 0;}

.toc ul ul ul li {
    background: #080; margin: 0; position: relative; z-index: 300;
}

.toc ul ul ul li a,
.toc ul ul ul li span {}

.toc ul ul ul li:hover { background: #000; margin: 0;}

.toc ul ul ul li a:hover,
.toc ul ul ul li span:hover { margin: 0;}

.toc li:hover > ul { visibility: visible;}
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: CMSimple_XH template tutorial

Post by Tata » Fri Nov 09, 2018 5:26 pm

Gefunden (wohl).

Code: Select all

.toc ul ul { list-style-type: none !important; height: 0; position: absolute; top: 2.5rem; margin: 0 0 0 -2rem;visibility: hidden;}
Hier hat visibility: hidden; gefehlt. Jetzt aber steht das Häuschen auch, wo es nich sein soll :x . Noch habe ich bemerkt, dass klickt man auf Create containers structure, öffnet sich die dritte Ebene nicht automatisch. Erst nachdem die zweite wieder "gehovert" ist.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

lck
Posts: 2963
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: CMSimple_XH template tutorial

Post by lck » Fri Nov 09, 2018 7:01 pm

Tata wrote:
Fri Nov 09, 2018 5:26 pm
Jetzt aber steht das Häuschen auch, wo es nich sein soll ...
Ändern zu:

Code: Select all

.toc ul.menulevel1 > li:nth-of-type(1):before {
	content: url(images/home.png) !important;
	margin-right: 1rem;
	position: relative;
	bottom: -2px;
	float: left;
	color: #fff;
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

lck
Posts: 2963
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: CMSimple_XH template tutorial

Post by lck » Fri Nov 09, 2018 7:27 pm

Tata wrote:
Fri Nov 09, 2018 5:26 pm
Noch habe ich bemerkt, dass klickt man auf Create containers structure, öffnet sich die dritte Ebene nicht automatisch. Erst nachdem die zweite wieder "gehovert" ist.
Hm, da hast du anscheinend <?php echo toc();?> für das horizontale Menü verwendet, da ist das Verhalten dann normal. Erst bei Klick auf das Elternelement öffnet sich das Untermenü. Für ein horizontales Dropdown-Menü sollte man <?php echo li($hc,1);?> verwenden. Siehe svastis Tutorial (leider nur mehr als archivierte Seite vorhanden).
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: CMSimple_XH template tutorial

Post by Tata » Fri Nov 09, 2018 7:31 pm

Danke.
Doch ist noch etwas falsch. Das DropDownMenu erscheint nur nach dem Anklick, nicht nach dem MouseOver. Und die dritte Ebene funktioniert auch nicht.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: CMSimple_XH template tutorial

Post by Tata » Fri Nov 09, 2018 10:37 pm

lck wrote:
Fri Nov 09, 2018 7:27 pm
Für ein horizontales Dropdown-Menü sollte man <?php echo li($hc,1);?> verwenden. Siehe svastis Tutorial (leider nur mehr als archivierte Seite vorhanden).
Ach, so einfach war es. Und ich habe Stunden drum-und-dran geschraubt, um zu finden ein Fehler, der da eigentlich nicht gab.
Riesen Dank.
Und svasti's tutorial habe ich auch gesucht, die Seite ist aber ausser Betrieb :cry: und ich habe sie nirgendwo anders gefunden.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

Post Reply