9 odpowiedzi w tym temacie

[ogor89]

Witam,
nie miałem wcześniej wiele do czynienia z CMS-ami, a z Contao już w ogóle nic, więc proszę o wyrozumiałość.
Postępuję wg. tych instrukcji. Tworzę jednak stronę z lewym panelem. Kiedy umieszczę tam menu to jest ono nieklikalne. Jak to zmienić?
Druga sprawa. Zasadniczo chcę mieć menu w sekcji "header", ale do poziomu drugiego, a w lewym panelu od drugiego włącznie do końca. Z tym, że po lewej stronie mają się wyświetlać: nazwa z pierwszego stopnia, wszystkie z drugiego, a z trzeciego i dalszych tylko z aktywnej gałęzi.
Trzecia sprawa. Jak zrobić, żeby w treści strony walnąć menu aktywnej gałęzi, ale tylko potomków.
Wreszcie jak zrobić drugie, niezależne menu z niezależnymi stronami?

[Kamil]

Menu jest nieklikalne, bo prawdopodobnie jest coś nie halo ze stylami CSS. Podeślij link do strony to będzie łatwiej zdiagnozować problem. Co do tych poziomów to musisz pokombinować z polami konfiguracji modułu.

[ogor89]

Strona nie jest dostępna z zewnątrz.
CSS:

