Ähnlich wie bei den Anzeigeeinstellungen beim Beitrag, gibt es auch beim Blog-Layout wieder 2 Stellen an denen geschraubt werden kann. Zum einen die globalen Einstellungen und dann in den jeweiligen Menülinks vom Typ Blog. Also bei Kategorie(n) Blog und Hauptbeiträge Bloglayout

Die Globalen Optionen

Zunächst wieder die globalen Optionen für das Bloglayout, die zu finden sind unter
Inhalte ->Beiträge
  –dann oben rechts auf „Optionen“
  – Tab „Blog / Bevorzugte Layouts“

Hier gibt man jetzt die gewünschten Optionen an die generell verwendet werden sollen, diese können später mit abweichenden Einstellungen beim Menülink überschrieben werden.

Die Optionen beim Menülink Typ Bloglayout
Hauptbeiträge (bei Joomla!1.5 Startseiten-Blog), Kategorie Blog

Zu erreichen unter Menü –dein Menü –Neuer Menüleintrag

Hier können individuelle Einstellungen für den jeweiligen Menülink abweichend der globalen Optionen eingestellt werden.

Die Optionen

Die Einstellungen sind eigentlich selbsterklärend, auch wenn Joomla manchmal alles andere als intuitiv zu bedienen ist . Für den Notfall hat Joomla aber zu fast allen Eingabefelder Tooltips hinterlegt. Diese erscheinen sobald man mit Maus auf das Label des jeweiligen Eingabefeldes geht. Diese kleinen Hilfen findet man meist auch bei 3-Erweiterungen.

Jetzt aber zu den Einstellungen und welche Auswirkungen die eingetragenen Werte haben.

#Führende Artikel / Leading Articles
Hier wird die Anzahl der führenden Artikel eingestellt. Diese Artikel werden über die gesamte Breite des Inhaltsbereichs angezeigt. Wird hier mehr als 1 eingetragen wird die gewünschte Anzahl der Artikel untereinander angezeigt. Also als einspaltig. Die Spalteneinstellung hat keinen Einfluss auf  Führende Artikel.

#Intro Text / Intro Articles
Hier wird die Anzahl der Artikel die mit dem Introtext, Text bis zum Weiterlesenlink, angezeigt werden sollen. Wie viele Artikel pro Zeile angezeigt werden, legt man dann in der nächsten Einstellung „#Spalten“ fest.

#Spalten
Hier legen wir jetzt fest wie unsere Artikel mit Introtext angezeigt werden. Die Zahl stellt also die Spalten pro Zeile ein. Eigentlich ganz einfach und logisch. Die 1 steht dann für eine Spalte. Also der Artikel über die gesamte Breite des Inhaltsbereichs oder auch pro Zeile ein Artikel. Eine 2 teilt die Artikel in 2 Spalten pro Zeile. Also2 Artikel mit Introtext nebeneinander. Bei 3 dann drei Artikel pro Zeile usw.

#Links
Man kann unter den Artikel mit Introtext weitere Artikel mit dem Beitragstitel als Link anzeigen lassen. Diese Anzahl gibt man hier ein. Die Titel werden dann als Linkliste untereinander angezeigt

Mehrspaltige Sortierung
Auch hier kommt es hin und wieder zu Missverständnissen. Hier wird festgelegt in welcher Reihenfolge die Beiträge in die Spalten einsortiert werden sollen.

Gehen wir also von sechs Artikel mit Introtext und einer Spalteanzahl von 2 aus, werden diese jeweils wie folgt angeordnet

Untereinader    Nebeneinader
Artikel 1 | Artikel 4    Artikel 1 | Artikel 2
Artikel 2 | Artikel 5    Artikel 3 | Artikel 4
Artikel 3 | Artikel 6    Artikel 5 | Artikel 6

