Skip to main content

Autor: beate

Unsichtbarer Pinterest-Link erscheint plötzlich im Quellcode von Beiträgen

Bei meinem aktuellen Joomla Webdesign Projekt hatte ich plötzlich das Phänomen, dass im Quellcode von Beiträgen ein Code mit einem unsichtbaren (hidden) Link zu Pinterest erschien. In diesem Beitrag kam auch die Zeichenfolge „base64“ vor, wodurch ich im ersten Moment an einen Hacker-Angriff gedacht habe.

Ich habe dann den Code im Backend mal entfernt und den Beitrag gespeichert. Wenn ich dann den Beitrag erneut geöffnet habe und in den Quellcode geschaut habe, so war der Code gleich wieder da.

Der Code sah ungefähr folgendermaßen aus:

<p><a href="//de.pinterest.com/pin/create/extension/" style="height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwasEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h/tPQ+xU20zugjOxR/+7/O8539+5znnwMtNTExwJtMb3L/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrxs93RjzfzliTzPKz3ltB0/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5/s3gJgMBhMJwrVFRThM5tY5zUF/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xad8AMlWU0e1lqLd/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx/OemePr0RTkNrur4A6PP5xCgBsL+/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO/UinOI/8Pc+l7KKArAT8AAAAASUVORK5CYII=');">
</a></p>

Ursache für diesen Effekt ist ein Addon im Firefox-Browser namens „Pin it Button“. Mit diesem Addon ist es möglich, beliebiger Fotos auf Webseiten direkt auf der eigenen Pinnwand bei Pinterest abzulegen.

 Webdesign Joomla 3 Tipp: Unsichtbarer Pinterest-Link erscheint plötzlich im Quellcode von Beiträgen

Das Deaktivieren dieses Addons (Achtung, anschließend Browser neu starten!) bewirkte dann, dass der Code aus dem Beitrag verschwand.

Jetzt sieht auch der Quellcode der Homepage wieder schick aus, alles funktioniert und der Webdesign Kunde ist zufrieden mit seiner Webdesignerin 🙂.

Joomla Webdesign Portal Homepage für Urlaub an der Ostseeküste

Screenshot Joomla Webdesign Portal Homepage für Urlaubsportal ostseekueste.deProjekt aus dem Bereich Webdesign Joomla Homepage Portal für Urlaub an der Ostseekueste

Hier wurde ein Relaunch für eine Homepage zur Vermittlung von Ferienunterkünften erstellt. Das Portal wurde mit Joomla und der Komponente Seblod komplett neu erstellt. Vermieter von Ferienwohnungen und anderen Unterkünften können ihre Wohnungen selbst über ein Online Formular eintragen und verwalten. Zugelassene Autoren können News und Termine eintragen. Die Website wurde responsive erstellt, dies bedeuted, dass alle Seiten für die Darstellung auf mobilen Endgeräten (Smartphone, Tablet) optimiert sind.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Erstellung einer Portal Homepage mit Joomla und Seblod
  • Veranstaltungskalender, Brancheneinträge, Unterkunftverzeichnis
  • Benutzerverwaltung mit Rechtevergabe nach Rubriken
  • Unterkünfte, Brancheneinträge, News und Termine können von angemeldeten Besuchern eingegeben werden
  • Ansprechende Darstellung auch auf mobilen Endgeräten (responsive Webdesign)
  • Suchmaschinenoptimierung (SEO)

Joomla Update (Migration) von 2.5.28 auf 3.4.1 erzeugt 1091 Fehler

Für einen Webdesign Kunden sollte ich auf seiner Homepage eine Joomla Migration (eigentlich ist dies ja keine Migration sondern ein Update) von Version Joomla 2.5.22 auf die aktuelle Version Joomla 3.4.1 durchführen. Insgesamt besitzt dieser Kunde 7 Homepages mit Joomla Installationen in der gleichen Version. 6 davon unterscheiden sich im Webdesign kaum voneinander und haben eine nahezu identische Joomla-Installation. Sie ließen sich reibungslos migrieren. Bei der letzten Homepage jedoch hagelte es dann Fehlermeldungen.

