Created basic joomla template

This commit is contained in:
Christian Wolf 2017-03-12 14:23:57 +01:00
commit f1c746235c
11 changed files with 483 additions and 0 deletions

15
Makefile Normal file
View File

@ -0,0 +1,15 @@
UPDATE_PATH=/srv/slt-update
PACKAGES = slt1.tar.gz
all: package update
package: $(PACKAGES)
.PHONY: slt1.tar.gz
slt1.tar.gz:
cd slt1 ; tar czf ../$@ *
.PHONY: update
update: $(PACKAGES)
cp slt.xml slt1.tar.gz $(UPDATE_PATH)

21
slt.xml Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<updates>
<update>
<name>Joomla Template</name>
<description>Template for the SLT for the Joomla! CMS</description>
<element>slt</element>
<type>template</type>
<version>0.0.1</version>
<!-- <infourl title="Joomla!">http://www.joomla.org/</infourl> -->
<downloads>
<downloadurl type="full" format="tar">http://localhost/slt-update/slt1.tar</downloadurl>
</downloads>
<!--<tags>
<tag>stable</tag>
</tags>-->
<maintainer>Christian Wolf</maintainer>
<!-- <maintainerurl>http://sammoffatt.com.au</maintainerurl> -->
<!-- <section>Testing</section> -->
<!-- <targetplatform name="joomla" version="1.6"/> -->
</update>
</updates>

1
slt1/TODO Normal file
View File

@ -0,0 +1 @@
Menue links einrichten

0
slt1/css/index.html Normal file
View File

277
slt1/css/main.css Normal file
View File

@ -0,0 +1,277 @@
body {
margin: 0px;
height: 100vh
}
#page {
box-shadow: 30vw 0px 5vw -10vw green inset;
}
/*
* Menu configuration
*/
.nav {
padding: 0px;
}
.nav > li {
display: block;
}
.nav > li > .nav {
padding-left: 5px;
margin-left: 5px;
border-left: solid gray 1px;
font-size: smaller;
}
.nav > li > .nav > li > .nav {
font-size: x-small;
}
/*
* Topmenu positioning and styling
*/
#topmenu {
display: none;
}
@media only screen and ( min-width: 1000px){
#topmenu {
background-color: black;
color: white;
font-weight: bold;
text-align: center;
position: fixed;
width: 100vw;
display: block;
}
#topmenu > .nav {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
padding: 0px;
margin: 0px;
position: relative;
align-items: center;
height: 40px;
}
#topmenu > .nav > li {
padding: 10px;
display: inline-block;
text-align: left;
}
#topmenu > .nav > li:hover {
background-color: white;
color: black;
}
#topmenu > .nav > li > .nav {
position: absolute;
display: none;
z-index: 10;
background-color: white;
margin: 10px 20px 10px 0px;
border: none;
padding: 0px;
}
#topmenu > .nav > li:hover > .nav {
display: block;
box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5);
}
#topmenu > .nav > li > .nav > li {
display: block;
padding: 10px;
}
#topmenu > .nav > li > .nav > li:hover {
background-color: gray;
}
#page {
padding-top: 35px;
}
}
/*
* Header line positioning
*/
#header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
#header > div {
margin: 20px;
align-items: center;
}
#logo, #slideshow {
flex: 0;
}
#logo {
display: inline-block;
}
#slideshow {
display: none;
}
#logo > img {
height: 150px;
}
#slideshow > img {
height: 150px;
}
@media only screen and (min-width: 1000px) {
#slideshow {
display: inline-block;
}
}
/*
* Content positioning
*/
#left_menu {
display: none;
}
#main_column {
margin: 15px;
}
#right_column {
display: none;
}
#footline {
margin-top: 10px;
}
@media only screen and (min-width: 1000px) {
#content {
display: flex;
}
#left_menu {
flex: 1 1 20%;
margin: 15px 0px 15px 5px;
display: block;
}
#main_column {
flex: 1 1 60%;
display: flex;
flex-flow: column nowrap;
}
#main_content{
flex: 1 1 100%;
}
#footline {
flex: none;
}
#right_column {
flex: 1 1 15%;
margin: 15px 5px 15px 0px;
display: block;
}
}
/*
* Footer positioning
*/
#footer {
background-color: black;
color: white;
text-align: center;
margin-top: 30px;
padding: 5px;
}
/*
* Mobile menu positioning
*/
#mobile_menu li > a {
margin: 5px 0px 5px 0px;
background-color: rgb(200,255,200);
padding: 0px;
display: block;
}
#mobile_menu li > a.selected {
background-color: rgb(150,255,150);
}
#mobile_menu .nav {
padding: 0px;
border: none;
margin-left: 0px;
}
#mobile_menu li {
margin-left: 5px;
margin-right: 5px;
}
#mobile_menu li > ul.nav {
margin-left: -5px;
margin-right: -5px;
}
#mobile_menu > .level-1 > li > ul {
display: flex;
flex-wrap: wrap;
}
#mobile_menu > .level-1 > li > ul > li {
display: inline-block;
flex: 1 1 40%;
}
#mobile_menu > .level-1 > li > ul > li > a {
display: block;
}
@media only screen and (min-width: 1000px)
{
#mobile_menu {
display: none;
}
}
/*
* Debug
*/
/*#right_column,#left_menu,#main_content,#footline {
background-color: rgba(0,0,0,0.1);
}*/

