Drupal 7 (Teil 33): Themes (4)

Größe: px
Ab Seite anzeigen:

Download "Drupal 7 (Teil 33): Themes (4)"

Transkript

1 Web >> Drupal Drupal 7 (Teil 33): Themes (4) Autor: daniel_koch Inhalt: Die ersten Schritte hin zum eigenen Drupal-Theme wurden bereits gemacht. Jetzt geht es weiter mit der Erstellung des Themes. Im Fokus dieses Tutorials steht dabei zunächst weiter die info-datei. Denn über diese werden beispielsweise auch die notwendigen CSS-Dateien und die im Theme verfügbaren Regionen definiert. Anschließend erfahrt ihr, wie sich das Layout der Seite temporär mittels Firebug anpassen lässt.

2 Bevor weitere Dinge am Theme geändert werden, könnt ihr es im Backend bereits als Standard-Theme einstellen. Ruft dazu Design auf und klickt bei eurem Theme auf den Link Aktivieren und als Standard festlegen. Jetzt können die nächsten Schritte unternommen werden. Nachdem die allgemeinen Informationen zum Theme über die Kopfdaten der info-datei angegeben wurden, geht es mit der Definition der zu verwendenden Stylesheet-Dateien weiter. ; Subtheme modular stylesheets. stylesheets[all][] = css/html-elements.css stylesheets[all][] = css/page.css stylesheets[all][] = css/fields.css stylesheets[all][] = css/nodes.css stylesheets[all][] = css/blocks.css stylesheets[all][] = css/comments.css stylesheets[all][] = css/navigation.css stylesheets[all][] = css/views-styles.css stylesheets[all][] = css/custom.css 2

3 Die Pfadangaben müssen dabei jeweils relativ zum Theme-Verzeichnis angegeben werden. Ihr findet die aufgeführten CSS-Dateien im css-verzeichnis von psdtutorials. Dort solltet ihr dann auch die CSS-Dateien hinterlegen, die ihr zusätzlich einfügen wollt. Achtet beim Einbinden der CSS-Dateien auch auf deren Reihenfolge. Denn das Besondere an CSS ist nun mal die Kaskadierung, also die Vererbung einer Eigenschaft von einem auf ein anderes Element. Dabei überschreibt die letzte Definition für ein Element immer die vorherigen. Über [all] wird festgelegt, dass das Stylesheets für alle Ausgabemedien gleichermaßen gilt. stylesheets[all][] = css/custom.css Alternativ dazu könntet ihr auch noch spezielle Stylesheets für den Ausdruck usw. definieren. stylesheets[print][] = css/print.css Weiter geht es mit dem Regionen-Bereich. ; The regions defined in the page.tpl.php file. The name in brackets is the ; name of the variable. The text after the = sign is the short description ; you see on the block configuration page. regions[sidebar_first] = Sidebar first regions[sidebar_second] = Sidebar second regions[content] = Main Content regions[highlighted] = Highlighted regions[leaderboard] = Leaderboard regions[header] = Header regions[secondary_content] = Secondary regions[tertiary_content] = Tertiary regions[footer] = Footer regions[help] = Help regions[page_top] = Page top regions[page_bottom] = Page bottom Was es mit den Regionen auf sich hat, wisst ihr natürlich längst. Innerhalb dieser Regionen könnt ihr Blöcke platzieren. 3

4 Wenn ihr die Einträge innerhalb des regions-bereichs eurer info-datei mit dem Auswahlfeld unter Struktur>Blöcke vergleicht, wird deutlich, was in der infodatei geschieht. Hier werden also die Regionen definiert, die später im Auswahlfeld zur Verfügung stehen. Die Definition der Regionen folgt dabei immer demselben Prinzip. regions[page_bottom] = Page bottom Innerhalb der eckigen Klammern steht der eigentliche Variablenname für die Region. Das, was im Backend zu sehen ist, wird nach dem Gleichheitszeichen notiert. 4

5 Hilfreich ist es, wenn man sich einmal die für das Theme verfügbaren und definierten Regionen anzeigen lässt. Ruft dazu Struktur>Blöcke auf und klickt auf den Link Block-Regionen (psdtutorials) veranschaulichen. 5

6 Achtet darauf, eurer Theme zuvor als Standard einzurichten. Ein anschließender Blick ins Frontend der Seite liefert das gewünschte Ergebnis. 6