Ich habe auf der Website zuerst das Joomla Update von 2.5.22 auf 2.5.28 durchgeführt. Anschließend Joomla auf Kurzzeitsupport umgestellt und das Joomla Update von Version 2.5.28 auf Version 3.4.1 über die Schaltfläche im Kontrollzentrum durchgeführt. Das Joomla Update bricht bei ca. 86% ab und erzeugt im Backend den folgenden Fehler:

Webdesign Joomla Tipp: 1091 Fehler nach Joomla Update

1091 – Es ist ein Fehler aufgetreten
Can't DROP 'imagepos'; check that column/key exists SQL=ALTER TABLE `itbasis_contact_details` DROP `imagepos`;

Im Frontend der Website erscheint eine 404-Meldung als html-Quelltext (hier in Layout-Ansicht dargestellt).
404 Fehlermeldung Joomla Migration

Nachdem diverse eigene Lösungsansätze und auch Tipps anderer Webdesigner keine Abhilfe schaffen konnten, hat mir dann doch noch ein Tipp bei stackoverflow weitergeholfen:
http://stackoverflow.com/questions/20738790/migrate-from-joomla-2-5-17-to-joomla-3-2-1-failed

Mit Hilfe dieser Informationen bin ich dann folgendermaßen vorgegangen:

  1. Joomla-Update auf Version 2.5.28 und Update aller installierten Komponenten soweit möglich. Nicht Joomla-3-kompatible Erweiterungen löschen.
  2. Das Verzeichnis „updates“ im Ordner root/administrator/components/com_admin/sql/ löschen (root durch den eigenen Serverpfad ersetzen!).
  3. Jetzt das Joomla-Update über das Kontrollzentrum durchführen
    Webdesign Joomla 3 Tipp: Homepage migrieren Joomla Update im Kontrollzentrum

    -> es erscheint wieder nach 86% die bekannte Fehlermeldung 1091 (s.o).

  4. phpMyAdmin aufrufen, die Datenbank öffnen und über folgenden SQL-Befehl die Tabelle #__content_types manuell anlegen (#_ durch das eigene Tabellen-Präfix ersetzen!).

    CREATE TABLE IF NOT EXISTS `#__content_types` ( `type_id` int(10) unsigned NOT NULL AUTO_INCREMENT, `type_title` varchar(255) NOT NULL DEFAULT “, `type_alias` varchar(255) NOT NULL DEFAULT “, `table` varchar(255) NOT NULL DEFAULT “, `rules` text NOT NULL, `field_mappings` text NOT NULL, `router` varchar(255) NOT NULL  DEFAULT “,`content_history_options` varchar(5120) COMMENT ‚JSON string for com_contenthistory options‘, PRIMARY KEY (`type_id`), KEY `idx_alias` (`type_alias`)) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=10000;

    Webdesign Joomla 3 Tipp: Homepage migrieren Datenbank

  5. Direkt über die Homepage URL die Funktion „Datenbank reparieren“ ausführen (meine-homepage.de durch eigene URL ersetzen!):
    www.meine-homepage.de/administrator/index.php?option=com_installer&task=database.fix
    Webdesign Joomla 3 Tipp: Homepage migrieren Datenbank reparieren
  6. direkt über die Homepage URL die Funktion „Erweiterungen überprüfen“ ausführen (meine-homepage.de durch eigene URL ersetzen!):
    administrator/index.php?option=com_installer&view=discover&task=discover.refresh
    und alle Erweiterungen überprüfen/installieren
    Webdesign Joomla 3 Tipp: Homepage migrieren Erweiterungen überprüfen

Nun sieht im Frontend der Website alles wieder schick aus, aber das Backend ist noch ein bisschen durcheinander. Hier ist noch das Bluestork-Template aus Joomla 2.5 zugewiesen. Dies muss durch das Joomla 3 Template Isis ersetzt werden.

