Eigenes Template erstellen - Problem

**phil07** · 05.02.2012 11:08

Hallo, ich will ein eigenes Template für Joomla 1.7 erstellen, jedoch funktioniert dies bei mir nicht. Wenn ich templatedetails.xml, index.php, image ordner und css ordner zippe, dann über Erweiterungen hochlade und dann in den Joomla Ordner -> Templates schaue, hat er nur die *.xml Datei hochgeladen. Wieso ist das so? Ich benütze übrigens die Testumgebung von xampp, also einen lokalen Webserver.

Ich lade mal die Dateien hoch, sie sind noch nicht allzu umfangreich, ich hoffe jemand von euch findet den Fehler.

templateDetails.xml

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<extension version="1.7" type="template">
 <name>Wehrgeschichtliches Museum</name>
 <creationDate>23. Januar 2012</creationDate>
 <author>Wehrgeschichtliches Museum</author>
 <authorEmail>swgm@nit.at</authorEmail>
 <authorUrl>www.wehrgeschichte-salzburg.at</authorUrl>
 <copyright>Copyright (C) 2012 Wehrgeschichtliches Museum</copyright>
 <license>None</license>
 <version>1.7.0</version>
 <description>Das offizielle Design des Wehrgeschichtlichen Museums.</description>
 <positions>
   


 </positions>

 </extension>

index.php

Code:

<?php

// No direct access.
defined('_JEXEC') or die;

JHTML::_('behavior.framework', true);
$app = JFactory::getApplication();
?>


<?php echo '<!DOCTYPE html>'; ?>
<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/Wehrgeschichtliches Museum/css/template.css" type="text/css" />
         <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>

  <div id="main">
         <div id="navi">


                 <div id="top_navi_left">
                   <img src="images/layout/backa.png"/>
                 </div>


                 <div id="sub_navi_aktuell">

                   <ul class="sub_navi_main">
                    <li><a href="?left=1">Startseite</a></li>
                    <li><a href="?left=2">Verein</a></li>
                    <li><a href="?left=3">Aktuell</a></li>
                     <li><a href="?left=4">Galerie</a></li>
                     <li><a href="?left=5">Geräte</a></li>
                   </ul>

                          <img src="images/layout/subnavi_bottom_bg.gif">

                 </div>

         </div>
         <div id="content">
         <div id="component"><jdoc:include type="component" style="xhtml" /> </div>





  </div>

</body>
</html>

template.css

Code:

@charset "utf-8";

* {
  margin:0;
  padding:0;
  border:0;

}

body {
 background:url(../images/camotestaustria.jpg);
  font-family:"Trebuchet MS", Verdana, Tahoma, Geneva, Arial;
  font-size:10pt;

}

#main {
  margin:0 auto;
  width:982px;

}

#navi {
  color:green;
  position:fixed;
  z-index:2;
}






#sub_navi_aktuell{
  position:absolute;
  left:0;
  top:143px;
  background:url(../images/layout/subnavi_top.jpg);
}







.sub_navi_main {
  background:url(../images/layout/subnavi_top.jpg);
  width:162px;
  top:150px;
}

.sub_navi_main li {
  padding:5px 5px 5px 15px;
  list-style-type:none;
  list-style-position:inside;
  list-style-image: url(../images/layout/sarrow_subnavi.gif);
}

.sub_navi_main li:hover {
  list-style-image: url(../images/layout/sarrow_subnavi_active.gif);
  background:url(../images/layout/subnavi_top.jpg);
  font-weight:bold;
  border-top: green solid 1px;
  border-bottom: green solid 1px;
}

.sub_navi_main li a {
  color:green;
  text-decoration:none;
}

#content {
  list-style-type:none;
  list-style-position:inside;
  list-style-image: url(../images/layout/arrow_small.gif);
  position:relative;
  top:136px;
  left:162px;
  width:805px;
  height:800px;
  z-index:1;
  border-radius:10px;
  -moz-border-radius:10px;
  -web-border-radius:10px;
  padding:5px;
  padding-left:10px;
  background:white;

}

#content h2{
 background-image:(../images/layout/arrow_small.gif);
}

.box{
width:400px;
 float:left;
 position:relative;
 margin:auto;


}

.p{
 text-align:center;
}

.first_letter {
 font-size:25px;

}

.first_letter:first-letter{
 color:red;
 float:left;
 margin:-5px 3px 5px 5px;
}


