Heute mal … wie bastel ich vernünftige Skype Links?

Eigentlich ganz einfach:

Diesen Button kann man wirklich sehr einfach auf der folgenden Webseite anlegen – Skype Button

Skype-Links verwenden

Sie können Skype-Links in HTML-Anchor-Tags verwenden. Standardmäßig werden immer die jeweiligen Skype-Namen oder Namen angerufen, Sie können aber auch andere Aktionen wählen. Nachstehend finden Sie einige Beispiele – lesen Sie weiter unten die Erklärungen der Funktionen.

<a href="skype:echo123?call">Klicken Sie auf</a> (Anruf an echo123)
<a href="skype:echo123">Klicken Sie auf</a> (Standardaktion – Anruf)
<a href="skype:echo123?add">Klicken Sie auf</a>(echo123 Ihren Kontakten hinzufügen)

Skype JavaScript-Erkennung

Was passiert, wenn jemand auf Ihren Link klickt, Skype aber nicht installiert hat? Normalerweise wird dann eine unschöne Browser-Fehlermeldung angezeigt, gemäß derer „Skype-“ Links unbekannt sind. Wenn Sie aber unsere JavaScript-Funktion verwenden, können die Site-Besucher sich glücklich schätzen, da ihnen Informationen über Skype angezeigt werden und sie das Programm gleich herunterladen können. Schauen wir also einmal, wie das funktioniert.

Zunächst müssen Sie diesen kleinen Tag in Ihre Webseite integrieren:

<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"> </script>

Dann müssen Sie Ihrem Anchor-Tag eine kleine Extraeigenschaft (onclick) hinzufügen. Schauen Sie sich dieses Beispiel dafür an:

<a href="skype:echo123?call" onclick="return skypeCheck();">
Also sollten Links und Butons in emails oder auf der Homepage kein Problem sein. Für Fragen oder Hilfstellungen benutzt bitte das FORUM.

Von Manuel
\\ tags: How2, html, skype, Tutorial

Auf der Seite gibt es noch viele andere Dinge die man in 5 Minuten aufzählen muss. Aber ich finde HTML Elemente passen ganz gut zur Seite. Es ist schwerer als man denkt..

Mein Ergebnis:

23

Von Sebastian
\\ tags: aufzählen, elemente, html

Update:
schaut euch mal bitte den Link zu dem Tool an was nun fertig in der Beta ist:

http://www.pixelartist.de/video/youtube/demo.html

Youtube Videos sind schön, schnell und einfach. Wenn man allerdings das Video auf seine Seite integrieren möchte und nicht dem User auferlegen will auch noch den Startbutton auf dem Video zu drücken, dann kann man das relativ einfach im Quelltext des YouTube Videos nachholen.

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/qKAInP_tmHk"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/qKAInP_tmHk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Das ist der offizielle von Youtube ausgegebene Code den man auf seiner Seite einbauen soll. Hier interessiert mich nun nur das embed TAG. Also:
<embed src="http://www.youtube.com/v/qKAInP_tmHk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>

Okay, so weit sind wir. Nun einfach noch an die src Adresse den gültigen Parameter angehängt und dann startet das Video. Der Parameter lautet “&autoplay=1″

Sieht dann am Schluß alles wie folgt aus:
<embed src="http://www.youtube.com/v/qKAInP_tmHk&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>

Eigentlich eine einfache Sache, ich erspare euch aber ein demonstratives Beispiel, das bei jedem Seitenaufruf dann losträllert.

Von Manuel
\\ tags: How2, html, Tutorial, youtube

So Ihr Front-End Guru’s Ihr verbraucht eure Tage um Komplexe laufähige CSS Layouts mit Dynamischen DOM zu Zaubern. Ihr meistert Cross-browser layouts, Ihr seit von euren DOM Scripting Fähigkeiten überzeugt, Ihr habt euch bemüht euer Projekt Barrierearm zu machen.
Hier weiterlesen »

Von Rene
\\ tags: front-end-guru, grundlagen, html, layouts, microformats, semantik, tags