7 So sieht man direkt, welche Regionen innerhalb des Themes tatsächlich angeboten werden. Diese Aufteilung lässt sich - zumindest, wenn man ein Basis-Theme verwendet - in aller Regel sehr einfach anpassen. In den Basis-Themes gibt es dafür fast immer eine ausführliche Dokumentation. Wie sich eine solche Anpassung im Genesis-Theme umsetzen lässt, wird hier beschrieben. Verantwortlich für die Aufteilung ist die CSS-Datei layout.css, die im Verzeichnis sites/all/themes/genesis/css liegt. Hier ein Auszug dieser Datei: /* Standard #genesis-1a #genesis-1a #genesis-1a #genesis-1a #genesis-1a /* Standard #genesis-1b #genesis-1b #genesis-1b #genesis-1b #genesis-1b /* Standard #genesis-1c #genesis-1c #genesis-1c #genesis-1c #genesis-1c 3 column, em based widths. */.two-sidebars.content-inner{margin:0 22em;}.sidebar-first.content-inner{margin-left:22em;}.sidebar-second.content-inner{margin-right:22em;} #sidebar-first{width:20em;margin-left:-100%;} #sidebar-second{width:20em;margin-left:-20em;} 3 column, % based widths. */.two-sidebars.content-inner{margin: %;}.sidebar-first.content-inner{margin-left:25.25%;}.sidebar-second.content-inner{margin-right:25.25%;} #sidebar-first{width:24.25%;margin-left:-100%;} #sidebar-second{width:24.25%;margin-left:-24.25%;} 3 column, px based widths (default). */.two-sidebars.content-inner{margin:0 260px;}.sidebar-first.content-inner{margin-left:260px;}.sidebar-second.content-inner{margin-right:260px;} #sidebar-first{width:240px;margin-left:-100%;} #sidebar-second{width:240px;margin-left:-240px;} Es handelt sich um verschiedene Layoutdefinitionen. Werft zunächst einen Blick auf #genesis-1a. Das ist eine typische Aufteilung für ein Drupal-Theme. Die Seite besitzt einen Hauptbereich und jeweils einen Seitenbereich links und rechts. Die Breite der ersten Spalte ist auf 22em festgelegt. Innerhalb von #genesis-1a werden also em-werte verwendet. Vorteil dieser Variante: Vergrößert sich die Schriftgröße, werden auch automatisch die Spaltengrößen angepasst. Sehr schön zu erkennen ist das übrigens auch an den jeweiligen Kommentaren. /* Standard 3 column, em based widths. */ Das Besondere an einem Basis-Theme wie Genesis ist nun aber dessen Flexibilität. Denn man muss eben nicht die em-variante wählen. Deutlich wird das anhand des Kommentars, der die #genesis-1b -Definitionen einleitet. /* Standard 3 column, % based widths. */ Es ist also offensichtlich auch eine prozentuale Variante möglich. Und zu guter Letzt gibt es auch noch eine Pixelversion. /* Standard 3 column, px based widths (default). */ 7

8 An dieser Stelle kommt der Firebug ins Spiel. Denn damit kann man sich die Auswirkungen der Definitionen direkt anzeigen lassen. Ruft dazu im Firefox eure Drupal-Seite im Frontend auf und klickt auf das Firebug-Symbol. 8

9 Das Firebug-Fenster wird daraufhin im unteren Seitenbereich angezeigt. Öffnet jetzt das HTML-Register. 9

10 Darin ist die Struktur der Seite zu sehen. Entscheidende Bedeutung kommt dem einleitenden body zu. <body thmr="thmr_78" id="genesis-1c"> Hier fällt die ID genesis-1c auf. Das aktuelle Layout bezieht sich demnach auf die CSS-Definition #genesis-1c, somit also auf feste Pixelwerte. Sucht innerhalb des body-elements nach dem untergeordneten div-element mit der ID #content-inner. Klickt man auf das div-element, wird im rechten Fensterbereich die dazugehörende CSS-Definition angezeigt. 10

11 Wie bereits in einem anderen Tutorial beschrieben, kann man mit dem Firebug Anpassungen am Layout der Seite vornehmen, ohne die Quelldateien verändern zu müssen. Ihr könnt das ganz einfach testen. Klickt dazu im body-element auf die ID #genesis-1c. Die ID lässt sich daraufhin verändern. 11

12 Wenn ihr das jetzt beispielsweise in genesis-2b ändert, werden die Anpassungen automatisch angezeigt. Ihr seht also, wie flexibel ihr mit einem solchen Basis-Theme seid. Allein durch Anpassung der CSS-ID im einleitenden body könnt ihr ein völlig anderes Layout der Seite umsetzen. Wenn ihr euch vorstellt, dies allein durch die Definition zusätzlicher eigener CSS-Definitionen umsetzen zu müssen, könnt ihr ungefähr abschätzen, wie lange das dauern würde. Und noch etwas ist deutlich geworden: Firebug ist ein unerlässliches Mittel während der Erstellung von Themes. 12

13 Besuche jetzt unseren Shop Nachschub für kreative Köpfe Foto-Design Grafik-Design Web-Design 3D-/Motion-Design Finde dein passendes Training auf

Contao (Teil 37): Suchmaschinenoptimierung (1)

Contao (Teil 37): Suchmaschinenoptimierung (1) Web >> Contao Contao (Teil 37): Suchmaschinenoptimierung (1) Autor: daniel_koch Inhalt: Webseiten können eigentlich nur erfolgreich sein, wenn sie auch vernünftig über Suchmaschinen gefunden werden. Grund

Mehr

Design anpassen eine kurze Einführung

Design anpassen eine kurze Einführung Design anpassen eine kurze Einführung Das gesamte Layout von Papoo basiert auf modernen CSS Layouts die vollständig ohne Layout Tabellen funktionieren. Um schnell vorhandene Designs anpassen zu können

Mehr

Responsive Webdesign

Responsive Webdesign Responsive Webdesign Anlass sind 2 Probleme: 1. Darstellung der HU-Homepage auf mobilen Geräten ist nicht optimal (Überprüfung der Anzeige mit Strg+Shift+M oder Simulatoren www.responsinator.com) 2. Summe

Mehr

Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.

Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet. Intrapact Layout Allgemeines Das Layout einer Firma wird im Intrapact Manager, und dort im Layout Designer erstellt. Alle Eingaben im Layout Designer dienen dazu um die CSS/ASP Dateien zu generieren, die

Mehr

Anfang: (1) HOMEPAGE: Farbwahl und Aufbau

Anfang: (1) HOMEPAGE: Farbwahl und Aufbau 2D-Tutorials >> Adobe Photoshop Anfang: (1) HOMEPAGE: Farbwahl und Aufbau Autor: efox Inhalt: Homepage erstellen (1) Hier lernt ihr in nur 6 Tagen eine komplette Homepage zu erstellen. Teil 1 behandelt

Mehr

Erweiterungen Gantry Framework -

