Weblogs | Drupal und Webdesign Berlin

Drupal 7 – Responsive Views Slideshow mit Cycle 2

Wie man die Views Slideshow responsive machen kann.

Man setzt für Slideshows in Drupal 7 gerne die "Views Slideshow" ein. Dieses Modul ist super, leicht einzurichten und liefert schöne Resultate. Wenn man allerdings eine responsive Webseite baut stößt man mit der Views Slideshow an seine Grenzen.

CSS – iOS Buttons / Input runde Ecken und Verlauf entfernen

Wie man auf IOS Systemen die runden Ecken und Verläufe bei Buttons mittels CSS entfernt bzw. anpassen kann.

Beim gestalten von Input submit Feldern mit CSS wie im folgenden Beispiel:

Sprites mit Drupal 7, Sasson und Compass

Automatische Erstellung von Sprites mit dem Drupal Theme sasson bzw. compass.

In diesem Tutorial zeige ich wie man auf sehr einfache Art und Weise CSS Sprites erstellen kann. Jeder der schon mal Sprites per Hand erstellt hat weis wie aufwängig es ist die richtigen Positionierungen zu machen. Besonders wenn man sehr viele Grafiken hat.

Drupal 7 mit aktuellster jQuery und jQuery-UI Version

Die in Drupal 7 standartmäßige jQuery Version 1.4.4 ist für manche aktuelle Plugins mittlerweile zu alt. Wer dennoch nicht auf die Vorzüge von den aktuellsten Versionen von jQuery+UI verzichten möcht

1. jQuery Update

Mit der aktuellsten Version 2.3 gibt es die Möglichkeit zwischen jQuery 1.5.2, 1.7.1 und 1.8.2 zu wählen, jQuery UI wird bei allen auf Version 1.8.11 angehoben.

Font Awesome für Check-Boxen und Radio-Buttons verwenden.

Schicke Check-Boxen und Radio-Buttons mit Font Awesome und CSS ohne Javascript.

Responsive Webdesign mit Compass, Sass und Drupal

Warum es sinnvoll ist für Response Webdesign mit dem 960 Gridsystem von Compass zu arbeiten und nicht die originale 960gs Version zu benutzen.

Vorraussetzung zum Verständnis ist Erfahrung mit dem 960gs und Compass bzw. SASS

Drupal 7, Hammer.js und Touch Swipe Pager

Ein Methode um mit Hammer.js den Views Pager von Drupal mittels Touch-Gesten zu steuern.

Drupal 7 Compass und SASS mit Sasson

Eine einfache Lösung um mit Drupal 7 Compass und SASS zu verwenden. Ohne Aufwendige Installation auf dem Server und auch ohne Kommandozeile.

Drupal 7 Filtertipps entfernen

Um der Filtertipps in Drupal 7 zu entfernen. Gibt es das Modul Better Formats. Wer allerdings nicht extra ein Modul installieren möchte kann das auch in der template.php machen.

Die Filtertipps in Drupal unterhalb von Eingabefeldern oder auch beim Textfeld für Kommentare im Blog kann man einfach mittels folgendem Code in der template.php entfernen.

In Drupal 7 system CSS Dateien entfernen

Es kommt oft vor das sich die CSS Styles vom Drupal System störend auswirken.

Oder man muss diese in seinem eigenen Stylesheet überschreiben. Was mehrere Zeilen zusätzliches CSS bedeutet. Bei manchen Themes kann man diese Stylesheets einfach unterdrücken. Wie zum Beispiel bei "mothership".