Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 2.5 die je gebruikt
- De volledige url van je website indien mogelijk.
- De versie van de extensie waar de vraag over gaat.
opgelost Probleem met horizontaal menu
Probleem met horizontaal menu
12 apr 2013 12:26 - 12 apr 2013 12:52
Hallo beste allemaal,
Ik heb een eigen template gemaakt voor joomla 2.5.8 met een horizontaal menu.
Om het heel eenvoudig te houden heb ik twee memuitems aangemaakt; Home en Diverse.
Verder heb ik geen voorbeelddata geinstalleerde.
De rest van de template,het logo e.d is nu nog niet zo van belang.
Gebruik Xampp control Panel v3.1.0.3.1.0 ( de laatse versie)
Verder gebruik ik de Editor-JoomlaCK.
Zie onderstaande codes;
Inhoud v de index.php;
Inhoud v template.css;
Inhoud v TemplateDetails.xml;
Ik heb in de backend het volgende gedaan;
- twee individuele artikelen aangemaakt
about met wat willekeurige tekst.
tekst met wat willekeurige tekst.
- about hoort bij het menuitem Home.
- tekst hoort bij menuitem Diverse.
Gebruik dus het bestaande Hoofdmenu (Mainmenu) met Home en heb het menuitem Diverse zelf aangemaakt.
Voor beide items heb ik de Templatestijl 'mrptemplate' ingesteld.
Heb mijn template (mrptemplate) als standaard ingesteld en beide menuitems er aantoegewezen.
Het hoofdmenu is aan de positie 'navigatie' toegewezen.
Als ik op 'bekijk website' klik,staat het Horizontaal menu met de twee items en grijze
achtergrond keurig rechtsboven in beeld.
De achtergrond van de container is ook grijs (iets lichter)
Het 'probleem';
Na aankliken van Home of About komt de tekst van het artikel niet op mijn scherm te staan.
Wat doe ik hier fout ?
Bij voorbaat dank voor jullie reactie.
Met vriendelijke groeten.
Martien
Edit Jelle.
Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen
Ik heb een eigen template gemaakt voor joomla 2.5.8 met een horizontaal menu.
Om het heel eenvoudig te houden heb ik twee memuitems aangemaakt; Home en Diverse.
Verder heb ik geen voorbeelddata geinstalleerde.
De rest van de template,het logo e.d is nu nog niet zo van belang.
Gebruik Xampp control Panel v3.1.0.3.1.0 ( de laatse versie)
Verder gebruik ik de Editor-JoomlaCK.
Zie onderstaande codes;
Inhoud v de index.php;
Code:
<?php defined( "_JEXEC" ) or die;?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/print.css" type="text/css" media="print" />
</head>
<body>
<div id="container">
<div id="navigatie"><jdoc:include type="modules" name="navigatie" style="xhtml" /></div> <!---->
<div class="clr"></div>
</div>
</body>
</html>
Inhoud v template.css;
Code:
*{
margin:0;
padding:0;
}
html,body {
height:100%;
width;100%;
}
body {
background:#fff;
}
ul,
ol{
}
fieldset {
border:0;
}
#container{
position:absolute;
margin:auto;
width:1000px;
min-height:100%;
left:50%;
margin-left:-500px;
background-color:#c0c0c0;
}
#navigatie{
position:absolute;
margin-left:50%;
height:70px;
width:50%;
background:url(../images/logo.png) repeat-x; /* grijze achtergrond*/
}
#navigatie ul {
padding:40px 0 0 20px; /*top right bottom left */
}
#navigatie ul li{
display:inline;
list-style-type:none;
border-right:1px solid:#000;
}
#navigatie ul li a{
text-decoration:none;
color:#ffffff; /*witte letters*/
font:16px Verdana;
font-weight:bold;
padding:0 20px 0 0;
}
#navigatie ul li a:hover{
color:#0000ff; /* blauw*/
}
#navigatie ul li a:active{
color:#00ff00; /*bij aanklikken groen*/
}
Inhoud v TemplateDetails.xml;
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<extension version="2.5" type="template" client="site">
<name>mrptemplate</name>
<creationDate>20 maart 2013</creationDate>
<author>ikke</author>
<authorEmail>mijnemail@hotmail.com</authorEmail>
<authorUrl>www.mijnwebsite.nl</authorUrl>
<copyright>Copyright (C) 2013 ikke</copyright>
<license>GNU General Public License version 2 of later</license>
<version>1.0</version>
<description>mijntemplate</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>css/template.css</filename>
</files>
<positions>
<position>navigatie</position>
</positions>
</extension>
Ik heb in de backend het volgende gedaan;
- twee individuele artikelen aangemaakt
about met wat willekeurige tekst.
tekst met wat willekeurige tekst.
- about hoort bij het menuitem Home.
- tekst hoort bij menuitem Diverse.
Gebruik dus het bestaande Hoofdmenu (Mainmenu) met Home en heb het menuitem Diverse zelf aangemaakt.
Voor beide items heb ik de Templatestijl 'mrptemplate' ingesteld.
Heb mijn template (mrptemplate) als standaard ingesteld en beide menuitems er aantoegewezen.
Het hoofdmenu is aan de positie 'navigatie' toegewezen.
Als ik op 'bekijk website' klik,staat het Horizontaal menu met de twee items en grijze
achtergrond keurig rechtsboven in beeld.
De achtergrond van de container is ook grijs (iets lichter)
Het 'probleem';
Na aankliken van Home of About komt de tekst van het artikel niet op mijn scherm te staan.
Wat doe ik hier fout ?
Bij voorbaat dank voor jullie reactie.
Met vriendelijke groeten.
Martien
Edit Jelle.
Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen- mrtjoom
-
Heeft onderwerp gestart
- Bezoeker
-
- Astrid
-
- Moderator + Technisch team
-
- Berichten: 37447
- mrtjoom
-
Heeft onderwerp gestart
- Bezoeker
-