BIN
slt1/img/SLT_hoch_03.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

0
slt1/img/index.html Normal file
View File

72
slt1/index.php Normal file
View File

@ -0,0 +1,72 @@
<?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/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/main.css" type="text/css" />
<!-- <title>Saarl&auml;ndische Tanzverband e.V.</title> -->
<!-- <meta content=""> -->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<!-- <style></style> -->
<!-- <link rel="stylesheet" type="text/css" href="css/main.css"> -->
</head>
<body>
<div id='topmenu'>
<jdoc:include type="modules" style="xhtml" name="topmenu" />
</div> <!-- #topmenu -->
<div id='page'>
<div id='header'>
<div id='logo'>
<img src='img/SLT_hoch_03.png'>
</div> <!-- #logo -->
<div id='slideshow'>
<jdoc:include type="modules" style="xhtml" name="slideshow" />
</div> <!-- #slideshow -->
</div> <!-- #header -->
<div id='mobile_menu'>
<jdoc:include type="modules" style="xhtml" name="mobile_menu" />
</div>
<div id='content'>
<div id='left_menu'>
<jdoc:include type="modules" style="xhtml" name="left_menu" />
</div> <!-- #left_menu -->
<div id='main_column'>
<div id='main_content'>
<jdoc:include type="component" style="xhtml" />
</div>
<div id='footline'>
<jdoc:include type="modules" style="xhtml" name="footline" />
</div> <!-- #footline -->
</div><!-- main_column -->
<div id='right_column'>
<jdoc:include type="modules" style="xhtml" name="right_column" />
</div><!-- #right_column -->
</div> <!-- #content -->
<div id='footer'>
<jdoc:include type="modules" style="xhtml" name="footer" />
</div> <!-- #footer -->
</div> <!-- #page -->
</body>
</html>

0
slt1/js/index.html Normal file
View File

0
slt1/language/index.html Normal file
View File

97
slt1/templateDetails.xml Normal file
View File