In der momentanen Backend-Ansicht funktioniert das leider nicht; rufe ich das Isis-Template über Erweiterungen – Templates auf, so ist es bereits als Standard-Template ausgewählt und auch ein erneutes Speichern bringt keinen Erfolg. Also muss die Einstellung direkt in der Datenbank vorgenommen werden:

  1. phpMyAdmin aufrufen und Datenbank öffnen
  2. Tabelle #__template_styles suchen und öffnen
    hier sieht man bereits, dass in der Spalte „home“ das Bluestork-Template durch die Eins zugewiesen ist. Hier muss beim Bluestork die Eins durch eine Null ersetzt werden und beim Isis genau anders herum
    Webdesign Joomla 3 Tipp: Homepage migrieren Datenbank Templates
  3. In Zeile Bluestork auf bearbeiten klicken und die Eins durch eine Null ersetzen, anschließend mit OK speichern
    Webdesign Joomla 3 Tipp: Homepage migrieren Datenbank Template Bluestork
  4. In Zeile Isis  auf bearbeiten klicken und die Null durch eine Eins ersetzen, anschließend mit OK speichern
    Webdesign Joomla 3 Tipp: Homepage migrieren Datenbank Template Isis
  5. Das Bluestork-Template kann anschließend deinstalliert werden, da es unter Joomla 3 sowieso nicht funktioniert.

Jetzt sieht auch das Backend der Homepage wieder schick aus, alles funktioniert und der Webdesign Kunde ist zufrieden mit seiner Webdesignerin 🙂.

Logo erstellen für Ferienwohnung

Mediengestaltung Logo für FerienwohnungProjekt aus dem Bereich Logo-Erstellung für Ferienwohnung

Zur Verwendung auf der Homepage und im Flyer sollte ein Logo entworfen werden, das zu den Stichworten Ferienwohnung mit Ostseeblick passt. Dieses habe ich mit Adobe Illustrator und Photoshop erstellt.

Status:
  • abgeschlossen
Aufgabenstellung:
  • Logo für Ferienwohnung mit Ostseeblick erstellen

Printmedien Flyer für Ferienwohnung

Mediengestaltung Flyer für FerienwohnungProjekt aus dem Bereich Druckmedien-Erstellung (Printdesign) für Ferienwohnung

Passend zur Homepage für die Ferienwohnung in Travemünde sollte ein Werbeflyer erstellt werden. Ich habe diesen mit InDesign erstellt und die Druckabwicklung beieiner Online-Druckerei abgewickelt. Der Kunde bekam die fertigen Flyer direkt nach Hause geliefert.

Status:
  • abgeschlossen
Aufgabenstellung:
  • Flyer passend zum Layout der Homepage erstellen
  • Druckabwicklung bei Flyeralarm

OnePage Webdesign für Ferienwohnung mit Ostseeblick in Travemünde

Screenshot Onepage Webdesign für Ferienwohnung mit Ostseeblick in TravemündeProjekt aus dem Bereich Webdesign für Ferienwohnung-Vermietung

Hier wurde eine neue Website für die Vermietung einer Ferienwohnung erstellt. Die Website wurde als sogenannten OnePage Website vorgenommen. Hier befinden sich alle Inhalte der Website auf nur einer html-Seite, so dass der Besucher der Website alle wichtigen Informationen ohne Klicken und nur durch Scrollen am Maus-Rad präsentiert bekommt. Dies ist besonders komfortabel beim Betrachten mit mobilen Endgeräten wie Smartphone oder Tablet.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Erstellung einer Website unter Verwendung eines OnePage-Layoutes
  • Layout in modernem Design
  • Logo entwerfen
  • Teilweise Inhalte erstellen
  • Ansprechende Darstellung auch auf mobilen Endgeräten (responsive Webdesign)
  • Suchmaschinenoptimierung (SEO)
  • Beratung bei der Auswahl eines Webhosters

Webdesign OnePage Website für Amaryllis Partyraum-Vermietung

Screenshot OnePage Webdesign für Amaryllis Partyraum VermietungProjekt aus den Bereichen Webdesign für Partyraum-Vermietung