Unterkategorien einschließen / Include Subcategories
Seit Joomla! 1.6 wurden verschachtelte Kategorien eingeführt. Hier kann jetzt die Anzeige von Beiträgen, aus eventuell bestehenden Unterkategorien, eingeschlossen werden.

Als Beispiel haben wir folgende Kategoriestruktur
Sport (Hauptkategorie)
  -Fußball (Unterkategorie Level 1)
    -Jugend (Unterkategorie Level 2)
      -B-Jugend (Level 3)
      -A-Jugend (Level 3)
    -Senioren (Unterkategorie Level 2)
      -1. Mannschaft (Level 3)
      -2. Mannschaft (Level 3)
Keine
Es werden nur Beiträge aus der Hauptkategorie Sport angezeigt

Alle
Es werden alle Artikel aus den jeweiligen Unterkategorien (Level 1 und Level 2) der ausgewählten Hauptkategorie mit angezeigt. Es werden also alle Artikel aus der Kategorie Sport sowie die Artikel aus den Unterkategorien Level 1 Fußball, und den Unter-Unterkategorien Level 2, Jugend, Senioren sowie B-Jugend, A-Jugend und und Level 3 1. Mannschaft und 2. Mannschaft angezeigt.

Eine Zahl
Mit einer Zahl bestimmt man nicht Anzahl der Kategorien sondern bis zu welcher Tiefe die Beiträge der verschachtelten Kategorien eingeschlossen werden sollen.
Bei unserem Beispiel würde also eine 1 die Artikel aus der Hauptkategorie Sport und der Unterkategorie Fußball (Level 1) angezeigt werden

Bei 2 würden dann entsprechend die Beiträge aus den Unterkategorien bis zu Level 2, Jugend und Senioren, ebenfalls mit angezeigt.

Bei 3 entsprechend die Beiträge bis zur Kategorie der Tiefe Level 3. Also aus A- und B-Jugend sowie 1. und 2. Mannschaft

Ich hoffe die die kleine Anleitung hilft euch weiter. Über Feedback,  gefundene Fehler oder auch Ergänzungen, freue ich mich

Artikel von nk-webzeug.de

Heute gibt es zum Wochenende zwei Links zu kostenlosen Browser Icons.

Wer schon immer mal Browser-Icons gesucht hat die nicht immer gleich aussehen findet auf desingershak.co.uk gleich 40 Stück für die gängigen Browser Firefoy, Opera, Safari, Chrome und den IE

40 unglaubliche Browser Icons: http://goo.gl/5Iap9

Auch bei Paul Irish, ein Frontend-Entwickler für Google Chrome und Entwickler des htm5 Boilerplate Templates, gibt es ein Icon-Set für die bekannten Browser. Die Größen gehen hier von 16x16px bis zu 256x256px

zum Icon-Set auf paulirish.com

Viel Spaß und schönes Wochende

Artikel von nk-webzeug.de

Neben den Einstellungen zum Blog-Layout sind wohl die Anzeigeoptionen beim Artikel/Beitrag mit einer meist angefragten Themen in Joomla Foren

Immer wieder kommen die Fragen auf:

Wie kann ich die Artikel Details wie Autor Datum usw. ausblenden?
oder
Wie kann ich die Icons für Drucken und Email ausblenden?

Die Antwort ist denkbar einfach. Vielleicht zu einfach? Manche Benutzer können vielleicht auch im ersten Augenblick mit den Begriffen nichts anfangen. Hier kann man schnell Abhilfe schaffen. Im Backend gibt es zu den meisten Feldern eine Beschreibung die als Tooltip angezeigt wird, sobald man mit der Maus über das Label des dazugehörigen Eingabefeld geht

Die Globalen Einstellungen

In Joomla findet man die Optionen zur Einstellung welche Details und Buttons angezeigt werden sollen, an 3 Stellen. Zunächst gibt es die Globalen Einstellungen du unter

Inhalt ->Beiträgen ->oben rechts Optionen (Joomla! 1.5 Einstellungen)

