CSS-Tricks: Walking Links – Spazierende Links

Gefunden unter CSS-Tricks

Beispiel ansehen Beispieldateien (7,4KB zip-File)

Bleiben Sie mit der Maus über den Links auf dieser Seite stehen und Sie werden bemerken, dass die Links „zu spazieren“ beginnen. Unter CSS-Tricks/How To Make Walking Links finden Sie eine ausführliche englische Beschreibung!

Der Trick, welcher dahintersteckt, ist eigentlich ganz einfach:

Die Links erhalten eine Hintergrund-Grafik: a und a:visited werden formatiert mit [background: url(images/dot.gif)]; a:hover und a:active erhalten die Formatierung [background: url(images/dotwalk.gif)].

Kompletter CSS-Code:

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: url(images/stripe.png) repeat;
}

#page-wrap {
	width: 760px;
	background: white;
	margin: 0 auto;
	padding: 30px 30px 100px 30px;
	background: white url(images/gradient2-bg.gif) bottom repeat-x;
}
h1 { margin-bottom: 0.5em; }
p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 0.7em;
}

a, a:visited {
	background: url(images/dot.gif) repeat-x center bottom;
	text-decoration: none;
	padding-bottom: 2px;
	color: #900;
	}
	a:hover, a:active {
		background: url(images/dotwalk.gif) repeat-x center bottom;
	}

Video Download Helper 3.2: Firefox Add-on

Firefox-Erweiterung: Video DownloadHelper

Videos von Websites herunterzuladen kann auch ohne direkten Link funktionieren: Das Firefox-Addon Video DownloadHelper spürt die Downloads auf und zeigt Ihnen per Symbol an, auf welcher der über 300 Seiten bewegte Bilder verfügbar sind.

(zur Download-Seite)

Von YouTube bis YouPorn

Aktuell ist der Video DownloadHelper kompatibel zu mindestens 300 Websites, welche Videos hosten. Die Liste dürfte aber eher noch größer sein, denn jeder auf .flv oder .avi endende Link ist für das Addon ein gefundes Fressen.

Die großen Video-Portale wie YouTube, Google Video, MySpace, Clipfish oder DailyMotion funktionieren – aber auch Redtube, YouPorn und Dutzende vergleichbarer Inhalte arbeiten mit dem Video DownloadHelper zusammen.

Gehen Sie auf die Seite http://www.vidohe.com/sites.php , wo Sie sich die derzeit zur Verfügung stehenden Videoportale ansehen können.

Nach der Installation und einem Neustart des Firefox platziert der 277 Kilobyte kleine Video DownloadHelper ein Icon in der Befehlsleiste des Browsers. Wann immer von jetzt an auf einer Website herunterladbare Inhalte zu finden sind, bewegt sich das Icon.

Sobald Sie dort klicken, listet das Addon Ihnen alle gefundenen Videos auf und mit einem weiteren Klick können Sie bereits den Download der Datei beginnen. Wenn Sie das Video mit gedrückter Strg-Taste anklicken, wird der zugehörige Link in die Zwischenablage kopiert – so können Sie beispielsweise einen externen Download-Manager füttern.

Ausführliche Beschreibungen zum Firefox Add-on finden Sie unter: www.addons.mozilla.org/de/ www.netzwelt.de www.chip.de www.pcwelt.de

Limitless Innovations: Colortools für Webmaster

http://www.limov.com/colour/

So ziemlich alles, was man je brauchen könnte, findet sich bei Limitless Innovations. Farbwähler, Farbmixer, Sets und Vergleichsseiten mit interaktiver Palette und vielfältigen Einstellungsmöglichkeiten.

Webfarben: verschiedene Farbtöne (Mix)

Zusammenstellung verschiedener Farbtöne:

663300	660000	660033	663333	996666
996666	996633	996600	993300	993333
996666	999933	999900	cc9966	cc6633
cc6600	ffffff	333300	330033	333366
330066	003333	003300	000000	666633
666600	cccc00	cccc99	ff9966	ffcc99
cccccc	cccc99	999999	666666	333333

Webfarben: Farbton rot und pink

Zusammenstellung der roten/pinken Farbtöne:

cc0000	ff0000	cc3333	cc3300	990000
ff0000	ff3300	ff0033	ff3333	ff6600
ff6633	ff0066	ff3366	ff6666	ff0099
ff3399	ff6699	ff9999	ff00cc	ff33cc
ff66cc	ff99cc	ffcccc	ff00ff	ff33ff
cc99cc	cc0066	cc3366	cc0099	cc3399
993366	cc9999	cc6666	ff66ff	ffccff