Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    Only $11.99/month after trial. Cancel anytime.

    Joomla!-Templates. Professionelle Vorlagen mit CSS
    Joomla!-Templates. Professionelle Vorlagen mit CSS
    Joomla!-Templates. Professionelle Vorlagen mit CSS
    Ebook134 pages45 minutes

    Joomla!-Templates. Professionelle Vorlagen mit CSS

    By Daniel Koch

    ()

    Read preview

    About this ebook

    Joomla! hat sich längst als professionelles Content-Management-System etabliert. Die Präsentation der Inhalte übernehmen dabei Templates. Zwar gibt es zahlreiche kostenlose und kommerzielle Templates, wer aber ein individuelles Design umsetzen will, kommt um die Entwicklung eigener Templates nicht herum. Genau an diesem Punkt setzt dieses Buch an. Es wird all das gezeigt, was für die Erstellung eigener Joomla!-Templates benötigt wird. Erstellen Sie die benötigte Verzeichnis- und Dateistruktur, legen Sie das Grundlayout fest und verbinden Sie Ihr Layout mit Joomla!. Danach werden die ersten im Backend hinterlegten Inhalte ausgegeben. Weiter geht es mit der Definition von Parametern, die für eine größtmögliche Flexibilität der Templates sorgen. Fortgeschrittene Themen wie Mehrsprachigkeit und personalisierte Fehlerseiten runden das Buch ab.
    LanguageDeutsch
    Publisherentwickler.press
    Release dateJan 9, 2015
    ISBN9783868026610
    Joomla!-Templates. Professionelle Vorlagen mit CSS

    Read more from Daniel Koch

    Related to Joomla!-Templates. Professionelle Vorlagen mit CSS

    Related ebooks

    Internet & Web For You

    View More
    View More

    Related podcast episodes

    Related articles

    • Article

      Schneller Cocktail

      Mar 17, 2021

      Schneller Cocktail
      8 min read

    • Article

      Völlig Schwerelos

      Nov 17, 2021

      Völlig Schwerelos
      13 min read

    • Article

      Eleganter Auftritt

      Mar 16, 2023

      Eleganter Auftritt
      7 min read

    • Article

      Eleganter Auf tritt

      Mar 16, 2023

      Eleganter Auf tritt
      7 min read

    • Article

      Office Auf Dem Mac

      Mar 2, 2023

      Office Auf Dem Mac
      8 min read

    • Article

      Der Doktor fürs Web

      Mar 17, 2021

      Der Doktor fürs Web
      8 min read

    • Article

      Sieh An, Sieh An!

      Sep 22, 2022

      Sieh An, Sieh An!
      11 min read

    • Article

      Wissenswelten

      Jul 21, 2022

      Wissenswelten
      5 min read

    • Article

      Fleißiges Helferlein

      Dec 22, 2022

      Fleißiges Helferlein
      10 min read

    • Article

      Sieh An, Sieh An!

      Oct 6, 2022

      Sieh An, Sieh An!
      11 min read

    • Article

      Digital auf Kurs

      Apr 21, 2021

      Digital auf Kurs
      8 min read

    • Article

      Saubere Arbeit

      Aug 4, 2022

      Saubere Arbeit
      7 min read

    • Article

      Durchstarten MIT Konzept

      Mar 4, 2024

      Welche Rubriken und Seiten benötigen Sie? Auf Basis Ihrer Grundüberlegungen erstellen Sie eine grobe Struktur: Soll es eine einzige Seite zum Durchscrollen werden oder lieber mit klassischen Menüpunkten? Wie viele Unterseiten benötigen Sie voraussich

      1 min read

    • Article

      Statisch Gebaut

      Mar 17, 2021

      Statisch Gebaut
      5 min read

    • Article

      Wiki Für Den Desktop

      Nov 16, 2023

      Wiki Für Den Desktop
      5 min read

    • Article

      Film statt Dia

      Apr 21, 2022

      Film statt Dia
      11 min read

    • Article

      Die Download-Highlights dieser Ausgabe

      Aug 6, 2021

      Unter www.digitalphoto.de/webdvd-0921 gehen Sie gleich auf Entdeckungsreise! Rufen Sie die Webseite auf, und registrieren Sie sich mit Ihrer E-Mail- Adresse. Kurze Zeit später erhalten Sie eine E-Mail mit der Bitte, Ihre E-Mail-Adresse zu bestätigen.

      3 min read

    • Article

      Beispielhaft

      Jan 20, 2022

      Beispielhaft
      3 min read

    • Article

      Gut Organisiert

      Oct 6, 2021

      Gut Organisiert
      6 min read

    • Article

      Gut Organisiert

      Oct 6, 2021

      Gut Organisiert
      6 min read

    • Article

      Wiki Für Den Desktop

      Nov 16, 2023

      Wiki Für Den Desktop
      5 min read

    • Article

      Gut Organisiert

      Sep 15, 2021

      Gut Organisiert
      6 min read

    • Article

      Bitte Nicht Stören!

      Jul 21, 2022

      Bitte Nicht Stören!
      8 min read

    • Article

      Angetestet

      Aug 4, 2021

      Angetestet
      4 min read

    • Article

      Angetestet

      Aug 4, 2021

      Angetestet
      4 min read

    • Article

      Zwischenspeicher

      Dec 16, 2021

      Zwischenspeicher
      5 min read

    • Article

      Lehrmeister

      May 19, 2022

      Lehrmeister
      6 min read

    • Article

      Tooltipps

      May 5, 2021

      Schlanker Texteditor Quelle: https://github.com/ilai-deutel/kibi Lizenz: MIT/Apache Alternativen: Kilo, Joe, Nano An Texteditoren besteht unter Linux kein Mangel. Neben komplexen Anwendungen wie Vi(m) oder Emacs bringen die großen Desktop-Umgebungen

      5 min read

    • Article

      Tooltipps

      Dec 1, 2021

      Tooltipps
      5 min read

    Related categories

    Reviews for Joomla!-Templates. Professionelle Vorlagen mit CSS

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      Book preview

      Joomla!-Templates. Professionelle Vorlagen mit CSS - Daniel Koch

      geschützt.

      1 Das Grundlayout entwerfen

      Die Funktionsweise von Joomla! basiert auf Templates. Bevor gezeigt wird, wie sich Templates entwickeln lassen, werfen wir einen Blick auf deren Funktionsweise. Am besten stellen Sie sich ein Template wie eine Schablone vor. Diese Schablone dient als Vorlage, in die dann die relevanten Inhalte geladen werden. Das Template definiert das HTML-Layout der Webseite. An den Stellen, an denen die Joomla!-Funktionalitäten hinzukommen sollen, stehen Platzhalter. Diese Platzhalter werden, wenn die Webseite im Frontend generiert wird, durch echte Inhalte ausgetauscht.

      Ein solches Template-System hat für Sie als Seitenbetreiber enorme Vorteile. Denn schließlich können Sie ein und dieselbe Seite per Mausklick in völlig verschiedenen Designs anbieten.

      So sieht das Beispiel-Template aus

      Die folgende Syntax zeigt eine vollständige HTML-CSS-Kombination, die im weiteren Verlauf dieses Buchs als Grundlage dienen wird.

      Abbildung 1.1: Ein einfaches Grundlayout für den Aufbau des Templates

      Wichtig sind beim Anlegen einer solchen Datei zwei Dinge:

      Strukturieren Sie die Datei

      Kommentieren Sie die Datei

      Das gilt übrigens sowohl für die HTML- als auch für die CSS-Datei. Und einen weiteren Punkt gibt es noch. Es ist bereits mehrfach angeklungen, dass tabellenlose Layouts eigentlich die Königsdisziplin in Sachen CSS sind. Da es sich um ein Joomla!-Template-Buch und eben nicht um eines zum Thema CSS handelt, finden Sie nachfolgend eine CSS-Datei, die Sie als Basis für Ihr eigenes Template-Spaltenlayout verwenden können. Das erleichtert erfahrungsgemäß den Einstieg in die Thematik.

      Dabei werden im folgenden Listing ausschließlich solche Elemente be­rücksichtigt, die für das Layout des Templates entscheidend sind.

      http://www.w3.org/1999/xhtml xml:lang=de-de lang=de-de >

      Planbar

      stylesheet href=css/template.css type=text/css />

      wrapper>

      topwrapper>

         

      corporatelogo>

         

      topright>

           

      topmen>Das obere Menü

           

      toplogo>

         

         

      clear>

         

      mainwrapper_full>

         

      leftwrapper>

           

      men>

             

      moduletable_menu>

               

        menu>

                  Linke Spalte

               

             

           

         

         

      contentwrapper_full>     

      content>Das ist der eigentliche Inhalt
         

         

      rightwrapper>

           

      moduletable>Die rechte Spalte

         

         

      clear>
       

       

       

      footer>© PlanBar 2014

      Die CSS-Syntax sieht folgendermaßen aus:

      /*

      #########################################################

      ### TEMPLATE FÜR JOOMLA #####

      #########################################################

      */

      html, body {

        font: 100.01% trebuchet ms, arial, helvetica, sans

      serif;

        line-height:15px;

        background-color:#72bed9;

        color:#272727;

      }

      /*

      ##########################################################

      ### ALLGEMEINE EINSTELLUNGEN #####

      ##########################################################

      */

      * {

        margin:0px;

        padding:0px;

        list-style-image:none;

        list-style-position:outside;

        list-style-type:none;

      }

      img, table {

        border: none;

      }

      /*

      #########################################################

      ### CONTAINTERSTRUKTUR #####

      #########################################################

      */

      #wrapper {

        width:860px;

        margin:auto;

        min-height:350px;

        padding-top:10px;

        padding-bottom:10px;

        font-size:0.9em;

        line-height:1.1em;

      }

      #topwrapper {

        width:860px;

        height:220px;

      }

      #corporatelogo {

        width:180px;

        height:100%;

        background:transparent

        url('../images/firmenlogo.jpg') no-repeat left top;

        float:left;

      }

      #topright {

        width:670px;

        margin-left:10px;

        height:100%;

        float:left;

      }

      #topmen {

        width:670px;

        margin-bottom:10px;

        height:50px;

        background-color:#0081af;

        color:#fff;

        text-align:right;

      }

      #toplogo {

        width:670px;

        height:160px;

        background:transparent

        url('../images/toplogo.jpg') no-repeat left top;

        color:#fff;

      }

      #mainwrapper_full {

        margin-top:10px;

        width:860px;

        min-height:260px;

        background:transparent

        url('../images/bg_02.gif') repeat-y left top;

      }

      #leftwrapper {

        width:180px;

        float:left;

      }

      #men {

        color:#fff;

        width:100%;

        text-align:center;

      }

      #contentwrapper {

        width:630px;

        float:left;

        margin-left:30px;

        padding-bottom:10px;

      }

      #contentwrapper_full {

        width:440px;

        float:left;

        margin-left:30px;

        padding-bottom:10px;

      }

      #rightwrapper {

        margin-left:40px;

        width:160px;

        float:left;

        color:#fff;

        padding-top:10px;

      }

      #footer {

        margin-top:10px;

        background-color:#0081af;

        color:#fff;

        font-size:0.9em;

        width:100%;

        text-align:center;

        padding-top:10px;

        padding-bottom:10px;

      }

      /* Zum Abschließen von Float-Konstrukten */

      .clear {

        clear:both;

        height:0px;

        width:0px;

        font-size:0.0em;

        visibility:hidden;

      }

      /*

      /* Ende */

      2 Die Template-Dateien und -Verzeichnisse

      Prinzipiell lässt sich festhalten, dass die Joomla!-Templates sehr einfach strukturiert

      Enjoying the preview?
      Page 1 of 1