Hier wurde ein Redesign einer bestehenden Website für die Vermietung von Partyräumen in Bad Malente-Kreuzfeld vorgenommen. Die Website wurde als sogenannten OnePage Website vorgenommen. Hier befinden sich alle Inhalte der Website auf nur einer html-Seite, so dass der Besucher der Website alle wichtigen Informationen ohne Klicken und nur durch Scrollen am Maus-Rad präsentiert bekommt. Dies ist besonders komfortabel beim Betrachten mit mobilen Endgeräten wie Smartphone oder Tablet. Eine Besonderheit hier ist das Kontaktformular, welches durch besondere Funktionen gegen Spam geschützt ist und zwar ohne dass der Benutzer dafür extra Zeichen eingeben muss.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Erstellung einer Website unter Verwendung eines OnePage-Layoutes
  • Layout an Flyer und Logo der alten Website anpassen
  • Teilweise Übernahme der bestehenden Inhalte
  • Ansprechende Darstellung auch auf mobilen Endgeräten (responsive Webdesign)
  • Suchmaschinenoptimierung (SEO)
  • Veröffentlichung bei einem bestehenden Webhoster

Onepage Webdesign Erstellung für Friseur & Kosmetik Ursula Hinz

Screenshot OnePage Webdesign, Flyer und Visitenkarten für Friseur und Kosmetik SalonProjekt aus den Bereichen Onepage Webdesign für Friseur und Kosmetik-Studio

Für einen Friseur- und Kosmetik-Salon mit Fußpflege und Nageldesign sollte ein komplettes Werbepaket aus Website, Flyer und Visitenkarten zu einem günstigen Preis erstellt werden. Da sich die Inhalte der Homepage nicht laufend ändern sollen, haben wir uns für eine Website als sogenannten OnePage Website entschieden. Hier befinden sich alle Inhalte der Website auf nur einer html-Seite, so dass der Besucher der Website alle wichtigen Informationen ohne Klicken und nur durch Scrollen am Maus-Rad präsentiert bekommt. Dies ist besonders komfortabel beim Betrachten mit mobilen Endgeräten wie Smartphone oder Tablet.

Status:
  • abgeschlossen
Aufgabenstellung:
  • Erstellung einer Website unter Verwendung eines OnePage-Layoutes
  • Verwendung von neuen Inhalten (Bilder und Texte) sowie Inhalten aus dem alten bestehenden Flyer
  • Ansprechende Darstellung auch auf mobilen Endgeräten (responsive Webdesign)
  • Suchmaschinenoptimierung (SEO)
  • Veröffentlichung der Website bei einem bestehenden Webhoster

Printdesign Flyer erstellen für Friseur & Kosmetik Ursula Hinz

Printdesign Referenz Flyer für Friseur und KosmetikProjekt aus dem Bereich Printdesign für Friseur und Kosmetik-Studio

Der 6-seitige Flyer wurde mit Adobe InDesign erstellt. Das Layout entspricht dem der Visitenkarten und wird sich auch in der Homepage wiederfinden. Die Darstellung mit Einzelseiten ist nur für diese Referenz-Seite. Im Original ist der Flyer als Wickelfalz gefaltet.

Status:
  • abgeschlossen
Aufgabenstellung:
  • Erstellung eines 6-seitigen Flyer Layouts
  • Erstellung einer druckfähiger Dateie
  • Beauftragung des Drucks bei Flyeralarm

Logo Erstellung für Friseur & Kosmetik Ursula Hinz

Logo Erstellung für Friseur und KosmetikProjekt aus dem Bereich Logo-Erstellung für Friseur und Kosmetik-Studio

Für die Verwendung auf der Homepage, dem Flyer und der Visitenkarte sollte ein Logo erstellt werden. Die Kundin hatte bereits konkrete Vorstellungen, dass hier der Slogan „von Haar bis z“ mit dem Namen kombiniert werden soll, so dass wir das Logo am Ende in einem Meeting gemeinsam entwickelt haben.

Status:
  • abgeschlossen
Aufgabenstellung:
  • Erstellung eines Logos