Sura 1 Artworks

Acrylmalerei, Mischtechniken, Webdesign

Archive for August 2008

CSS-Tricks: Walking Links – Spazierende Links

Posted by sura1 - 31. August 2008

Bookmark and Share

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;
	}

Posted in CSS-Tricks | Verschlagwortet mit: , , , , , | Leave a Comment »

Video Download Helper 3.2: Firefox Add-on

Posted by sura1 - 29. August 2008


Bookmark and Share

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

Posted in Firefox Add-on | Verschlagwortet mit: , , , , , , , , , , | 1 Comment »

Limitless Innovations: Colortools für Webmaster

Posted by sura1 - 28. August 2008


Bookmark and Share

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.

Posted in Farben | Verschlagwortet mit: , , , , , | Leave a Comment »

Webfarben: verschiedene Farbtöne (Mix)

Posted by sura1 - 27. August 2008


Bookmark and Share

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

Posted in Farben | Verschlagwortet mit: , , | Leave a Comment »

Webfarben: Farbton rot und pink

Posted by sura1 - 27. August 2008


Bookmark and Share

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

Posted in Farben | Verschlagwortet mit: , , , , | Leave a Comment »