zu finden sind

Dort sollte man einmal eine Grundeinstellung machen, wie man sie auf den meisten Seiten verwenden möchte.

Die Anzeigeeinstellungen im Menülink

Die gleichen Einstellungen findet man auf der rechten Seite bei einem Menülink vom Typ Blog-, Listen,- Archiv Ansicht und Einzelner Artikel. Unter Beitragsoptionen (bei Joomla! 1.5 unter Komponentenparameter)

Diese Einstellungen sind höher gewichtet und überschreiben die globalen Einstellungen. Hier wird dann auch in den Select Boxen die Auswahl “Globale Einstellungen” angeboten und ist als Standard Einstellung vorgegeben. Zum Überschreiben der Globalen Otionen Anzeigen oder Verbergen auswählen.

Im Eingabeformular für neuen Beitrag bzw. Beitrag bearbeiten

Auch im Eingabeformular für den Beitrag findet man rechts wieder die Möglichkeit seine Einstellungen entsprechend zu setzen. Tab Beitragsoptioen (Joomla! 1.5 = Erweiterte Parameter).

Hier gemachten Einstellung gelten dann wenn der Artikel/Beitrag alleine angezeigt wird. Ruft man den Artikel Beispielsweise aus einer Blog oder Listenansicht auf, können hier Einstellungen gemacht werden, die dann nur für diesen einen Beitrag/Artikel gültig sind.

Zusammenfassung

Man kann also sehr individuell seine gewünschten Einstellungen vornehmen.
Hier bei gilt die folgende Reihenfolge und Gewichtung der Einstellungen

1. Globale Einstellungen= Gelten erst mal für alle Beiträge
2. Einstellungen bei Menülinks = Gelten für alle, unter dem Menülink, gelisteten Beiträgen und können die Globalen Einstellungen überschreiben
3. Einstellung im Beitragsformular = Gelten nur für diesen einen Artikel in der Artikelansicht und überschreibt sowohl die Globalen als auch die Einstellungen im Menülink

Fehler gefunden, du hast etwas hinzuzufügen oder eine Verbesserungsvorschlag?
Hinterlasse doch einen Kommentar und schreib uns dein Meinung.

Artikel von nk-webzeug.de

CSS3 wird mittlerweile von allen neuen Browsern unterstützt und wird auch in der Webentwicklung immer mehr eingesetzt. Leider unterstützen nicht alle Browser die native Schreibweise und es müssen Browser spezifische Regeln erstellt werden. welche sich meist dann auch noch mehr oder weniger unterscheiden.

Zum Glück haben sich einige Webentwickler ebenfalls damit beschäftigt und hilfreiche Onlinetools entwickelt, die man kostenlos nutzen kann. Ein paar dieser nützlichen Helfer,  so genannte Web-Apps  (oder auch One-Page-App), will ich euch hier vorstellen.

CSS3 Generator

Ein Allrounder findet man auf css3generator.com. Vom einfachen border-radius über @font-face bis transition kan man hiermit seine fertigen css Regeln erstellen lassen
css3generator.com
 

CSS3 Please

CSS3 bitte, aber gerne doch. Hier kann man sich ebenfalls die gewünschte CSS3-Formatierungen per Copy&Paste holen. Gewünschte Werte eintragen und per Copy&Paste in sein Styleshet einfügen. Nicht gewünschte Deklarationen können, zur besseren Übersicht ausgeblendet werden
css3please.com
 

CSS3 Button-Maker

Mit CSS3 kann man sich auch schicke Buttons erstellen, ganz ohne Grafiken. Chris Coyier von css-tricks.com hat dazu den CSS3 Buttonmaker bereitgestellt. Einfach Farbe und Schriftart auswählen, Größen justieren und den fertig erstellten Code anzeigen lassen und per Copy&Paste in sein Stylesheet einfügen.
CSS-ButtonMaker auf css-tricks.com
 

Border-Radius

