:::: MENU ::::

Tipp der Woche: Youtube und Co. in der Lightbox

Mit der Videobox 1.1 (kostenlos auf videobox-lb.soureforge.net ) lassen sich  Videos von Metacafe, Youtube und Google Video  mit Hilfe von mootools und der Lightbox in den Vordergrund schieben und Websitehintergründe verdunkeln.

Videobox- Lightbox for videos, Youtube, Metacafe, Google Video, iFilm_1255261185988

Einbauen lässt sich das Script ganz einfach in jede X-Beliebige Website, einfach in den <head> folgenden Code einbauen. Pfade ggf. anpassen 😉

<script type=“text/javascript“ src=“/js/mootools.js></script>
<script type=“text/javascript“ src=“/js/swfobject.js></script>
<script type=“text/javascript“ src=“/js/videobox.js></script>
<link rel=“stylesheet“ href=“/css/videobox.css“ type=“text/css“ media=“screen“ />

Wenn wir nun z.b. ein Youtube Video einbauen wollen verwenden wir folgendene Links:

<a href=“http://www.youtube.com/watch?v=xxx“
rel=“vidbox“ title=“caption“>Video ansehen</a>

oder

<a href=“http://www.youtube.com/watch?v=xxx“
rel=“vidbox 800 600″ title=“caption“>Video ansehen im Format 800*600</a>

XXX müsst ihr natürlich ersetzen, genau wie die Überschrift caption, das Format ist frei wählbar

Beispiele: Video ansehen oder Video im Format 800 * 600 ansehen

Videobox gibt übrigens auch als Plugin für WordPress


Gesamttagung für Kindergottesdienst

Hier gibt es ab Mitte nächster Woche Inhalte 😉 Nähere Infos auf http://www.kindergottesdienst-ekd.de/

An alle Anderen Leser:
Ich bin über das Wochenende nach Erfurt zur Gesamttagung für Kindergottesdienst also gibt es keine neuen Artikel, werde aber einen Hotspot suchen daher sollte Mailing möglich sein

Grüße und ein schönes Wochenende
Michael

PS: Leider nehme ich nicht an „Ein ♥ für Blogs teil“ aber schonmal ganz ganz ganz lieben Dank an die, die mich evtl. erwähnen =)


Ich blogge nun Umweltneutral

CO2 neutral, Dein Blog klimaneutral für den Klimaschutz - Machs Grün_1255115678755

Eine tolle Aktion von kaufda und I Plant a Tree – Wir machen deinen Blog CO2-neutral. Jeder Blogger der über die Aktion schreibt bekommt sein eigenen Bäumchen gepflanzt und darf sich Umwelt neutraler Blogger nennen =)

Ich habe mal nachgerechnet in wie weit mein Blog nun irgendwann vielleicht zum Umweltschutz beiträgt:
Pro Stunde verbraucht meine Beispiel-Buche ( Achtung meine Buche ist schon groß, müsst ihr runter rechnen auf kleinen Baum) 2,352 kg Kohlenstoffdioxid, 0,96 kg Wasser und 25.435 Kilojoule (Solarenergie); im gleichen Zeitraum stellt sie 1,6 kg Traubenzucker her und deckt mit 1,712 kg Sauerstoff den Verbrauch von zehn Menschen.

ipat_logoMein Server braucht pro Monat ca. 50 kWh ( grob überschlagen ), eine Kilowattstunde entspricht im Bundesdeutschen Durchschnitt 0,64kg C02, also hat mein Server einen Monatsausstoß von 32kg C02 bzw 0,0438kg pro Stunde. OK, ich gebe zu das ist eine sehr wackelige Rechnung mit übertrieben großen Werten,einem großer Baum, kein Plan vom Serververbrauch und viele viele viele weitere Faktoren, aber man sieht dass diese Aktion auf jeden Fall für die Umwelt rentiert ( und Sauerstoff für mich und meine Leser ist auch noch genug da^^)

Die Teilnahme an der Aktion ist übrigens mega einfach und ich hoffe ich konnte einige Mitblogger dazu bewegen auch mitzumachen ( Trackbacks und RT´s sind willkommen)

Schreibe einfach einen kurzen Blogpost über unsere Aktion “Mein Blog ist CO2-neutral” und binde einen der unten stehenden Buttons (am besten in deine Sidebar) ein. Schicke dann den Link zu deinem Blog an CO2-neutral@kaufda.de und wir pflanzen für Dich einen Baum, der die CO2-Emissionen deines Blogs neutralisiert.