.clear{

clear:left;
}

tr:nth-child(even){
 background-color:#EA7473;
}

th{

 background-color:red;
 font-color:white;
}

a:link{
 color:#DA1520;
 text-decoration:none;


}

#disclaimer{
text-align:center;
}

.center{
text-align:center;
}




 /*
 list-style-type:none;
 list-style-position gibts inside und outside.. probieren, schaun wat passt
 sarrow_subnavi.gif

 hintergrund: subnavi_bg.gif  (hat ne fixe breite, 162px un auch diesen schatten...)

 hover:

 sarrow = sarrow aktiv
 subnavi_bg = subnavi_bg aktiv




 */

Vielen Dank für eure Hilfe

mfg

**aruttkamp** · 05.02.2012 11:11

Wo in deiner XML Datei hast du denn beschrieben , welche Dateien zum Template gehören und wo sie hinzuladen sind ? ;-)

Nachtrag: Das hier kann ich nur empfehlen :-)

**phil07** · 05.02.2012 12:28

danke, jetzt funktioniert es. Jedoch habe ich jetzt das Problem, dass der Header nicht angezeigt wird. Woran könnte das liegen?

**aruttkamp** · 05.02.2012 13:12

Jedoch habe ich jetzt das Problem, dass der Header nicht angezeigt wird. Woran könnte das liegen?

Was meinst du mit Header ?
Was hast du geändert ?
Gibt es einen Link zur Seite ?

**phil07** · 05.02.2012 13:26

es gibt leider keinen link zur seite, da ich sie lokal mit xampp erstelle. in der index-php habe ich folgenden code:

Code:

  <div id="top_navi_left">
                   <img src="images/backa.png" alt="header"/>
                 </div>

und das wäre mein header! es befindet sich auch im ordner "images" backa.png, also komme ich nicht auf den grund, warum es nicht angezeigt wird. Der Text von "alt" wird jedoch angezeigt.

Ich habe mir ein normales HTML-Template erstellt, da es vorher mit Joomla ja nicht funktioniert hat, dort wird es schon angezeigt.

**Indigo66** · 05.02.2012 16:44

Wo liegt das Bilde im image-Ordner? Im Stammverzeichnis oder im Templateverzeichnis. Wenn es im Template liegt musst Du auch den Pfad zum Bild Templateverzeichnis richtig setzen.

**phil07** · 05.02.2012 18:49

danke indigo, war auch logisch, hab die bilder im template-ordner gehabt! jetzt hab ich noch ein problem, und zwar habe ich in der navigation einen menüpunkt mit umlaut, der nicht korrekt dargestellt wird. also habe ich folgendes in den <head> der index.php geschrieben: <meta **********="Content-Type" content="text/html; charset=utf-8" />, jedoch ändert dies nichts. dies müsste doch utf-8 aktivieren, oder?

**Indigo66** · 05.02.2012 21:49

Deine Datenbank auch UTF-8? Von da kommen die Inhalte Deiner Menüeinträge.

**phil07** · 06.02.2012 17:39

danke jetzt passts, indigo66

jetzt habe ich noch eine weitere frage wo ich einen kleinen anstoß bräuchte, bin noch ein totaler joomla neuling! und zwar bräuchte ich einen kleinen anstoß wie ich die navigation nicht statisch gestalte, sondern in joomla in ein modul einbinden kann, sodass jedoch das jetzige design erhalten bleibt. hat da jemand ein gutes tutorial, etc?

**Indigo66** · 06.02.2012 17:47

Zitat von phil07

danke jetzt passts, indigo66

jetzt habe ich noch eine weitere frage wo ich einen kleinen anstoß bräuchte, bin noch ein totaler joomla neuling! und zwar bräuchte ich einen kleinen anstoß wie ich die navigation nicht statisch gestalte, sondern in joomla in ein modul einbinden kann, sodass jedoch das jetzige design erhalten bleibt. hat da jemand ein gutes tutorial, etc?

Mit dem Menümanager in Joomla. Ich verstehe die Frage nicht. Vielleicht solltest Du Dir mal das Basiswissen aneignen, indem Du die Links in den FAQs zu den Onlinebücher liest.

Thema: Eigenes Template erstellen - Problem

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Eigenes Template erstellen - Problem

Lesezeichen

Lesezeichen

Berechtigungen