Erweiterungen Gantry Framework - Gantry Framework Gantry Framework ist eine Art Tabelle (Grid), in der man in den Zellen die jeweiligen Beiträge und sonstigen Bereiche positionieren kann. Gantry Framework downloaden Über Google nach Gantry

Mehr

Handbuch TweetMeetsMage

Handbuch TweetMeetsMage Handbuch TweetMeetsMage für Version 0.1.0 Handbuch Version 0.1 Zuletzt geändert 21.01.2012 Inhaltsverzeichnis 1 Einleitung... 3 1.1 Voraussetzungen... 3 1.2 Funktionsübersicht... 3 2 Installation... 4

Mehr

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten.

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten. Benutzerhandbuch Gästebuch Software - YellaBook v1.0 http://www.yellabook.de Stand: 01.08.2012 Inhalt 1 Funktionen... 3 2 Systemanforderungen... 4 3 Installation... 4 4 Einbinden des Gästebuchs... 5 5

Mehr

Erzherzog Johann Jahr 2009

Erzherzog Johann Jahr 2009 Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein

Mehr

Karl Deutsch Kaspar Schweiger. Webseiten erstellen mit. Drupal7 Content- Layout Administrafion. Mit 234 Abbildungen

Karl Deutsch Kaspar Schweiger. Webseiten erstellen mit. Drupal7 Content- Layout Administrafion. Mit 234 Abbildungen Karl Deutsch Kaspar Schweiger Webseiten erstellen mit Drupal7 Content- Layout Administrafion Mit 234 Abbildungen Inhaltsverzeichnis 1 Einleitung 15 1.1 Stärken von Drupal 15 1.2 Neuerungen in der Version

Mehr

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe?

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? Inhalt: 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? 1.Installation Um das Electronics Theme zu installieren, gehen Sie in der Rubrik Design zum Template Store. Hier sehen Sie

Mehr

WordPress. - ein kleines Tutorial von C. Oberweis, inf-schule.de -