Das Wichtigste noch einmal in Kürze:

1. Bericht über Aktion posten + Button einfügen
2. E-Mail an CO2-neutral@kaufda.de
3. Wir pflanzen für Deinen Blog einen Baum!

Mehr gibt es hier.

Grüße euer Umweltfreundlicher Blogger und Hoster!

Quellen zur Rechung: Wikipedia.org, mein Biobuch und der Stromzähler am (stillgelegten) Homeserver
WICHTIG: Die Rechnungen sind nur Nährwerte, ihr müsst Serverbau und sontige Faktoren wie Transport usw natürlich auch bedenken, dennoch lohnt sich die Aktion ( wie ihr hier im Detail nachlesen könnt )

Passwortstärke – Prüfe dein Passwort jetz hier und live

Mein Passwortstärketest 😀 Hilft nicht bei Phising aber gegen dumme Freunde und Co ;),
mein „Standart-PW“ erreicht übrigens ~ 75 % 🙂

Mindestens 6 Zeichen. Und sei kreativ!

~Made with jQuery~


HOWTO: Dynamische Signatur ( für WordPress Blogger )

Signaturen gibt es seid dem es Foren gibt :D, dynamische Signaturen sind da allerdings schon eher selten und wenn dann sind sie zum größten Teil nicht selbst gemacht sondern von einem Webservices ( z.B. Gamemonitor oder zetbit), dabei ist es gar nicht so schwer selber eine eigene individuelle Signatur zu erstellen, sogar mit transparentem Hintergrund, ein wenig PHP und eine gute Idee und schon geht es los:

Dynamische Signatur mit transparentem Hintergrund für WordPressartikel:

1. Die Verbindung zur Datenbank, Einstellungen und Bildererzeugung
Zunächst muss die DB Verbindung hergestellt und Grundeinstellungen getätigt werden,
in diesem Schritt wird auch bereits die Bildgrundfläche erzeugt und mit Transparenz „gefüllt“

<?php
########## Verbindung zur DB / Einstellungssache ###########
$db_server = 'localhost';
$db_name = 'wordpress_db';
$db_user = 'wordpress_usr';
$db_passwd = 'changeme';
$tabelle = "wp_posts"; // Evtl Prefix aendern
$hoehe = 50; // Angabe in px
$breite = 500;
$listlimit = 2; // Zahl der zu lesenden Einträge bei uns 2, da 2 Artikel in Signatur

//Schriftarten
$font1 = '/var/www/verdana.ttf'; // Hochladen nicht vergessen ;)
$font2 = '/var/www/verdanab.ttf'; // Fettschrift ;)
$font3 = ''; // ... wenn es mehr sein darf

// ( Bildererzeugung inklusive Alphachannel also Transparenz muss
//   muss vor die allocalisierung der Farben )
$png = imagecreatetruecolor($breite, $hoehe);
imagesavealpha($png, true);

//Transparenz "Farbe"
$trans_colour = imagecolorallocatealpha($png, 0, 0, 0, 127);
imagefill($png, 0, 0, $trans_colour);

//Farben ( beliebig Aender und Addierbar )
$grey = imagecolorallocate($png, 136, 136, 136); // RGBfarben
$red = imagecolorallocate($png, 255, 0, 0);
$bplacedblue  = imagecolorallocate($png, 11,95,180);

2. WordPress-Posts auslesen und in Array schreiben
Zunächst der DB Query und seine Aufgabe:
Lese Artikel_Datum und Artikel_Titel aus der Datenbanktabelle aus mit der Bedingung
das der Post_Type „Post“ ( also Artikel ) ist und sein Status veröffentlicht und sortiere diese
nach dem Artikel_Datum mit dem Limit xy

