Archive for the ‘Joomla Tips und Tricks’ Category

Eigenen J-Query Slider in Joomla

Mittlerweile gibt es Content und, oder, Bild-Slider auf jeder dritten Seite. Nicht nur das diese Slider sehr populär sind, sie können auch fast in jedes CMS intrigiert werden. Teilweise sogar so, dass sie über das CMS beschreibbar bleiben, so das man auch die Inhalte mal wechseln kann.
In diesem kleinen Tutorial wir Euch beschrieben wie Ihr solch einen Slider, in das Content-Management-System Joomla 1.5.x einbauen könnt.
Sicherlich könntet Ihr auch in den verschiedenen Joomla-Clubs oder auf den Entwicklerseiten solch eine Extension kaufen.

intro_image_SliderforJoomla_new

Diesen Beitrag weiterlesen »

Freies 3 Spaltiges Template für Joomla

Heute gibt es nach langer Zeit mal wieder ein neues und Frische Template für Joomla 1.5.x. Das drei Spaltige Layout, sticht, durch seine einfache aber dennoch moderne Art heraus. Durch das Festlegen der Modulpositionen können verschiedene Inhalt in die Seite gebracht werden.

Beigelegt haben wir euch die PSD Datei für das Layout, zur Farbänderung oder zur Änderung des Headerbildes und die PSD zum einfügen eures Logo bzw. Namen.

Wie immer steht euch das Template Kostenlos und fast ohne Einschränkung zur Verfügung. Die einzige Einschränkung, die es gibt: Das „Design by Webagentur-Meerbusch“ muss drin bleiben, da eine kommerzielle Nutzung ist nicht gestattet ist.

intro_image_aqua_new

Diesen Beitrag weiterlesen »

Mootools und Caption im Frontend deaktivieren

Joomla 1.5.x ist ein sehr beliebtes und grundsätzlich sehr gut funktionierendes System. Leider hat auch Joomla, wie alle Open Source Systeme, kleine und manchmal, nicht nachvollziehbare Fehler bzw. Tücken. So z. B. das laden unnötiger Dateien, die lediglich im Backend, benötigt werden. 90% aller Joomla 1.5.x Seiten benötigen das Mootool oder Caption nur im Backend, dies wird aber immer mit geladen.

Das dies aus SEO – Technischer Ansicht, schon mal völlig daneben ist, ist es aus Ansicht eines Webdesigners, der gerne mit J-Query oder anderen Skripten arbeitet, der Super Gau . Da durch das laden dieser Skripte, oft, der eingebaute und gewünschte Effekt ausbleibt. Weil sich beide einfach nicht vertragen. Auch bremsen diese, doch sehr großen, Skripte die Seite bei der Ladegeschwindigkeit.

Allein schon aus diesem Grunde sollte dies eigentlich ein Standart im Joomla Core sein.

intro_image_mootools_new

Diesen Beitrag weiterlesen »

Joomla goes Mobile

 

intro_image_mobile_newJoomla Komponente für Mobil Geräte

Die wohl sinnvollste Joomla Komponente, die in den letzen Monaten erschienen ist, haben wir heute durch Zufall gefunden.

Diese Komponente ermöglicht, dass Eure Joomla Seite, für Mobile Geräte bereit gestellt wird. Die Installation ist einfach über den Joomla Installer zu bewerkstelligen und funktioniert demnach sehr einfach.

Zusätzliche Einstellung`s Möglichkeiten stellen die optimale Darstellung der Webseite auf verschiedenen Mobilen Geräten sicher. Die Komponente verkleinert sogar bei bedarf Eure, auf der Webseite, Platzierten Bilder.

Diesen Beitrag weiterlesen »

Technorati-Tags: ,

Tooltip als Menü Nutzen

Der Tooltip und jQuery sind schon feine Sachen, aber in manchen Punkten hackt es mit den einfachsten CSS Befehlen. So z.b. wenn man den Tooltip auf der Seite in eine Fixe oder Zentrierte Position bringen will. Wir hatten selbst genug Probleme mit diesem Phänomen. Bei der Codierung der Seite haben wir den Tooltip schön ausgerichtet, doch beim Kontrollieren auf einem anderen Rechner, sind wir bald umgefallen. Das Menü wollte einfach nicht auf Position bleiben. Bei einer kleineren Auflösung ist das Menü immer nach Links verschoben worden. Bei einer  größeren Auflösung nach rechts. Da war der schöne Effekt gleich mal wieder hin.

Original

 
$(document).ready(function() {

// enable tooltip for "download" element. use the "slide" effect
$("#download_now").tooltip({ effect: 'slide'});
});

Nach einigem Suchen im www und probieren von befehlen sind wir aber dann doch auf die Lösung gekommen. Da wir schon eine Anfrage bekommen haben wie das den nun Funktioniert schreiben wir einfach hier eine kleines Tutorial wie wir es gemacht haben.

demo Download

Das solltet Ihr Laden.

1. FULL jQuery

2. tooltip_menu.js

3.Tooltip_menu.css

Oder das Komplette Paket

Wir haben als erste die .js Datei mal aufgemotzt Indem wir noch ein paar Funktionen und Änderungen eingebracht haben. Damit der Tooltip endlich auf einer Angegebenen Position Bleibt.

Technorati-Tags: ,,,,

Damit alles am richtigen Platz erscheint mussten wir ein paar Classen einfügen.

Weiterlesen