WordPress. - ein kleines Tutorial von C. Oberweis, inf-schule.de - WordPress - ein kleines Tutorial von C. Oberweis, inf-schule.de - Begriffe: Beiträge (posts, Blog-Inhalte): regelmäßige Artikel, chronologisch geordnet, Kategorien, Autoren usw. zugeordnet Seiten (pages,

Mehr

Ordner und Laufwerke aus dem Netzwerk einbinden

Ordner und Laufwerke aus dem Netzwerk einbinden Inhaltsverzeichnis 1. Einführung...2 2. Quellcomputer vorbereiten...3 2.1 Netzwerkeinstellungen...3 2.2 Ordner und Laufwerke freigeben...4 2.2.1 Einfache Freigabe...5 2.2.2 Erweiterte Freigabe...6 3. Zugriff

Mehr

Artisteer 2 Installation

Artisteer 2 Installation Möchte man keine fertigen Templates für sein Webprojekt verwenden, hat jedoch nicht die nötigen Kenntnisse sich sein Eigenes zu erstellen, dann ist man bei Artisteer 2 genau richtig! Mit diesem Web Design

Mehr

Redaktions-Schulung. Redaktionssystem der Kunstuniversität Linz 12. Oktober 2007. Daniel Hoschek & Ralph Zimmermann

Redaktions-Schulung. Redaktionssystem der Kunstuniversität Linz 12. Oktober 2007. Daniel Hoschek & Ralph Zimmermann Redaktions-Schulung Redaktionssystem der Kunstuniversität Linz 12. Oktober 2007 Daniel Hoschek & Ralph Zimmermann 1 Ablauf Redaktionssystem Allgemein Login Aufbau von Typo3 Seitenelemente Seitenelemente

Mehr

Das Zen Theme. Drupal User Group Berlin Naori - 19.08.2010

Das Zen Theme. Drupal User Group Berlin Naori - 19.08.2010 Das Zen Theme Drupal User Group Berlin Naori - 19.08.2010 Vorwort Jede Website eines Designers ist theoretisch mit dem Zen Theme umsetzbar. Oft kommen Vorgaben von Agenturen oder Designern, die in Drupal

Mehr

Themes Organisation in Contao

Themes Organisation in Contao 3 Themes Organisation in Contao 42 K a p i t e l 3 Ab der Einführung der Version 2.9 werden Seitenlayouts, Stylesheets und Module mit dem Theme-Manager verwaltet. Weiterhin sind Anbindungen an soziale

Mehr

mehr funktionen, mehr e-commerce:

mehr funktionen, mehr e-commerce: mehr funktionen, mehr e-commerce: xt:commerce plugin Search Tag Cloud xt:commerce Plugin search tag cloud Wonach suchen Ihre Kunden? Nicht nur für andere Nutzer ist es interessant, welche Artikel Ihre

Mehr

MEHR FUNKTIONEN, MEHR E-COMMERCE:

MEHR FUNKTIONEN, MEHR E-COMMERCE: MEHR FUNKTIONEN, MEHR E-COMMERCE: XT:COMMERCE PLUGIN BB ENRICHED SITEMAP XT:COMMERCE PLUGIN BB ENRICHED SITEMAP Das Plugin Blackbit Enriched Sitemap reichert den Export-Feed für die Google-Sitemap mit

Mehr

Seminar DWMX 2004. DW Session 004

Seminar DWMX 2004. DW Session 004 Seminar DWMX 2004 DW Session 004 Eigene Site aufbauen Aufbau einer persönlichen Site: Auswahl einer bestimmten Dateiorganisation Statische HTML Site Vorlagenbasierte Site Framebasierte Site Erstellen der

Mehr

Designänderungen mit CSS und jquery

Designänderungen mit CSS und jquery Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene

Mehr

TiddlyWiki-Anleitung. Um diese Webseite mit einem eigenen Titel und Untertitel zu versehen, klickt man SiteTitle und SiteSubtitle an.

TiddlyWiki-Anleitung. Um diese Webseite mit einem eigenen Titel und Untertitel zu versehen, klickt man SiteTitle und SiteSubtitle an. TiddlyWiki-Anleitung Wie bereits bei meinen Ausführungen zum "Papierlosen Arbeitsplatz" dargelegt, besteht das Prinzip darin, dass man den Arbeitsplatz als eine Webseite anlegt. Eine solche Webseite kann

Mehr

Quickstart IMS Custom-Player Pro

Quickstart IMS Custom-Player Pro Quickstart IMS Custom-Player Pro Jedes IMS-MDN (Media Delivery Network) Konto bietet zum Abspielen von Flash Videos den Standard IMS Custom Player. Dieser Player wird von uns auf einem hoch performanten

Mehr

Advanced CMS. Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper?

Advanced CMS. Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper? Advanced CMS Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper?id_product=19835 1. Installation Nachdem Sie das Modul Advanced CMS heruntergeladen und

Mehr

TYPO3 Redaktoren-Handbuch

TYPO3 Redaktoren-Handbuch TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste

Mehr

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Responsive Webdesign vertraut. Es wird

Mehr

Magento Theming Ein Einstieg Rainer Wollthan

Magento Theming Ein Einstieg Rainer Wollthan Magento Theming Ein Einstieg Rainer Wollthan Überblick Vorbereitung Datei Struktur Adminbereich Layout XML Block Template Magento Theming macht Spaß! Vorbereitung Produkte Marketingmaßnahmen Design Länder

Mehr

Bedienungsanleitung zum Booking-System

Bedienungsanleitung zum Booking-System Booking-System Bedienungsanleitung 1 l 9 Bedienungsanleitung zum Booking-System Diese Dokumentation erklärt Ihnen alle notwendigen Schritte, um das Booking-System zu verwenden. Booking-System Version 0.7.6

Mehr

Nützliche Tipps im Umgang mit Word

Nützliche Tipps im Umgang mit Word Nützliche Tipps im Umgang mit Word Im Folgenden möchten wir einige Funktionen von Word beschreiben, von denen wir denken, dass Sie euch das Erstellen einer schriftlichen Arbeit erleichtern. Dazu gehören:

Mehr

Tutorial. Tutorial. Microsoft Office 2010 Standard Edition verteilen. 2011 DeskCenter Solutions AG

Tutorial. Tutorial. Microsoft Office 2010 Standard Edition verteilen. 2011 DeskCenter Solutions AG Tutorial Microsoft Office 2010 Standard Edition verteilen 2011 DeskCenter Solutions AG Inhaltsverzeichnis 1. Einführung...3 2. Office 2010 Ressourcen bereitstellen...3 3. Anpassung der Office Installation...4

Mehr

[2-4] Typo3 unter XAMPP installieren

[2-4] Typo3 unter XAMPP installieren Web >> Webentwicklung und Webadministration [2-4] Typo3 unter XAMPP installieren Autor: simonet100 Inhalt: Um Typo3 zum Laufen zu bringen benötigen wir eine komplette Webserverumgebung mit Datenbank und

Mehr

Ablauf. Redaktions-Schulung. Schulungs Unterlagen. Typo3

Ablauf. Redaktions-Schulung. Schulungs Unterlagen. Typo3 Redaktions-Schulung Verein Netwerk Logistik 7. März 2008 Ralph Zimmermann Ablauf Redaktionssystem Allgemein Login Aufbau von Typo3 Seitenelemente Seitenelemente - Editieren /Hinzufügen Neue Seite anlegen

Mehr

Visual Web Developer Express Jam Sessions

Visual Web Developer Express Jam Sessions Visual Web Developer Express Jam Sessions Teil 1 Die Visual Web Developer Express Jam Sessions sind eine Reihe von Videotutorials, die Ihnen einen grundlegenden Überblick über Visual Web Developer Express,

Mehr

Speichern. Speichern unter

Speichern. Speichern unter Speichern Speichern unter Speichern Auf einem PC wird ständig gespeichert. Von der Festplatte in den Arbeitspeicher und zurück Beim Download Beim Kopieren Beim Aufruf eines Programms Beim Löschen Beim

Mehr

A) Einleitung. Kurzanleitung. Weebly ist ein Websitegenerator mit dem du einfach eine eigene Website zusammen- bauen

A) Einleitung. Kurzanleitung. Weebly ist ein Websitegenerator mit dem du einfach eine eigene Website zusammen- bauen Kurzanleitung A) Einleitung Weebly ist ein Websitegenerator mit dem du einfach eine eigene Website zusammen- bauen kannst. Bei der Arbeit wirst du auch noch ein paar Wörter Englisch lernen. Die wichtigsten

Mehr

Um in das Administrationsmenü zu gelangen ruft Ihr Eure Seite auf mit dem Zusatz?mod=admin :

Um in das Administrationsmenü zu gelangen ruft Ihr Eure Seite auf mit dem Zusatz?mod=admin : WebsoziCMS 2.8.9 Kurzanleitung Stand: 10.04.2008 Andreas Kesting Diese Kurzanleitung zum WebsoziCMS 2.8.9 beschränkt beschränkt sich auf die häufigsten Tätigkeiten beim Administrieren Eurer Homepage: -

Mehr

Webdesign-Multimedia HTML und CSS

Webdesign-Multimedia HTML und CSS Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente

Mehr