##Datenbankverbindung ##
$conn = mysql_connect($db_server,$db_user,$db_passwd);
mysql_select_db($db_name);
$result = mysql_query("SELECT post_date, post_title FROM $db_name.$tabelle
WHERE post_type = 'post' AND post_status = 'publish'
ORDER BY post_date DESC LIMIT $listlimit",$conn) or die("Error".mysql_error());

Der Titel muss nun in einen PHP-Array was wir mit der folgenden Schleife reallisieren:

###### Titel in PHP Array ##########
$i=0;
 if(mysql_num_rows($result)){ // Solange wir Zeilen haben ( im Beispiel 2) durchlaufen
 while($row = mysql_fetch_assoc($result)){
 $text[$i]= $row['post_title']; // Titel in den Array $text schreiben
 $i++; // Einen Addieren, Erklaerung Array: http://www.schattenbaum.net/php/array.php
 }
 }

3. Das Bild mit Inhalten ( bei uns WordPress Artikel Titel ) füllen
Dies ist der einzige schwierige Schritt in diesem Tutorial, weil hier zum ersten mal Gehirn und Raumgefühl gefordert werden,  aus diesem Grund möchte ich erstmal die imagettftext(); Funktion und ihrer Parameter erklären:

imagettftext ( resource $im , int $size, int $angle , int $x , int $y , int $col , string $fontfile , string $text )

  • Ressource $im ist bei uns $png also das Bild das zur Grundlage / zuschreiben vorliegt
  • Int $size gibt die Schriftgröße als Zahl ( wie auch sonst? ) an
  • Int $angle ermöglicht es den Text zudrehen den man erzeugen möchte ( Angabe in Grad, bei uns 0 )
  • Int $x, $y beschreiben die Stelle von der aus geschrieben werden soll ( 2D Koordinatensystem )
  • Int $col hier steht später unsere Farbe z.B. $red
  • String $fontfile ist der Pfad zu unserer Schriftart
  • String $text , der Text den wir schreiben wollen

So soll das ganze später aussehen:

sig2

Fangen wir also an mit der ersten Zeile, wie ihr seht besteht sie aus 3 Teilen: Grau, Blau und wieder Grau, hier wird
nochmal deutlich das es einzelne „Mal“-Funktionen sind ( die Reihenfolge ist übrigens egal, hier im Beispiel mach ich es nur der Ordnung und der Verständnis wegen )

## Erste Zeile schreiben ##
imagettftext($png, 8, 0, 0, 15, $grey, $font2, 'Michael bloggt auf');

// andere Farbe und keine Fettschrift mehr
imagettftext($png, 8, 0, 112, 15, $bplacedblue, $font1, 'http://michaelplas.de/');
// Unterschreiben geht nur über einen Trick - Malt eine Linie
// imageline  ( resource $image  , int $x1  , int $y1  , int $x2  , int $y2  , int $color  )
imageline($png  , 112 ,16  , 230  , 16  , $bplacedblue  );

// Und wieder fettes Grau
imagettftext($png, 8, 0, 235, 15, $grey, $font2, 'über  folgendes:');

So und nun die WordPress Titel ( in meinem Beispiel sind es 2 Stück, ich denke für eine Forensignatur reicht das, aber jetzt wisst ihr ja wie es geht )

imagettftext($png, 8, 0, 0, 29, $grey, $font1, $text[0]);
imagettftext($png, 8, 0, 0, 45, $grey, $font1, $text[1]);

Und zum Abschluss noch schnell den Mimetyp und das Bild erzeugen und ausgeben:

header("Content-type: image/png");
imagepng($png);
?>

Und das war es auch schon 😀 Hoffe ich konnte euch weiterhelfen, hier ist nochmal der Sourcecode zum Downloaden, Schriftarten bitte selber besorgen

CODE – HIGHLIGHTED Version



HTTP Status, Fehlercodes, ErrorDocument, Fehlermeldungen

Mal wieder ein wenig SEO ( die Zahl meiner Googlebesucher steigt enorm, ist der Wahnsinn 😮 )

Aus der Reihe „Nützliche Cheat Sheets“  diesmal:
– HTTP / Apache Meldungen
– Fehlermeldungen und Errorcodes

Also hier eine Liste mit alle Statuscodes die der Apache / der httpd so ausgibt:

  • 1xx Informational
  • 100 Continue
  • 101 Switching Protocols
  • 2xx Successful
  • 200 OK
  • 201 Created
  • 202 Accepted
  • 203 Non-Authoritative Information
  • 204 No Content
  • 205 Reset Content
  • 206 Partial Content
  • 3xx Redirection
  • 300 Multiple Choices
  • 301 Moved Permanently
  • 302 Found
  • 303 See Other
  • 304 Not Modified
  • 305 Use Proxy
  • 306 (Unused)
  • 307 Temporary Redirect
  • 4xx Error
  • 400 Bad Request
  • 401 Unauthorized
  • 402 Payment Required
  • 403 Forbidden
  • 404 Not Found
  • 405 Method Not Allowed
  • 406 Not Acceptable
  • 407 Proxy Authentication Required
  • 408 Request Timeout
  • 409 Conflict
  • 410 Gone
  • 411 Length Required
  • 412 Precondition Failed
  • 413 Request Entity Too Large
  • 414 Request-URI Too Long
  • 415 Unsupported Media Type
  • 416 Requested Range Not Satisfiable
  • 417 Expectation Failed
  • 5xx Server Error
  • 500 Internal Server Error
  • 501 Not Implemented
  • 502 Bad Gateway
  • 503 Service Unavailable
  • 504 Gateway Timeout
  • 505 HTTP Version Not Supported

Zum Ausdrucken reiche ich nach 😉 Einfach die Tage diesen Artikel nochmal aufrufen ( oder mir in Twitter followen )


Innovativ: Wasser – Zugangssperren für Bahnhöfe, Stadions etc

Ohhhhh wie ich es liebe: Innovation, wenn Leute sich etwas überlegen was nahezu Revolutionär ist.
Drei von diesen Tüftler und ihrer Erfindung möchte ich heute mal gerne vorstellen:

watergate01

Michael Tatschl, Sascha Mikel, und Martin Schnabl mit ihrem Wasserschranke!

Zugangssperren sind ja nichts neues, ein physikalischer Effekt wird ausgenutzt um zuverhindern, dass zum Beispiel jemand ohne Eintrittskarte in ein Fussballstation gelangt oder ohne Ticket die U-Bahn benutzt, in der Regel ist dies ein Metallpfosten oder eine Hartplastikversperrung.
Diese physikalisch funktionierenden Sicherheitsbarrieren haben aber einen erheblichen Nachteil: In einer Fluchtsituation z.B. einem Brand ist das flüchten nur begrentzt möglich

Ganz anders diese Schranke, den sie errichtet einzig und allein ein psychologisches Hinterniss

Eine volle Ladung Spritzwasser, wer möchte das schon gerne vor einem Geschäftstreffen oder der Schule?? Nein, danke! Sollte es eine Panik geben, können die Leute natürlich einfach durchlaufen, wir haben ja keinen Metallpfosten der uns darin hindern könnte sondern nur, das wenn auch feuchte, Wasser. Auch für Rollstuhlfahrer oder Leute mit riesigen Koffern oder einem Kinderwagen wird es leichter. Sie können ohne Hindernis passieren.

watergate06

Leider hat die Neuerfindung auch ein paar Nachteile, die wie ich finde sicher schnell behoben werden könnten:

  • Im Sommer machts auch noch Spaß und kühlt -> Lösung?: Wasserfarbe und die Tatsache das auch welche über ne normale Absperrung klettern.
  • Man könnte die Wasserauslässe zuhalten -> Lösung? Genug Ausgänge und Wasserdruck
  • Kinder könnten dran spielen -> Lösung? Man sollte „Watergates“ natürlich nicht in nem Spielpark oder Restaurant einsetzen 😉 In der Ubahn würde durch den Druck und dem geraden Wasserstrahl sicher Respekt genug da sein

Empfehlung für die Leser aus Österreich: Besucht doch die Vienna Design Week , ist sicher sehr Informativ und Interessant ( ich als Norddeutscher komm leider nicht :/ )

watergate02

(via yankodesign.com)


Mindmap Unternehmerische Entscheidungen

Hausaufgabe in Betriebs und Volkswirtschaft Technik ( BVT ) / BWL
für den Jahrgang 12  2009/2010.

Noch nicht korrigiert ( kommt nach den NDS Herbstferien  als Update in diesen Artikel, inklusive Lehrerbewertung)
Für alle die bei Google verzweifelt sind und keine Lust auf Hausis haben, hier als cc-sa 😉

Mindmap Unternehmerische Entscheidungen BVT Abitur 12

Mindmap Unternehmerische Entscheidungen BVT Jahrgang 12

Hoffe es hilft ein ein wenig, Bewertungen erwünscht, was der Lehrer sagt verrat ich später

  Mindmap Unternehmerische Entscheidungen MindManager (unknown, 2.489 hits)


Kleine Geschichte zur Bundestagswahl

Samstag Abend – Aufbau des Wahllokals in der lutherischen Friedenskirche Emlichheim
Kirchenmitglied: Was ist das den für nen Mülleimer???
Pastor:Das ist die Wahlurne!!
Kirchenmitglied:Ahjaaa…
Pastor:In der wird sozusagen unsere Demokratie aufbewahrt.

Gedanken Pastor und Mitglied / andere Anwesende: Unsere Demokratie im Mülleimer 😀 – Naa hoffentlich nicht! 😀

Tja so siehts bei uns in der Kirche aus 😀 Den Namen des Gemeindemitglieds hab ich mal zensiert 😉
Hättet dabei sein müssen 😀 Selten so gelacht!


Seiten:1...7891011121314