Drupal und Webdesign
Tel.: 0179 112 1495 oder per Mail.

Kleines Statement im aktuellen Magazin Webmaking

Auf Seite 61 im aktuellen Magazin Webmaking ist ein kleines Statement zum Theme CSS3 und HTML5.

Tumblr in Drupal einbinden

Ich erkläre hier wie man seinen Tumblr Blog in Drupal integrieren kann. Und zwar so, das Drupal von jedem importierten Post eine neue Node anleget. Und das ist auch ganz einfach.

Man braucht dazu das Modul Feedapi und job-scheduler.

http://drupal.org/project/feedapi

http://drupal.org/project/job_scheduler

Diese werden dann wie gewohnt aktiviert. 

Feed Fast News habe ich nicht aktiviert da diese Option abhängig von einem weiteren Modul (Data) ist. 

  : : mehr

Display Suite für Drupal 7 - Tutorial

Einleitung – Was ist Display Suite??

Wie sollte es anders sein es ist ein Drupal Modul welches dir die volle Kontrolle über über die Ausgabe des Inhalts gibt. Wenn du dir die page.tpl anschaust und soweit verstanden hast wie und wo du deine CSS Klassen einbauen kannst, dir dann aber die Frage gestellt hast wie dies innerhalb

render($page['content']);

möglich ist. Oder du nicht viel PHP coden möchtest und auch nicht mit dem Devel Modul arbeiten möchtest nur um eine bestimmte Anordnung von z.B. Überschrift, Bild, Text o.ä. zu erreichen. Dann ist Display Suite das richtige Modul für dich. Es hat ein einfaches Drag & Drop Interface und schon einige vordefinierte Layouts. In der aktuellen Version ist es nun auch möglich Panels einzusetzen. Jeder der sich mit Drupal Theming beschäftigt sollte auch Display Suite einsetzen.

Display Suite for Drupal 7 | Content Make-Up

I wrote a Article about Display Suite for Drupal 7.

It's a module, of course, and it gives you full control over how your content will be displayed. Ever wondered how to get around

print render($page['content']);

Interview über Response Webdesign im Neuen Magazin "webmaking"

Im Magazin "webmaking" das in der ersten Auflage von Data Becker erscheint habe ich ein Interview über "Response Webdesign" gegeben. Weis nun leider nicht ob ich das hier abbilden darf. Deswegen nur als scan.

nofollow metatag - SEO in Drupal 7

Das wunderbare "nodewords" Modul gibt es ja leider nicht für Drupal 7 und das "metatags" Modul, welches sehr viel versprechend ist gibts es zu Zeti noch nicht. Um dennoch Seite SEO optimieren zu können gibt es das Modul "metatags_quick". Wer Nodewords kennt wird sich wundern wenn man nach dem aktivieren des Moduls keine entsprechenden Felder im Editiermodus sieht. Das liegt daran das die Felder noch hinzugefügt werden müssen. (admin/structure/types/manage/article/fields)

hierbei beachte man: wenn das feld field_description benannt wird dann wird es auch entsprechend im header ausgegeben. : : mehr

invertiertes Mausrad nach update auf macOs Lion - invert mousewheel

Für alle die sich wie ich wundern das die Srollrichtung des Mausrades nach dem update auf MacOs Lion auf einmal invertiert ist. Die Lösung ist man entferne den Hacken bei:

"Beim Scrollen oder Navigieren Inhalt in Bewegungsrichtung der Finger bewegen"

CSS Container mit gleicher Höhe

Sollte es das Layout erfordern das zwei Div Container mit einem float auch die gleiche Höhe haben sollen hat man in der Regel ein Problem. Man kann sich damit behelfen bei Container mit einer Hintergrundgrafik auszustatten aber es gibt auch eine reine CSS Lösung.

Und zwar werden die Container nach unten mit einem Padding erweitert, in diesem Beispiel um 1000px. (Sollte das nicht ausreichen kann man den Wert auch einfach erhöhen) Um den gleichen Wert den das Padding hat wird mit einem negativen Margin der Container wieder angepasst. Die schwebenden (float) Container liegen wiederum in einem umschliessenden Div mit einem overflow: hidden welches verhindert das man den Bereich der durch das Padding erzeugt wird sieht.

So sieht der Code dazu aus:

  : : mehr

box-shadow im Internet Explorer und andere CSS3 Effekte

Durch CSS 3 hat man ja schöne Möglichkeiten: z.B. sehr einfach einem DIV einen Schlagschatten zu geben.

.schlagschatten {
  -moz-box-shadow: 10px 10px 10px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */
  box-shadow: 10px 10px 10px #000; /* CSS3 */
}

Das funktioniert überall sehr gut nur eben der Internet Explorer kleiner als Version 9 kann das nicht. Es gibt dafür eine sehr schöne Lösung: Css3Pie.

Es handelt sich hierbei um eine kleine Bibliothek die man einfach in seine Webseite einbindet. Und man muss diese Datei dann nur noch im CSS aufrufen.

behavior: url(path/to/PIE.htc);
  

  : : mehr

White Screen beim installieren von Open Atrium

Ich hatte Probleme Open Atrium zu installieren. Nach der Auswahl des Installations-Profil sah ich immer nur einen weißen Bildschirm. Um dies zu zu lösen habe ich folgendes gemacht.

1. php_memory erhöht: Dafür muss man die .htaccess im Drupal root Verzeichnis editieren und zwar nach folgendem Bereich:

# Override PHP settings. More in sites/default/settings.php 
# but the following cannot be changed at runtime.

diese Zeile hinzufügen: php_value memory_limit 126M wobei man den Wert hier auch erhöhen kann.

2. Am Anfang der install.php folgendes eintragen: "set_time_limit (300);"

siehe auch hier: https://community.openatrium.com/issues/node/2624

Somit hats bei mir geklappt.