Die wohl bekannteste und meist verwendete CSS3 Regel ist border-radius. Abgerundete Ecken ohne Grafiken ganz einfach per CSS erstellen. Den gewünschten Radius, für alle 4 Ecken gleich oder auch für jede Ecke einzeln, eintragen und die automatisch erstellte CSS Reglen kopieren und ins eigene Stylesheet einfügen – done.
border-radius.com
 

Hilfe CSS3 und der IE6 bis 8

Auch dazu haben sich zum Glück die Entwickler gekümmert. Wer denn unbedingt dem IE6-8 auch CSS3 beibringen will, der kann sich ein kleines JavaScript in die Seite einbinden.

CSS3Pie – bringt auch dem Browser IE6 bis 8 die meisten CSS3 Formatierungen bei
css3pie.com

Modernizer – ist eine OpenSource Javascript Libary die es ermöglicht auch in älteren Browser CSS3 und HTML5 Elemente zu verwenden
modernizr.com

Browser die CSS3 unterstützen

Welche Browser unterstützen eigentlcih welche CSS3 Regeln? Eine Übersicht über alle Reglen und auch HTML5 Elemente, findet man auf www.findmebyip.com/litmus/#target-selector

CSS3 Sheet-Cheat

Wer sein CSS3 Stylesheet lieber selber tippt findet auf smashingmagazine.com ein hilfreiches Sheet-Cheat. Frei nach dem Motto:
 Man muss nicht alles Wissen, aber man muss wissen wo man es nachlesen kann.
Sheet-Cheat Artikel auf smashingmagazine.com

Ihr kennt weiter kleine Helfer. Dann lasst es und wissen und schreibt in den Kommentaren darüber. Links sind zu weiteren Helfern sind durchaus erlaubt und erwünscht.

Artikel von nk-webzeug.de

Hier ein kurzer Screencast dazu, wo man den Papierkorb findet

Artikel von nk-webzeug.de

Eine oft gestellte Frage in Foren ist immer wieder, wie kann ich das Favicon ändern? Das ist das kleine Icon oben in der Adressleiste oder auch in den Bookmarks bzw. Tabs des Browsers.

In Joomla ist dies ganz einfach. Es ist nicht notwendig im Code herum zuschreiben. Das einbinden geht automatisch über die jdoc include type=head Anweisung

Joomla sucht automatisch im Joomla root und im Verzeichnis des verwendeten Templates danach.

Es ist lediglich das favicon.ico im Template Verzeichnis.

templates/dein_template/favicon.ico

auszutauschen.  Dort findet man in Regel das Standard-Favicon von Joomla oder eins vom Templateersteller. Dieses mit dem neuen,  per ftp hochgeladenen Favicon, überschreiben. Ferttsch.

siehe auch
http://docs.joomla.org/Changing_the_site_favicon

Zu beachten gilt jetzt bei den jeweiligen Browsern das der Browsercache gelöscht wird und dann die Seite dann neu laden. Beim Firefox, der speichert das Favicon auch in den Bookmarks (Favoriten) , muss eventuell noch der Bookmark gelöscht und neu angelegt werden.

Das Favicon muss auch immer das Format .ico haben und hat eine Größe von 16x16px oder 32x32px. Ein Favicon kann sich zum Beispiel per kostenlosem Onlinetool erstellen oder ein Image (.jpg, .png, .gif) umwandeln.
Einen Favicon Generator findet unter
www.favicon.cc/

Ebenfalls suchen einige Browser standardmäßig im Hauptverzeichnis nach einem Favicon. Ich lege zur Sicherheit, vermeidet dann 404 Fehler, auch noch ein favicon.ico in das Hauptverzeichnis (root).

Artikel von nk-webzeug.de

