Seneste spørgsmål og svar fra det danske support forum på cmsmadesimple.org
Danish - Dansk • Re: nedarvning af css
Et til bud - Der mangler nemlig et par divs i mit forrige indlæg
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
{literal}
<script type="text/javascript">// <![CDATA[
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// ]]></script>
{/literal}
</head>
<body>
<!-- start content -->
<div id="content">
<!-- start header -->
<div id="header">
<img src="uploads/images/highonlife.png" alt="Highonlife-Prosperity" width="285" height="48" />
</div>
<!-- end header -->
<!-- start menu -->
<div id="menu">
{menu}
</div>
<!-- end menu -->
<!-- start page image -->
<div id="image">
<img src="uploads/images/{page_image}" alt="{title}" />
</div>
<!-- end page image -->
<!-- start main -->
<div id="main">
<!-- start left content -->
<div id="main_left">
{content}
</div>
<!-- end left content -->
<div id="seperator"></div>
<!-- start right content -->
<div id="main_right">
{content block="Højre"}
</div>
<!-- end right content -->
</div>
<!-- end main -->
<!-- start footer -->
<div id="footer">
{global_content name='footer'}
</div>
<!-- end footer -->
</div>
<!-- end content -->
</body>
</html>
Og så ville jeg i indsætte følgende (eller hvad der nu passer til din site) i Global Metadata under "Site Admin » Global Settings":
Hej ved ikke hvad er er rigtig og forkert, men fik nu løst problemet, der er flyttet lidt rundt på nogle ting i css filen som jeg ved 100% sikkert på der ikke er blevet ændret på, og så har vi redigeret i header filen, hvor vi har en lumsk mistanke til at WYSIWYG: da det er blevet slået til har ændret i noget... underligt... må nok heller bruge en aften eller to på at få læst mine færdigheder op efter 12år som ikke web mand.
takker meget for hjælpen
Danish - Dansk • Re: nedarvning af css
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
{literal}
<script type="text/javascript">// <![CDATA[
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// ]]></script>
{/literal}
</head>
<body>
<!-- start content -->
<div id="content">
<!-- start header -->
<div id="header">
<img src="uploads/images/highonlife.png" alt="Highonlife-Prosperity" width="285" height="48" />
</div>
<!-- end header -->
<!-- start menu -->
<div id="menu">
{menu}
</div>
<!-- end menu -->
<!-- start page image -->
<div id="image">
<img src="uploads/images/{page_image}" alt="{title}" />
</div>
<!-- end page image -->
<!-- start main -->
<div id="main">
<!-- start left content -->
<div id="main_left">
{content}
</div>
<!-- end left content -->
<div id="seperator"></div>
<!-- start right content -->
<div id="main_right">
{content block="Højre"}
</div>
<!-- end right content -->
</div>
<!-- end main -->
<!-- start footer -->
<div id="footer">
{global_content name='footer'}
</div>
<!-- end footer -->
</div>
<!-- end content -->
</body>
</html>
Og så ville jeg i indsætte følgende (eller hvad der nu passer til din site) i Global Metadata under "Site Admin » Global Settings":
Menuerne i CMSMS
Menuerne i CMS Made Simple er noget af det, der gør systemet mest brugervenligt at arbejde med. Og samtidig noget af det der virkelig kan drille. Så her er en kort gennemgang af hvor man kan arbejde med dem i systemet.
Menu taggen {menu}
Menuen dannes ved hjælp af taggen {menu} i sideskabelonen. På det sted hvor taggen sættes ind i sideskabelonen dannes menupunkterne og viser de sider der er oprettet. Når man opretter en ny side i CMSMS, autogenereres et nyt menupunkt. Hvor en side bliver vist i menuen, bestemmes af hvor siden placeres i sidehierakiet.
{menu} kan tage en række parametre, der gør det nemt at styre menuens output.
Et eksempel:
Du ønsker at vise en topmenu og de tilknyttede underpunkter til hvert menupunkt et andet sted på siden:
Topmenuen: {menu start_level="1" number_of_levels="1"}
Undermenuen: {menu start_level="2"}
Et andet eksempel:
Denne menu vil kun vise siderne Contact og Home: {menu items="contact,home"}
Der findes mange flere parametre - du kan se dem alle under modul hjælpen:
'Indhold -> Menuhåndtering -> Modul hjælp'.
Modulet Menuhåndtering
Hvordan menupunkterne dannes og hvilke class parametre menuen har bestemmes i core-modulet Menuhåndtering, der findes under 'Indhold -> Menuhåndtering'. Der findes 6 forudinstallerede menuer i CMSMS:
minimal_menu.tpl
cssmenu_ulshadow.tpl
simple_navigation.tpl
accessible_cssmenu.tpl
accessible_simple_navigation.tpl
cssmenu.tpl
Den menu der er valgt som default under Menuhåndtering, kan indsættes i en sideskabelon med taggen {menu}.
For at indsætte en anden menuskabelon end default skal navnet tilføjes - f.eks:
{menu template="cssmenu_ulshadow.tpl"}.
Hvordan styler jeg menuerne med css?
Der følger css med til de forskellige menuer, hvis du har valgt at installere CMSMS med testindhold.
Knyt det typografiark du ønsker at bruge til sideskabelonen og rediger i css´en, til din menu ser ud som du ønsker.
Alternativt kan du skrive din egen css med de css classes, der er lagt ind i menuerne. Den nemmeste måde at tjekke hvilke class attributter en menu har, er at placere {menu} i sideskabelonen, vælge den menu du ønsker at se på som default og derefter se på kildekoden til hjemmesiden.
Tilpasning af de forudinstallerede menuer
Der er imidlertid også mulighed for at ændre classes, indsætte et id for hvert menupunkt eller ændre hvordan hele menuen dannes - ved at redigere en menuskabelon.
Redigering af menuskabeloner er nede i 'maskinrummet' på hjemmesiden.
Husk at bevare en kopi af den fungerende menu, hvis du arbejder på en live hjemmeside.
Yderst til højre i oversigten på 'Menuhåndtering' er der en mulighed: 'Importer skabelon til databasen'. Klik udfor den menuskabelon, der skal tilpasses og navngiv den f.eks "test". Du har nu oprettet en kopi af menuskabelonen og kan redigere i den. Når du har tilpasset menuskabelonen, kan du indsætte denne menu i en sideskabelon med {menu template="test"} eller {menu} hvis den er valgt som default.