Archiv

Artikel Tagged ‘div’

Aufklappbares und zuklappbares div Element (jQuery)

7. November 2012 3 Kommentare

Will man für den Nutzer erweiterte, zusätzliche Informationen beim Laden der Seite ausblenden und nur bei einer bestimmten Aktion bzw. Event einblenden, wie zum Beispiel durch einen Klick (on click) oder durch Drüberfahren (on mouse over) mit dem Mauszeiger, dann kann man dafür ein kleines Javascript nutzen. Per CSS wird das div Element nach dem Laden der Webseite vorerst unsichtbar gemacht, ist jedoch im HTML Quelltext enthalten. Sehr schön kann man dafür dann jQuery mit bereits vorhandenen Effekten wie dem Slide einsetzen.

Banner (div) außerhalb des Contents positionieren

26. März 2012 11 Kommentare

In CSS gibt es viele Möglichkeiten ein Banner rechts oder links außerhalb der Seite und somit außerhalb des Contents zu positionieren. Auf vielen Webseiten werden gerne interne Werbebanner platziert, die auf eigene statt fremnde Angebote oder Seiten verlinken. Besonders bei Aktionen, Sonderangeboten oder neuen Artikeln kann man so die Aufmerksamkeit der Kunden auf diese „Hightlights“ lenken. CSS bietet verschiedene Methoden ein DIV mit einem Banner in einem bestimmten Bereich außerhalb des eigentlichen Contentbereichs zu platzieren.

JQuery: Gesamte div Box (Container) verlinken

25. Februar 2012 4 Kommentare

Besonders auf der Startseite machen sich Boxen mit dem Angebot und einem kleinen beschreibenden Text ganz gut. Man kann sein Produkt, einen Artikel, eine News oder eine weitere Unterseite kurz vorstellen und auf der Hauptseite mit einer Verlinkung hinterlegen. Bei Interesse klickt der Nutzer auf die Box, um genauere Details und Informationen zu bekommen. Irgendwo im Teasertext oder in der Überschrift (Titel) der Box ist ein HTML Link, den wir für das Linken des gesamten DIV Containers nutzen können.