28.01.2010
Screenshots von anderen Webseiten einbinden
Manchmal macht es Sinn, in einen Artikel den Screenshot einer anderen Webseite einzubinden. Hat man z.B. einen Link auf eine andere Seite gesetzt, ist ein solcher Screenshot ein netter kleiner Eyecatcher. Es gibt einige Online-Dienste, die hier helfend unter die Arme greifen. Ich kannte das schon von früher, bin aber jetzt über einen Artikel bei tagdocs.de wieder darauf aufmerksam geworden. In dem Artikel werden 4 Dienste vorgestellt. Ich werde wohl zukünftig (wieder) ab und an websnapr nutzen - die Startseite ist so schön übersichtlich und der Umfang des kostenlosen Angebots reicht mir völlig aus. Christian von tagdocs mag lieber ShrinkTheWeb.
So funktioniert das Einbinden mit websnapr:
- anmelden
- man bekommt einen Key zugeschickt
- in Flatpress einen img-link schreiben, der auf die Zielseite verweist
z.B.
[img=http://images.websnapr.com/?size=GRÖSSE&key=MEIN_KEY&url=http://MEINE_ZIELSEITE.XY/]
Es stehen zwei Größen zur Verfügung:
- size=T (92×70 Pixel)
- size=S (202×152 Pixel)
Beispiel Größe T
Beispiel Größe S
Es gibt noch weitere Möglichkeiten den Dienst einzubinden. Alle, die es interessiert, mögen dem Link folgen.
26.01.2010
Bilder Lorem ipsum
Blindtexte benötigt man beim Gestalten von Webseiten immer wieder. Generatoren für solche oder Seiten, die definierte Blindtexte bereitstellen, gibt es einige (s.u.). Über den Blog vom Matthias Schütz bin ich jetzt auf eine Seite aufmerksam geworden, die Platzhalter für Bilder beliebiger Größe erstellt. Der Dynamic Dummy Image Generator ist einfach zu handhaben:
- Seite des Image Generators aufrufen
- im Adressfeld die URL um die gewünschte Größe des Dummy-Bildes ergänzen; z.B. http://dummyimage.com/325×123
- die Seite aufrufen … die Platzhaltergrafik ist da
- Grafik herunterladen und einbinden
Alternativ lässt sich die Grafik auch direkt über einen Link einbinden, z.B. über
<img src="http://dummyimage.com/325x123" alt="A Dummy Image">
So sieht es aus:
Außerdem stellt der Autor Russell Heimlich die PHP-Dateien und eine Anleitung bereit, so dass man das Ganze auf dem eigenen Server laufen lassen kann.
—-
Blindtexte gibt es z.B. hier:
http://www.blindtextgenerator.de/
http://html-ipsum.com/
http://www.lorem-ipsum.info/generator3-de
Dummy Lipsum 3.0.0 Firefox-Erweiterung
20.01.2010
Flatpress: Suchfeld individuell gestalten
Das kleine Standard-Suchformular lässt sich in Flatpress nur begrenzt individuell gestalten. Der Grund hierfür ist, dass in der php-Datei des Such-Plugins den Elementen keine id zugewiesen wurde. Eine individuell formatierte Schaltfläche ist so z.B. nicht möglich.
Folgende Ergänzung in der Datei plugin.searchbox.php bietet Abhilfe:
Danach lassen sich das Eingabeformularfeld und der Button einzeln ansprechen und damit auch über css gestalten.
Für dieses Design wurde z.B. der folgende css-Code verwendet:
13.01.2010
Stöbere mal wieder
Und wieder war ich auf der Suche nach Informationen zur Verwendung von CSS, diesmal zum Thema Vererbung, und bin auf einer Seite gelandet, die zum Stöbern einlädt. Das möchte ich euch nicht vorenthalten. Ich kannte die Seite auch schon von früher - aber man kann ja nicht über alles den Überblick behalten …
Also hier der Link zur Web-Toolbox.
Eine kleine Übersicht über die behandelten Themen gibt die folgende Abbildung.
Die Erklärung zum Thema Vererbung war übrigens sehr verständlich formuliert und mit anschaulichen Beispielen garniert.
Viele Dank an Wilhelm Jansen