Wahrscheinlich wissen viele, dass die Anzeige der Module bestimmten Menüpunkten zugewiesen werden können. Sie können Module für alle, keine,bestimmten oder (seit 1.6) alle außer auf bestimmten Menüpunkten zuordnen. Damit wird das Modul angezeigt, oder auch nicht, wenn auf den jeweiligen Menüpunkt geklickt wird.

Das ist auch vollkommen in Ordnung, aber was macht man wenn wenn man keinen Menüpunkt zu einem bestimmten Inhalt/Artikel hat?

In diesem Tutorial werde ich zeigen, wie die Modulanzeige trotzdem gesteuert werden kann.

Oft passiert es das eine Artikel aus einem Modul oder Artikel heraus direkt verlinkt ist, ohne das es zu dem verlinkten Artikel einen Menülink gibt. Das passiert z.B. oft bei

• Artikel auf der Startseite
• Artikel aus Modulen wie
• Letzte Neuikeiten
• Meißt gelesene
• oder auch von Newsmodulen von Dritterstellern

Das Problem an an der Sache ist aber, dass Joomla die Modulanzeige über die jeweilige Item-ID des Menüpunktes steuert. Hat man diesen nicht, weiß Joomla ja nicht was hier angezeigt werden soll. Joomla schaltet dann z.B. Module von der Startseite zur Anzeige, die aber bei der Artikelansicht gar nicht gewünscht sind. Oder je nach Anzeigeeinstellung beim Modul wird gar kein Modul, z.B. fehlt das Menü, angezeigt.

Lösung Schattenmenü

Wir müssen also nur dafür sorgen das die Artikel auch über einen entsprechenden Menüpunkt aufgerufen werden können. Zum Glück muss dieser aber nirgendwo sichtbar auf der Seite sein. Der muss also nicht angezeigt werden. Joomla benötigt diesen, bzw. die Item-ID, nur zur Steuerung der Anzeige-Optionen.

Die Lösung ist ziemlich einfach. Da wir die Menüpunkte unsichtbar haben möchten erstellen wir uns ein verstecktes Menü, auch Schattenmenü genannt. Darin können wir nun unser Artikel direkt über Kategorielisten- oder Blogansichten verlinken.

Das Schattenmenü benötigt kein Modul, nur das Menü selbst muss erstellt werden

Menü erstellen – Name z.B. Schattenlinks
Menülinks als Direktlink zum Artikel, Listen- oder Bloglinks zu entsprechenden Kategorien
Die Modulanzeige den Menülinks unsewres versteckten Menüs zuweisen.

Joomla hat jetzt die fehlenden Item-ID und die Modulanzeige kann wieder über die Optionen in den Modulen gesteuert werden.

Seit Version 1.6 ist bei Joomla eine Option für die Steuerung der Anzeige hinzu gekommen. Und zwar gibt es nun auch die Möglichkeit “Auf allen Seiten außer auf ausgewählten”.  Damit hat man zwar jetzt alle Möglichkeiten, kann aber, ja nach Anzahl der Menüpunkten die ausgewählt werden müssen, zu kleinen Klickarien führen. Zum Glück funktioniert der Trick mit dem Schattenmenü aber auch in der aktuellen Joomla 1.7 Version noch. So mit ist man unter Umständen schneller beim gewünschten Ergebnis.

So lässt sich dann auch ebenfalls die Einstellung für die Anzeige des Artikels selbst steuern. Zum Beispiel die Anzeige der Artikeldetails wie Autor, Datum  Introtext usw.

Lösung Erweiterung

Als weitere Löung kann man auch zu einer Erweiterung greifen, wie z. B, der Advanced Modul Manager von nonumber. Bereits die kostenlose Ausführung dürfte den großteil der Anforderungen abdecken. Benötigt man zusätzliche Funktionen steht eine kostenpflichtige Version zur Verfügung.

Artikel von nk-webzeug.de

Es ist allen geraten auf die aktuelle Version 1.6.6 zu aktuallisieren.

Offizielle Meldung auf  joomla.org

Artikel von nk-webzeug.de