team.eliZZZa * webdesign * screendesign * xhtml * css * jQuery * ajax * fragen & antworten * tutorials * community

Workshop “Schreiben für’s Web”

Meine Lieben, ich veranstalte am 22., 23., 24. Oktober UND 19., 20., 21. November jeweils nachmittags einen Workshop in 2 Modulen unter dem Motto “Schreiben für’s Web“. Der Workshop ist vom BMuKK gefördert und kostet daher insgesamt nur 80 Euro. Bitte entnehmt die Kursinhalte gleich der Website von netz.werk.stadt, dort kann man auch gleich buchen oder eine kurze Mail an mich.

Buchtipp: Twitter, Facebook, Xing und Co

Weniger ein Buch als eine Broschüre ist “30 Minuten Twitter, Facebook, XING & Co” von Tim Schlüter und Michael Münz. Auf wenigen (80) Seiten werden die wichtigsten Sozialen Netzwerke beschrieben. Es wird erklärt, was zu beachten ist um nicht der ganzen Welt alles von sich preiszugeben. Weiters einige Tipps zur Anmeldung und zu möglichen Einsatzgebieten der Dienste. Zumindest mich hat es animiert, gleich ein Twitter-Konto zu eröffnen! Es liest sich schnell, wichtige Hinweise sind markiert und es kostet nicht viel. Den Zweck hat es erfüllt, zumindest für mich.

30 Minuten Twitter, Facebook, XING & Co; Verlag: Gabal; ISBN: 978-3-86936-077-5

Kontaktformular mit PHP versenden

Hallo,

in meinem neuen Tutorial zeige ich wie man ein PHP Script erstellt um damit Daten aus einem Formular zu versenden.

Link Tutorial

soundstream

http://soundcloud.com/lissommiller/

[soundcloud url="http://soundcloud.com/lissommiller/spinne1-1"]

(wäre das Widget bereits installiert, würde man anstelle dieses codes, bereits den player sehen)