Variablen & erweiterte Aktionen nutzen

Variablen & erweiterte Aktionen nutzen 341 In Captivate können Sie mit Hilfe von Variablen Texte & Werte speichern oder Systeminformationen ausgeben. Außerdem können Sie auf Basis von Variablen komplexere Aktionen entwickeln, wie z. B. eine

Mehr

Für Fragen und Anregungen, Wünsche und Verbesserungsvorschlägen zu diesem Handbuch können Sie mich gerne kontaktieren.

Für Fragen und Anregungen, Wünsche und Verbesserungsvorschlägen zu diesem Handbuch können Sie mich gerne kontaktieren. Inhaltsverzeichnis 1. Inhaltselemente bearbeiten Bild einfügen 2. Inhaltselement anlegen 3. Seite anlegen 4. Dateien verwalten Ordner anlegen Datei hochladen 5. Buttons 6. TYPO3 Backend (Aufbau) Einleitung

Mehr

InfoSphere goes Android Hallo InfoSphere

InfoSphere goes Android Hallo InfoSphere Während des gesamten Moduls führen euch die Arbeitsblätter durch die Erstellung eurer ersten eigenen Apps. Achtet dabei einfach auf folgende Symbole, die euch kurz erklären, was das Ziel des Arbeitsblattes

Mehr

Die aktuelle Version des SPIEGEL-Bestseller-Widgets können Sie auf unserer Website unter Entwicklertools herunterladen.

Die aktuelle Version des SPIEGEL-Bestseller-Widgets können Sie auf unserer Website unter Entwicklertools herunterladen. Technische Dokumentation Hier finden Sie die technische Dokumentation für die Einbindung des Bestseller-Widgets. Die Dokumentation soll als Hilfestellung dienen und kann keinen Anspruch auf Vollständigkeit

Mehr

Anleitung zum erstellen einer PDF-Datei aus Microsoft Word

Anleitung zum erstellen einer PDF-Datei aus Microsoft Word Anleitung zum erstellen einer PDF-Datei aus Microsoft Word 1. Vorbereitung des PCs Um dem Tutorial folgen zu können müssen folgende Programme auf Ihrem PC installiert sein: Ghostskript 8.64: Ghostskript

Mehr

Eigene Themes in Drupal erstellen Teil 1

Eigene Themes in Drupal erstellen Teil 1 Eigene Themes in Drupal erstellen Teil 1 Im Folgenden möchte ich zeigen, wie man ein eigenes Theme in Drupal 8 erstellt. Dabei gehen wir nicht von einem bestehenden aus, sondern beginnen ganz am Anfang.

Mehr

Templates für CMSMadeSimple

Templates für CMSMadeSimple 1. EINLEITUNG Templates für CMSMadeSimple Original von Jan Czarnowski piratos@coftware.de modifiziert von Andreas Just cyberman@gmx.ch Templates für CMSMadeSimple sind zur Zeit nur spärlich vorhanden.

Mehr

Manual WordPress - ContentManagementSystem

Manual WordPress - ContentManagementSystem Was ist WordPress? WordPress ist ein ContentManagementSystem (CMS) zur Verwaltung der Inhalte einer Website. Es bietet sich besonders zum Aufbau und Pflege eines Weblogs (Online-Tagebuch) an. Funktionsschema

Mehr

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1 Neue Oberfläche April 2013 am Montag, den 15. April 2013 Folie 1 Erklärung der Icons Die Icons, welche in jeder Update-Kommunikation verwendet werden, haben folgende Bedeutung: Neuerung (aktiv) Direkt

Mehr

Form Designer. Leitfaden

Form Designer. Leitfaden Leitfaden Copyright Die hier enthaltenen Angaben und Daten können ohne vorherige Ankündigung geändert werden. Die in den Beispielen verwendeten Namen und Daten sind frei erfunden, soweit nichts anderes

Mehr

Erstellen eines HTML-Templates mit externer CSS-Datei

Erstellen eines HTML-Templates mit externer CSS-Datei Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden

Mehr

Formatieren in Word 2007

Formatieren in Word 2007 Formatieren in Word 2007 Formatierungsmöglichkeiten im Allgemeinen Einfache Formatierungen werden hier vorgenommen, In der Regel ist es aber sinnvoller mit Formatvorlagen für unterschiedliche Absätze zu

Mehr

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Anfang März 2011 hat Facebook das Erstellen von sogenannten iframe-tabs als individuelle Gestaltungsmöglichkeit von Fanseiten

Mehr

Anleitung Modul Wishlist Pro by Alize Web

Anleitung Modul Wishlist Pro by Alize Web Anleitung Modul Wishlist Pro by Alize Web INSTALLIEREN UND KONFIGURIEREN (BACK-OFFICE)... 2 Erweiterte Einstellungen > Leistung... 2 Modul laden... 3 Installieren... 4 Konfigurieren... 4 Übersetzungen...

Mehr

Typo3 eine Einführung für Redakteure

Typo3 eine Einführung für Redakteure Typo3 eine Einführung für Redakteure Autor: Patrick Moldenhauer (pm@smd gmbh.de) Stand: 28.11.2007 1) Einleitung 2) Das Backend a. Login b. Die Oberfläche c. Die wichtigsten Buttons 3) Grundlegendes a.

Mehr

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen

Mehr

arboro PDF Creator für Shopware 4.2.x Version 1.0.2

arboro PDF Creator für Shopware 4.2.x Version 1.0.2 arboro PDF Creator für Shopware 4.2.x Version 1.0.2 Inhaltsverzeichnis 1 Installation... 2 1.1 Über den Community Store... 2 1.2 Upload des Plugins von unserer Homepage... 2 2 Konfiguration... 3 2.1 Konfiguration

