Created basic joomla template
This commit is contained in:
Christian Wolf
commit
f1c746235c
15
Makefile
Normal file
15
Makefile
Normal 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
21
slt.xml
Normal 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>
|
||||
0
slt1/css/index.html
Normal file
0
slt1/css/index.html
Normal file
277
slt1/css/main.css
Normal file
277
slt1/css/main.css
Normal 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
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
0
slt1/img/index.html
Normal file
72
slt1/index.php
Normal file
72
slt1/index.php
Normal 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ä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
0
slt1/js/index.html
Normal file
0
slt1/language/index.html
Normal file
0
slt1/language/index.html
Normal file
97
slt1/templateDetails.xml
Normal file
97
slt1/templateDetails.xml
Normal 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>
|
||||
Loading…
Reference in New Issue
Block a user