Jeder der mit Wordpres arbeitet und schnell und unkompliziert einen Player installieren möchte, empfehle ich www.soundcloud.com ! Sobald das Soundcloud Widget installiert ist, kann man den Code direkt in den Artikel kopieren und das Plugin wandelt diesen in einen Musicstream in Form eines Players um. Natürlich muss man dazu, sich zuerst bei Soundloud.com anmelden und seine Musicfiles dort uploaden, siehe link ganz oben (http://soundcloud.com/lissommiller/) damit man auf Files zurückgreifen kann. Ein weiterer Vorteil, ist das nun diese Files am Server von Soundcloud liegen und beim Abspielen des Players auf Soundcloudserver zugegriffen wird.

The SoundCloud Shortcode plugin allows you to easily integrate a player widget for a track, set or group from SoundCloud into your WordPress Blog by using a WordPress shortcode. Use it like that in your blog post: [soundcloud]http://soundcloud.com/LINK_TO_TRACK_SET_OR_GROUP[/soundcloud] It also supports these optional parameters: width, height and params. The “params” parameter will pass the given options on to the player widget. Our player accepts the following parameter options:

Viel Vergnügen

lissom miller

Meine erste Blogsite ist online!

Hallo liebe Freunde!

Ein wenig mit Freude habe ist gestern meine neue Blogsite online gestellt. Naja ein paar Kleinigkeiten werde ich sicher noch ändern, außerdem muss sie noch richtig gefüllt werden. Aber für das Erste ….

Ein ganz großes Dankeschön an dich liebe EliZZZa, denn du hst uns doch das Zeug mitgegeben das zu schaffen. Für mich ist es zumindest genau das, was ich wollte. Jetzt bin ich halt am überlegen, immmer mehr Rafinessen wie z.b. oben ein animiertes Gif zu schaffen, damit sich der Header ändert.

Hier der link www.dorelieshofer.com

Ich wäre euch für ein feed back recht dankbar, vorallem bezüglich Bedienerfreundlichkeit, findet man sich zurecht, ist sie ein Durcheinander, was wäre verbesserungswürdig, was fehtl, was ist zuviel. … was euch halt auffällt.

Was ich noch gerne einbauen täte wäre eine musikuntermalte slideshow wie diese :

http://www.hochzeitsfotos-deluxe.de/html/slideshow.php/slide19

Hat wer einen Tip, gibt es Vorlage dazu, wie baue ich das in eine wp-page ein. Diese Slideshow wäre total wichtig für mich! Habe schon überlegt von “Show it fast” die Vorlage zu kaufen. Was haltet ihr davon und kann man die in wp einbauen? http://www.showitfast.com/#/showit-web/

Vielen lieben Dank und liebe Grüße an alle Dorelies

TimThumb – automatische Thumbnails

Eines der wirklich grenzgenialen PHP-Scriptchen wurde erstmals für das WordPresse Theme Mimbo Pro entwickelt (übrigens immer noch eines meiner All-Time-Favorites) und ist nunmehr auf der Google Code Plattform zu finden.

Die winzige Datei ist ein Weltmeister im automatischen/serverseitigen Generieren von neuen Formaten und Ausschnitten von Bildern (gif, jpg, png). Klar, dass dieses Script ein Liebling von Theme-Designern ist, stellt es doch sicher, dass Bilder immer im richtigen Format an der richtigen Stelle auftauchen.

Und so funktioniert’s

Kopiere die Datei timthumb.php in das Verzeichnis Deines aktuellen Themes.

Erstelle einen Artikel und uploade ein beliebiges Bild. Füge es aber nicht in Deinem Artikel ein, sondern kopiere nur die Bildadresse. Diese erhältst Du entweder, indem Du im Uploadfenster auf das Bild selbst mit der rechten Maustaste klickst und =>Grafikadresse kopieren anklickst (FireFox).

Dann bestätigst Du =>Alle Änderungen speichern und schließt das Download-Fenster.

Nun kommt wieder ein Spezialfeld zum Einsatz

Unter dem großen Texteingabefenster findest Du eine Box namens “Spezialfelder“. Klicke dort auf =>Neu anlegen und gib einen Namen für Dein neues Spezialfeld ein, z.B. “meinbild”. Füge im Textfeld “Wert” die vorher kopierte Grafikadresse ein.

Diese Information kann nun für Dein TimThumb genützt werden.

Wert eines Spezialfeldes anzeigen lassen

Dort wo Du ein Bild in einem automatisch generierten, definierten Format anzeigen willst, fügst Du folgenden Code ein:
[php]
<img src="<?php echo bloginfo(‘template_url’); ?>/timthumb.php?src=/<?php
$values = get_post_custom_values("meinbild"); echo $values[0]; ?>&w=40&h=40&zc=1&q=100"
alt="<?php the_title(); ?>" class="left" width="40px" height="40px" />
[/php]
Dies ist nur ein Beispiel von vielen, wie ein Wert aus einem Spezialfeld in Deinen Artikel “gezaubert” werden kann. Weitere Beispiele findest Du etwa in den Themes von Elegantthemes.

Download: timthumb.php (gezipped)

Gravatar / Mangatar verwenden

Nachdem ich das schon einmal ausführlich zusammengeschrieben habe, hier der Link auf die genaue Anleitung, wie Du Deinen Mangatar zum Gravatar (globally recognized avatar) machst.

Lies den Artikel “Cooler Avatar” auf nadelspiel.com

PSD-Tutorials.de – Impressum

PSD-Tutorials.de – Impressum.

Tabbed Sidebar

So, hier ist das erste getestete und von mir empfohlene Script, eine sogenannte “tabbed Sidebar“. Damit könnt Ihr auf kleinstem Raum ziemlich viel Navigation übersichtlich unterbringen.

Das zip-Paket enthält sämtliche benötigte JavaScript-Dateien (basiert auf jQuery) und eine Musterdatei, aus der Ihr Euch den Code holen könnt. Im Einsatz seht Ihr es auf eliZZZa.net (die Leiste rechts).

Download: ZIP Tabbed Sidebar, jQuery