Mehr

Dokumentation Shopsystem

Dokumentation Shopsystem E-Commerce Solutions Frame Based Shops Anhang zur Dokumentation Shopsystem Version 1.0 Stand: Februar 2013 Technischer Support - KNV Serviceline Tel.: 0711 7860-1000 Fax: 0711 7860-2820 E-Mail: internethotline@knv.de

Mehr

Wordpress Alle wichtigen Funktionen kurz erklärt

Wordpress Alle wichtigen Funktionen kurz erklärt Wordpress Alle wichtigen Funktionen kurz erklärt Dies soll als Hilfe dienen für neue Mitglieder der Homepage AG und als kurzes Nachschlagwerk, ohne dass das große Buch durchforstet werden muss. Alle Funktionen

Mehr

Fraunhofer ITWM Typo3 Schulung für Webbeauftragte

Fraunhofer ITWM Typo3 Schulung für Webbeauftragte Fraunhofer ITWM Typo3 Schulung für Webbeauftragte Die typo3 Schulung besteht aus zwei Blöcken: Einer Präsentation und einem Übungsteil. Während der Präsentation lernen Sie Anhand von konkreten Beispielen

Mehr

JSCMS Dokumentation. (Stand: 27.05.09)

JSCMS Dokumentation. (Stand: 27.05.09) JSCMS Dokumentation (Stand: 27.05.09) Inhalt: CMS Symbole und Funktionen. 2 Verwalten.. ab 3 Seiten Verwalten.. 4 Blöcke Verwalten....6 Templates Verwalten....7 Template Editor...8 Metatags bearbeiten..

Mehr

Handbuch für die Homepage

