Archive for the ‘Tutorials’ Category

div Container absolut mittig Positionieren

Immer wieder stößt man auf Seiten, in der etwas genau in der Mitte, des Bildschirm gezeigt wird. Aber wie geht das? Wie berechnet man genau die Mitte bzw. wie bekommt ein DIV-Container dies berechnet.

Eigentlich eine ganz einfache Sache. Sagt doch einfach dem DIV-Container er, soll in der Mitte stehen. Das Funktioniert wie folgt.

intro_image_div_center_new

Diesen Beitrag weiterlesen »

Technorati-Markierungen: ,,,

Vertikales Pull-down Menü für TYPO3

In diesem Tutorial wird gezeigt, wie Ihr ein J-Query basierendes Pull-down Menü, in Eure TYPO3 Seite einbauen könnt. Vorteil an diesem Menü ist es sieht ansprechend aus und klappt beim Rollover gleich die Unterpunkte aus.

Das es auch einen Nachteil gibt will ich nicht verheimlichen. Sollte Java deaktiviert sein, rollt hier nichts mehr. Darum solltet Ihr so ein Menü nur auf der Startseite anbauen und auf den Unterseiten ein alternatives oder Zusatz Menü mit CSS. So sind Eure Unterseiten, die im Normalfall nur über den Pull-down erreichbar sind, auch über das alternativ Menü wählbar.

intro_image_Typotut_3_new

Diesen Beitrag weiterlesen »

Eigene Java Script in TYPO3

TYPO 3 ist in manchen Fällen sehr hartnäckig, wenn man diesem CMS nicht explizit sagt, (schreibt) was es zu machen hat, kann man wirklich manches Mal am TYPO3 verzweifeln.

So auch wenn man eigene Java Script verarbeiten möchte.

Das einfügen in das Template wie beispielsweise bei Joomla, reicht da nicht aus. Hier muss man die Eingabe schon im Setup des Templates vornehmen. Aber hier den Script einfach reinschreiben, funktioniert auch nicht, da TYPO3 diesen dann nicht lesen kann.

Die genaue Angabe das es sich im Header Daten handelt hilft hier dann sehr.

intro_image_TYPOTUT2_new

Diesen Beitrag weiterlesen »

codeschnipsel, Header, TYPO3

Das TYPO 3 zum Teil etwas schwer zu verstehen ist, ist ja mittlerweile bekannt. Darum gibt es ja auch TYPO light. Aber warum leicht, wenn es auch, schwer geht. Denn Eisen was rastet rostet. K5824WNBRXJ2

Darum für die die es noch mit der „schwereren Variante“ Probieren und nicht zu faul sind etwas zu schreiben gibt es hier die Ausgabe für den Header im TYPO 3.

intro_image_Typotut1_new

Diesen Beitrag weiterlesen »

Vertikales bewegliches Info Panel

 

Auf den Seiten spyrestudios.com haben wir ein bewegliches Panel entdeckt das Es ermöglicht kurze Informationen oder Inhalte seitlich auf der Seite zu platzieren.

Immer mehr Seiten werden mit solchen Panels ausgerüstet. Einige nutzen diese für Ihre Login oder Kontakt Formulare oder einfach

um noch ein paar Information in die Webseite zu stellen. Sie können aber auch für Soziale Netzwerk Schaltflächen genutzt werden. Die Möglichkeiten sind eigentlich unbegrenzt.

sliding-Panel

Technorati-Tags: JQuery,panel,Infobox,tutorial

Diesen Beitrag weiterlesen »

Festes Ausblende Menü mit JQuery

Auf der Seite von CODrops gibt es wieder ein hervorragendes Tutorial über ein fixiertes Menü, das sich beim Scrollen der Seite ausblendet.

Eine sehr innovative Lösung für Feste (fixierte) Menüs. Die Basis des Ganzen ist wiedermal JQuery.

fade_out_menu

Inspiriert wurde CODrops von David Walsh’s Menü, das genau auf dieser Ausblendfunktion basiert. Eigentlich kann man ein Menü nicht besser “Top Menü” nicht besser einsetzten, da die eigentlich immer störend sind. Wir werden das Menü beim nächsten Joomla Templates mal einbauen.

Technorati-Tags: ,,

Im Tutorial wird genau beschrieben wie Ihr es einbauen bzw. verwenden müsst das Es anschließend auch richtig funktioniert.

Diesen Beitrag weiterlesen »

Die 10 Besten Bild und Content Slider auf jQuery Basis

JQuery wo man nur hinschaut. Diese Plug-ins scheinen einfach alles zu können. Ob Bild Rotation, Tabs, Slider, oder Scrolling. Geht nicht gibt es scheinbar bei JQuery nicht.Dazu kommt auch seine Kompatibilität,  es lässt sich fast in jedes Projekt einbinden. Manchmal über einen kleinen Umweg, aber es funktioniert eigentlich immer.

Wir haben nachfolgen eine List der einfachsten und Besten Slider zusammengestellt. In den meisten Fällen dauert der einbau in eine Webseite nicht mal eine halbe stunde. 

Die Liste führt euch zu den Tutorials, wo Ihr nachlesen könnt wie diese Slider eingebaut werden.

Fangen wir mit unserem Favorit gleich an.

Anything Slider

anithing

Diesen Beitrag weiterlesen »