@ -0,0 +1,97 @@
<?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">
<!-- MUSS Seit Joomla 1.6 ist der Installer universell. Also wichtig, version="2.5" type="template" client="site" angeben -->
<extension
version="3.0"
type="template"
client="site">
<!-- SOLLTE, Der Annzeige-Name in Joomla -->
<name>SLT</name>
<title>SLT</title>
<!--SOLLTE Erstellungsdatum -->
<creationDate>11.03.2017</creationDate>
<!-- SOLLTE, Wer ist der Urheber -->
<author>Christian Wolf</author>
<!-- SOLLTE, für ausgelieferte Templates immer eine Kontakt-E-Mail-Adressse -->
<authorEmail>christianlupus@web.de</authorEmail>
<!-- SOLLTE, klar, die Webseite gehört dazu -->
<!--<authorUrl>http://www.joomla-templates.de</authorUrl>-->
<!-- SOLLTE, die eigene Versionsnummer des Templates -->
<version>0.0.1</version>
<!-- SOLLTE, Die Template-Beschreibung wird hier als Joomla language mit einem Platzhalter versehen. In diesem Template-Ordner befindet sich die Sprachdatei in der TPL_TEST_TEMPLATE_XML_DESCRIPTION hinterlegt ist -->
<!--<description>TPL_TEST_TEMPLATE_XML_DESCRIPTION</description>-->
<!-- MUSS, der Files-Tag bezeichnet den Block mit den Dateien und Ordnern die mit installiert werden -->
<files>
<!-- Der Folder-Tag weist Joomla an, den Ordner bspw. html samt dem Inhalt im Template-Ordner zu Speichern -->
<!--<folder>html</folder>-->
<folder>css</folder>
<folder>img</folder>
<folder>language</folder>
<folder>js</folder>
<!-- MUSS, die Hauptdatei für die Ausgabe des Templates -->
<filename>index.php</filename>
<!-- MUSS, jeder Ordner in Joomla ist mit einer Dummy-Html ausgestattet, so werden Server Fehlermeldungen verhindert, falls sich doch ein Webseitenbesucher in ein Verzeichnis verirrt -->
<filename>index.html</filename>
<!-- SOLLTE, das Browser-Tab icon macht sich immer gut -->
<!--<filename>favicon.ico</filename>-->
<!-- MUSS, diese Datei muss natürlich mit installiert werden -->
<filename>templateDetails.xml</filename>
<!--SOLLTE, im Joomla Backend in der Template-Verwaltung wird dieses Bild vom Layout angezeigt. Am besten einen Screenshot der Webseiten Vorlage einfügen oder wenn die Seite fertig ist ein Browser-Screeensho -->
<!--<filename>template_thumbnail.png</filename>-->
<!-- SOLLTE, in dieser Datei kann eine individuelle Fehlerseite erstellt werden (404) -->
<!--<filename>error.php</filename>-->
</files>
<!-- MUSS, das sind letztendlich die Positionen an die die Module geschickt werden-->
<positions>
<!--<position>meine-topposition</position>
<position>linke-position</position>
<position>brotkrumen</position>
<position>zu-guter-letzt</position>
<position>so-soll-die-positon-heissen</position>
<position>neuigkeiten</position>-->
<!-- <position>ich-kann-später-noch-weitere-positionen-einfügen</position> -->
<position>topmenu</position>
<position>slideshow</position>
<position>mobile_menu</position>
<position>left_menu</position>
<position>right_column</position>
<position>footline</position>
<position>footer</position>
<!--<position></position>-->
</positions>
<!--Sollte, Sollten unterschiedliche Sprachen genutzt werden, ist hier der richtige Platz um diese zu installieren-->
<!--<languages folder="language">
<language tag="de-DE">de-DE/de-DE.tpl_test_template.sys.ini</language>
<language tag="de-DE">de-DE/de-DE.tpl_test_template.ini</language>
<language tag="de-DE">en-GB/en-GB.tpl_test_template.sys.ini</language>
<language tag="de-DE">en-GB/en-GB.tpl_test_template.ini</language>
</languages>-->
<!-- Parameter Block start -->
<config>
<fields name="params">
<fieldset name="advanced">
<field name="unser_header_bild"
type="media"
default=""
label="Label"
description="Description"
filter="string"
/>
<!--<field name="unser_header_bild"
type="media"
default=""
label="TPL_TEST_TEMPLATE_FIELD_UNSER_HEADER_BILD_LABEL"
description="TPL_TEST_TEMPLATE_FIELD_UNSER_HEADER_BILD_DESC"
filter="string"
/>-->
</fieldset>
</fields>
</config>
<!-- Parameter Block ende -->
<updateservers>
<server type="extension" name="Private SLT-Update-Site">http://localhost/slt-update/slt.xml</server>
</updateservers>
</extension>