Archiv

Artikel Tagged ‘div’

Aufklappbares und zuklappbares div Element (jQuery)

7. November 2012 3 Kommentare

Warning: SimpleXMLElement::__construct(): Entity: line 9: parser error : Entity 'nbsp' not defined in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): <p>&nbsp;</p> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 10: parser error : Opening and ending tag mismatch: img line 10 and center in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ric.png" alt="website temporarily unavailable" width="500" height="300"></center in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 11: parser error : Opening and ending tag mismatch: center line 10 and body in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): </body> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 13: parser error : Opening and ending tag mismatch: body line 8 and html in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): </html> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 14: parser error : Premature end of data in tag html line 2 in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

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

Warning: SimpleXMLElement::__construct(): Entity: line 9: parser error : Entity 'nbsp' not defined in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): <p>&nbsp;</p> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 10: parser error : Opening and ending tag mismatch: img line 10 and center in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ric.png" alt="website temporarily unavailable" width="500" height="300"></center in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 11: parser error : Opening and ending tag mismatch: center line 10 and body in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): </body> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 13: parser error : Opening and ending tag mismatch: body line 8 and html in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): </html> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 14: parser error : Premature end of data in tag html line 2 in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

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

Warning: SimpleXMLElement::__construct(): Entity: line 9: parser error : Entity 'nbsp' not defined in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): <p>&nbsp;</p> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 10: parser error : Opening and ending tag mismatch: img line 10 and center in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ric.png" alt="website temporarily unavailable" width="500" height="300"></center in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 11: parser error : Opening and ending tag mismatch: center line 10 and body in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): </body> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 13: parser error : Opening and ending tag mismatch: body line 8 and html in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): </html> in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): ^ in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

Warning: SimpleXMLElement::__construct(): Entity: line 14: parser error : Premature end of data in tag html line 2 in /www/htdocs/w00fac0b/public_html/wp-content/plugins/amazonsimpleadmin/lib/Asa/Service/Amazon/Request/Abstract.php on line 65

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.