@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative}select,input,textarea{font-size:99%}form{margin:0;padding:0}img{border:0}#left{float:left}#right{float:right}#main{width:auto;position:relative}.inside{position:relative;text-align:left}.block{overflow:hidden}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block;text-align:left}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}*+html #main{position:static}header,footer,nav,section,aside,article,figure,figcaption{display:block}
}
@media all{
/* mediaboxAdvanced - black theme */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../plugins/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../plugins/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
}
@media all{
/* Style sheet style */
html,body,*{margin:0;padding:0}body{color:#616161;font:12px/1.5em Verdana,Tahoma,Geneva,sans-serif}a,a:link,a:visited{text-decoration:none;color:#BF0426}#wrapper{width:960px;margin:0 auto;-moz-box-shadow:0 0 4px 0 #616161;-webkit-box-shadow:0 0 4px 0 #616161;box-shadow:0 0 4px 0 #616161}#logo{padding:32px;background-color:#eaeaea}#logo h1{font:41px Georgia, serif}#logo p{padding-left:150px;font-style:italic;font:20px Georgia,serif}#header .mod_navigation{background-color:#BF0426}#header .mod_navigation li{float:left;display:inline-block}#header .mod_navigation li a,#header .mod_navigation li span{display:block;padding:10px 16px}#header .mod_navigation li a{color:#fff}#header .mod_navigation .active,#header .mod_navigation li a:hover{background-color:#FEFFF8;color:#616161}#main{padding:20px;border-bottom:2px solid #A10F0F}#main h1{margin-bottom:0.4em;font-weight:bold;letter-spacing:-1px;font:32px/1.1em “Trebuchet MS”, sans-serif}#copyright{padding:4px;text-align:center;background-color:#EAEAEA;font-size:10px;text-transform:uppercase}
}

Menu z HTML-a

<h1>Menu</h1>
<a href="#skipNavigation23" class="invisible">Pomiń nawigacje</a>
<ul class="level_1">
<li class="active submenu first"><span class="active submenu first">Części do skuter&#243;w</span>
<ul class="level_2">
<li class="first"><a href="index.php/honda-36.html" title="Honda" class="first">Honda</a></li>
<li class="last"><a href="index.php/yamaha-37.html" title="Yamaha" class="last">Yamaha</a></li>
</ul>
</li>
<li class="sibling"><a href="index.php/strona-glowna.html" title="Strona gł&#243;wna" class="sibling">Strona gł&#243;wna</a></li>
<li class="submenu sibling last"><a href="index.php/czesci-do-motocykli.html" title="Części do motocykli" class="submenu sibling last">Części do motocykli</a>
<ul class="level_2">
<li class="submenu first"><a href="index.php/honda.html" title="Honda" class="submenu first">Honda</a>
<ul class="level_3">
<li class="first last"><a href="index.php/vfr-750.html" title="VFR 750" class="first last">VFR 750</a></li>
</ul>
</li>
<li class="submenu last"><a href="index.php/yamaha.html" title="Yamaha" class="submenu last">Yamaha</a>
<ul class="level_3">
<li class="first last"><a href="index.php/sr-500.html" title="SR 500" class="first last">SR 500</a></li>
</ul>
</li>
</ul>
</li>
</ul>

[ctom]

nie miałem wcześniej wiele do czynienia z CMS-ami, a z Contao już w ogóle nic, więc proszę o wyrozumiałość.
Postępuję wg. tych instrukcji. Tworzę jednak stronę z lewym panelem. Kiedy umieszczę tam menu to jest ono nieklikalne. Jak to zmienić?

wklej co masz w <head> - ale podejrzewam, że nie nadałeś szerokości dla #left

[ogor89]

<head>

<meta charset="utf-8">

<title>Testing</title>

<base href="http://127.0.0.1/contao/">

<meta name="robots" content="index,follow">

<meta name="description" content="">

<meta name="keywords" content="">

<link rel="stylesheet" href="system/scripts/801584d02710.css" media="all">

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.4.4/mootools-yui-compressed.js"></script>

<script src="plugins/mootools/1.4.4/mootools-more.js"></script>

<!--[if lt IE 9]><script src="plugins/html5shim/html5-3.js"></script><![endif]-->

</head>

[Kamil]

Tak jak wspomniał ctom, sprawdź czy nadałeś odpowiednią szerokość kolumny #left. Być może jest ona w tej chwili "przykryta" kolumną #main.

[ogor89]

Ja nie widzę id left. Poniżej CSS skopiowany z menu administracyjnego:

Nazwa:  style
Data modyfikacji:  2012-02-24 16:59
Typ medium:  all
	 
html,
body,
*
{
    margin:0;
    padding:0;
}
	 
body
{
    color:#616161;
    font:12px/1.5em Verdana,Tahoma,Geneva,sans-serif;
}
	 
a,
a:link,
a:visited
{
    text-decoration:none;
    color:#BF0426;
}
	 
#wrapper
{
    width:960px;
    margin:0 auto;
    -moz-box-shadow:0 0 4px 0 #616161;
    -webkit-box-shadow:0 0 4px 0 #616161;
    box-shadow:0 0 4px 0 #616161;
}
	 
#logo
{
    padding:32px;
    background-color:#eaeaea;
}
	 
#logo h1
{
    font:41px Georgia, serif;
}
	 
#logo p
{
    padding-left:150px;
    font-style:italic;
    font:20px Georgia,serif;
}
	 
#header .mod_navigation
{
    background-color:#BF0426;
}
	 
#header .mod_navigation li
{
    float:left;
    display:inline-block;
}
	 
#header .mod_navigation li a,
#header .mod_navigation li span
{
    display:block;
    padding:10px 16px;
}
	 
#header .mod_navigation li a
{
    color:#fff;
}
	 
#header .mod_navigation .active,
#header .mod_navigation li a:hover
{
    background-color:#FEFFF8;
    color:#616161;
}
	 
#main
{
    padding:20px;
    border-bottom:2px solid #A10F0F;
}
	 
#main h1
{
    margin-bottom:0.4em;
    font-weight:bold;
    letter-spacing:-1px;
    font:32px/1.1em “Trebuchet MS”, sans-serif;
}
	 
#copyright
{
    padding:4px;
    text-align:center;
    background-color:#EAEAEA;
    font-size:10px;
    text-transform:uppercase;
}

[ctom]

gdy tworzyłeś Thema to dodawałeś tam "boczną kolumnę" - a poniżej pojawiło Ci się pole na podanie szerokości .... i właśnie tam tego nie nadałeś


http://www.webpagesc...-226201245356PM

[ogor89]

Dzięki serdeczne za pomoc. Mam już jasność w tym co robię. Jeszcze jedna kwestia mi pozostała. Jak dobrać się do tytułu konkretnej strony? Próbowałem na ślepo z {title}, ale to nie to.

[Kamil]

http://www.contao.or...nsert-tags.html {{link_title::*}}, a aktywna strona to {{env::page_title}}