Handbuch für die Homepage Handbuch für die Homepage des Kirchenkreises Rendsburg-Eckernförde (www.kkre.de) Kirchenkreis Rendsburg-Eckernförde Nordelbische Evangelisch- Lutherische Kirche Anmelden 1. Internet Browser starten (z.b.

Mehr

Argelander Institut für Astronomie. Persönliche Website

Argelander Institut für Astronomie. Persönliche Website Argelander Institut für Astronomie Persönliche Website Zunächst loggt man sich auf www.astro.uni-bonn.de/typo3 mit seinem AIfA Zugang ein. Nach erfolgreichem Login befindet man sich im Backend des TYPO3

Mehr

Einrichten eines News-Systems in Typo3

Einrichten eines News-Systems in Typo3 Einrichten eines News-Systems in Typo3 Generelles: tt_news ist eine der beliebtesten Erweiterungen für Typo3 und wir bereits auf vielen Sites Vorarlberger Schulen verwendet: Beispiele: http://www.vobs.at/hsl

Mehr

Einem Block können beliebig viele Attribute zugeordnet werden, vorausgesetzt jedes Attribut besitzt eine andere Bezeichnung.

Einem Block können beliebig viele Attribute zugeordnet werden, vorausgesetzt jedes Attribut besitzt eine andere Bezeichnung. Kapitel 4 4 Attribute Attribute sind Beschriftungen oder Bezeichnungen, mit denen Sie einem Block einen Text zuordnen. Jedes Mal, wenn Sie einen Block mit einem variablen Attribut einfügen, werden Sie

Mehr

Dokumentation: Balanced Scorecard

Dokumentation: Balanced Scorecard Dokumentation: Balanced Scorecard 1. Einleitung Eine Balanced Scorecard (BSC) ist eine kennzahlenbasierte Managementmethode, welche sowohl Visionen als auch Strategien eines Unternehmens und relevante

Mehr

Das TYPOlight CSS-Framework

Das TYPOlight CSS-Framework Das TYPOlight CSS-Framework Aufgaben eines CSS-Frameworks CSS-Reset Vereinheitlichung der Darstellung in allen Browsern Zurücksetzen der proprietären Abstände und Formatierungen Cross-Browser-Formatierung

Mehr

Werbemittelverwaltung

Werbemittelverwaltung Werbemittelverwaltung 1 Inhaltsverzeichnis Werbemittelverwaltung...1 Ihr Nutzen...3 Notwendige Stammdateneinstellungen...4 Das Anlegen einer Gruppe:... 4 Das Anlegen der Gruppeneinträge (Auswahl):... 4

Mehr

1 Medien einbinden... 3 2 Definition der Medientypen... 4 3 Options-Argumente... 5 4 Ein Bild einbinden... 7

1 Medien einbinden... 3 2 Definition der Medientypen... 4 3 Options-Argumente... 5 4 Ein Bild einbinden... 7 Medien einbinden Inhalt 1 Medien einbinden... 3 2 Definition der Medientypen... 4 3 Options-Argumente... 5 4 Ein Bild einbinden... 7 4.1 Bild einbinden mittels Medien-Icon... 7 4.2 Bild einbinden mittels

Mehr

Drupal Views Bildergalerie erstellen

Drupal Views Bildergalerie erstellen Drupal Views Bildergalerie erstellen (HTML5-Tags ergänzen, Gesamtsumme der Bilder, Bild URL hinzufügen) Es wird eine Galerie Übersichtsseite basierend auf Views-Relationships aufgebaut. Von dieser ausgehend

Mehr

Contao 3. Keynote Contao-Konferenz 2012

Contao 3. Keynote Contao-Konferenz 2012 Contao 3 Keynote Contao-Konferenz 2012 Neue Dateistruktur Das Stammverzeichnis Keynote Contao-Konferenz 2012 Seite 3 Neue Dateistruktur Der Plugins-Ordner Keynote Contao-Konferenz 2012 Seite 4 Neue Dateistruktur

Mehr

Kurzanleitung - Anpassen der Mustervorlagen des allgemeinen Designkonzepts für das eigene Fachportal

Kurzanleitung - Anpassen der Mustervorlagen des allgemeinen Designkonzepts für das eigene Fachportal Kurzanleitung - Anpassen der Mustervorlagen des allgemeinen Designkonzepts für das eigene Fachportal GESIS Leibniz Institut für Sozialwissenschaften www.gesis.org Daniel Hienert daniel.hienert@gesis.org

Mehr

KREDITVERZEICHNIS Konfiguration Ausgabe: 20.02.13 1/13. Dokumentation KREDITVERZEICHNIS. Teil 2. Konfiguration

KREDITVERZEICHNIS Konfiguration Ausgabe: 20.02.13 1/13. Dokumentation KREDITVERZEICHNIS. Teil 2. Konfiguration KREDITVERZEICHNIS Konfiguration Ausgabe: 20.02.13 1/13 Dokumentation KREDITVERZEICHNIS Teil 2 Konfiguration Stand 20.02.2013 KREDITVERZEICHNIS Konfiguration Ausgabe: 20.02.13 2/13 Inhalt 1. KONFIGURATION...

Mehr

TYPO3-Version 6.2: Die News-Meldungen in der Website

TYPO3-Version 6.2: Die News-Meldungen in der Website TYPO3-Webservice Leibniz Universität IT Services September 2015 TYPO3-Version 6.2: Die News-Meldungen in der Website 1. Die Extension tt_news In den TYPO3-Webauftritten der LUH ist standardmäßig die Extension

Mehr

EXT: kool_leute. Extension Key: kool_leute Copyright 2008-2009, Renzo Lauper,

EXT: kool_leute. Extension Key: kool_leute Copyright 2008-2009, Renzo Lauper, <renzo.lauper@kircheonline.ch> EXT: kool_leute Extension Key: kool_leute Copyright 28-29, Renzo Lauper, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml

Mehr

myfactory.microsoft IE Browsereinstellungen für myfactory.businessworld

myfactory.microsoft IE Browsereinstellungen für myfactory.businessworld yfactory.businessworl myfactory.microsoft IE Browsereinstellungen für myfactory.businessworld Seiwert GmbH professionelle Software Lösungen Werrastraße 7 60486 Frankfurt am Main Tel. 069/70760000 Fax 069/70760010

Mehr

...ist das kleine Icon das am Anfang der URL der Internetadresse erscheint. (wie bereits in Version 1.4)

...ist das kleine Icon das am Anfang der URL der Internetadresse erscheint. (wie bereits in Version 1.4) Seite 1 von 6 Einleitung Mit der 1.5 Version der themes können großartige Moodle Lernplattformen gestaltet werden. Ich freue mich darauf, die vielen verschiedenen, brauchbaren und gute aussehenden Moodle

Mehr

Für Windows 7 Stand: 21.01.2013

Für Windows 7 Stand: 21.01.2013 Für Windows 7 Stand: 21.01.2013 1 Überblick Alle F.A.S.T. Messgeräte verfügen über dieselbe USB-Seriell Hardware, welche einen Com- Port zur Kommunikation im System zur Verfügung stellt. Daher kann bei

Mehr

Webseiten erstellen mit Dreamweaver

Webseiten erstellen mit Dreamweaver Dreamweaver Dreamweaver ist ein HTML-Editor der Firma Adobe Systems bestehend aus einer Kombination eines WYSIWYG-Editors (what you see is what you get) mit paralleler Quelltextbearbeitung. Dreamweaver

Mehr

Ant in Eclipse Starthilfe

Ant in Eclipse Starthilfe IN DIESER KURSEINHEIT Einleitung o Um was geht's eigentlich? Hello World o Das Ant Skript Mehrere Targets und Properties o Hello World Ausgabe Ant Launch Configurations o Definition o Modifikation o Nutzung

Mehr

Erweiterung für Premium Auszeichnung

Erweiterung für Premium Auszeichnung Anforderungen Beliebige Inhalte sollen im System als Premium Inhalt gekennzeichnet werden können Premium Inhalte sollen weiterhin für unberechtigte Benutzer sichtbar sein, allerdings nur ein bestimmter

Mehr

Responsive Web Design

Responsive Web Design Responsive Web Design mit APEX Theme 25 Christian Rokitta APEX UserGroup NRW Treffen 20.01.2014 Oracle DB & APEX Entwickler (selbstständig) Deutschland ( 1996) Niederlanden ( 1996) themes4apex: APEX UI

Mehr

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel App Framework vom Intel XDK vertraut. Es wird Schritt für Schritt

Mehr

Python Installation. 1 Vorbereitung. 1.1 Download. Diese Anleitung ist für Windows ausgelegt.

Python Installation. 1 Vorbereitung. 1.1 Download. Diese Anleitung ist für Windows ausgelegt. Python Installation 1 Vorbereitung Diese Anleitung ist für Windows ausgelegt. 1.1 Download Python kann online unter https://www.python.org/downloads/ heruntergeladen werden. Hinweis: Im CoderDojo verwenden

Mehr

Responsive E-Mails in Magento 1.9.1.0

Responsive E-Mails in Magento 1.9.1.0 Responsive E-Mails in Magento 1.9.1.0 Philipp Zabel Agenda Was sind responsive E-Mails? Responsive E-Mails in Magento Kompatibilität E-Mail-Queue über Cronjob Hinweise zur Migration Fazit Was sind responsive

Mehr

Anleitung für. das Erstellen. einer. Bildergalerie

Anleitung für. das Erstellen. einer. Bildergalerie Anleitung für das Erstellen einer Bildergalerie AMAN Media GmbH Dorfstraße 2-4 85235 Unterumbach email: thomas.borsutzky@aman.de AMAN Media GmbH www.aman.de Thomas Borsutzky 30. August 2010 ID1511-55 Seite

Mehr

TYPO3-REDAKTEURSHANDBUCH

TYPO3-REDAKTEURSHANDBUCH TYPO3-REDAKTEURSHANDBUCH Erstellung von Webseiten mit dem TYPO3-CMS der HHU Düsseldorf ZIM Zentrum für Informations- und Medientechnologie ZIM - TYPO3-Team HHU Düsseldorf Ansprechpartner ZIM Dr. Sebastian

Mehr

Plugins. Stefan Salich (sallo@gmx.de) Stand 2008-11-21

Plugins. Stefan Salich (sallo@gmx.de) Stand 2008-11-21 Plugins Stefan Salich (sallo@gmx.de) Stand 2008-11-21 Inhaltsverzeichnis 0 Einleitung...3 0.1 Sinn und Zweck...3 0.2 Änderungsübersicht...3 0.3 Abkürzungsverzeichnis...3 1 Einfügen eines Plugins...4 1.1

Mehr

Modul Bildergalerie Informationen zum Bearbeiten des CMS-Systems für den SV Oberteisendorf

Modul Bildergalerie Informationen zum Bearbeiten des CMS-Systems für den SV Oberteisendorf Inhaltsverzeichnis Allgemein...2 Bilder-Ordner für Bildergalerie einrichten und befüllen...3 Verzeichnis erstellen...3 Beschriftung der Fotos...4 Bildergalerie anlegen und einrichten...5 Vorbereitung im

Mehr

Ziele dieses Buches 2 Was können Sie von diesem Buch erwarten? 3 Und nach dem Buch? 5

Ziele dieses Buches 2 Was können Sie von diesem Buch erwarten? 3 Und nach dem Buch? 5 Inhaltsverzeichnis Einleitung 1 Ziele dieses Buches 2 Was können Sie von diesem Buch erwarten? 3 Und nach dem Buch? 5 Über mich 7 Kapitel 1 Konzeption und Planung der Website 11 1.1 Grundüberlegungen 12

Mehr

Soziale Funktionen zu verträglichen Kosten

Soziale Funktionen zu verträglichen Kosten Soziale Funktionen zu verträglichen Kosten Marc Achtelig, Dipl.-Ing.(FH), Dipl.-Wirtschaftsing.(FH) Handbücher Online-Hilfen Screencasts www.indoition.com Agenda Integrationsstufen Organisatorische Voraussetzungen

Mehr

Cascading Stylesheets (CSS)

Cascading Stylesheets (CSS) Cascading Stylesheets (CSS) Cascading Stylesheets trennen Webdesign vom eigentlichen Inhalt. Die Vererbung, sprich Kaskadierung, von festgelegten Stilen wird allerdings erst bei fortgeschrittenen Programmierkenntnissen

Mehr

Erste Schritte mit WordPress Anleitung WordPress Version 2.8.X

Erste Schritte mit WordPress Anleitung WordPress Version 2.8.X Erste Schritte mit WordPress Anleitung WordPress Version 2.8.X Login Rufen Sie die Login Seite auf: http://ihren-domainname.ch/wp-login.php Melden Sie sich mit dem Login an: Username Passwort Seiten Aktualisieren

Mehr

TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen

TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch Joomla Templates Kursunterlagen Ordnerstruktur in Joomla Inhaltsverzeichnis Ordnerstruktur in Joomla... 3

Mehr

Was ist neu in Version 2014 Die neue hyperspace Version 2014

Was ist neu in Version 2014 Die neue hyperspace Version 2014 Was ist neu in hyscore 2014 Die neue hyperspace Version verfügt über zahlreiche Verbesserungen und viele attraktive, neue Funktionen, insbesondere im Auditmodul, Content Management, Extranet und im Forum.

Mehr

Schülerzeitüng Spicker

Schülerzeitüng Spicker Schülerzeitüng Spicker Bedienungsanleitung für das barrierefreie CMS «Fuman». Wir werden unsere Schülerzeitung auf dem speziell für «Medien für alle» entwickelte Content Management System (CMS) «Fuman»

Mehr

Ersatzteile der Extraklasse Magento-Module der Shopwerft

Ersatzteile der Extraklasse Magento-Module der Shopwerft Ersatzteile der Extraklasse Magento-Module der Shopwerft MicroStudio - Fotolia.com Werden von Kunden oder Suchmaschinen Elemente des Shops aufgerufen, die nicht vorhanden sind, wird statt des gewünschten

Mehr

Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten

Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten SIMOTION Tutorials Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten siemens.com/answers SIMOTION- 2 Webserver aktivieren 3 Demo-Variablen hinzufügen 4 Web-Editor 6 Web- 10 SIMOTION

Mehr

Fussball.de JavaScript

Fussball.de JavaScript Fussball.de JavaScript - larsp_fussballde_js Fussball.de JavaScript Fussball.de JavaScript Extension Key: larsp_fussballde_js Language: de Keywords: Fussball.de Ergebnisse Tabelle Spielplan Bundesliga

Mehr

WEB.DE WebBaukasten Inhaltsverzeichnis

WEB.DE WebBaukasten Inhaltsverzeichnis WEB.DE WebBaukasten Inhaltsverzeichnis Versionswechsel...2 Einleitung... 2 Was hat sich geändert?... 2 Allgemeine Änderungen... 2 Änderungen im Gästebuch... 2 Änderungen im Forum... 3 Änderungen in der

Mehr