Flash Datei mit transparentem Hintergrund einbinden
Hier mal eine kurze Beschreibung um einen Flash Film in einen HTML Container zu setzen, wobei der Hintergrund des Flash Films transparent sein soll.
Dazu muß man im Flash Film unter ‘Einstellungen für Veröffentlichungen’ / ‘HTML’ beim ‘Fenstermodus’ ‘undurchsichtig ohne Fenster’ wählen. Beim einbetten in HTML fügt man <param name=”wmode” value=”transparent” /> und im embed Tag das Attribut wmode=”transparent” hinzu.
Beispiel
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="src" value="images/home.swf" />
<embed type="application/x-shockwave-flash" width="560" height="225" src="images/home.swf" wmode="transparent" quality="high"></embed>
</object>
Notizzettel mit Tesa / Effekt ganz ohne Grafik umsetzen
Nur mit CSS läßt sich ein “Tesa Effekt” gekonnt ganz ohne Grafiken umsetzen. Wie das findet man auf Konigi.Com -> Zur Anleitung von Sticky Notes
Magic Toolbox – Image Tools
Schöne Bildeffekte die sich auf Ihrer Website oder in Ihrem Shop gut machen – MagicTools. Dort findet man diverse Scripte zur Darstellung von Fotos auf der Website, z.B. Magic Zoom: beim Mouse Over auf das Thumbnail wird in das Originalbild gezoomt.
jQuery Dropdown Menüs mit Superfish / Droppy
Superfish
Ein super Dropdown Menüskript ist das Superfish jQuery Plugin von Joel Birch. Das schöne daran ist daß es auch bei deaktiviertem JavaScript funktioniert, also komplett auf CSS basiert.
Zum dynamischen Dropdown Menü Superfish von Joel Birch gibt es von webdemar ein schönes Tutorial.
Möchte man daß nach Auswahl eines Subemnüpunktes das Submenü offen bleibt, hilft diese Anleitung weiter.
Droppy
Ein weiteres Dropdownmenü mit Anleitung ist Droppy, zu finden bei: http://onehackoranother.com/projects/jquery/droppy/ Das gesamte Paket laßt sich bei http://plugins.jquery.com/project/droppy downloaden.
CSS Quick Tip: Boxen mit doppelten Rahmen
Boxen mit doppeltem Rahmen ganz ohne Markup nur mit CSS. Wie das geht zeigt net:tuts+ Dort gibts auch eine Demo und die Source Files zum Download.
Nützliche .htaccess Snippets
Einnen schönen Artikel zum Thema .htaccess findet man im Blog von Matthias Schütz.
jQuery-Bildergalerie Möglichkeiten
Neben den Slide Animationen gibt es noch weitere Möglichkeiten mit jQuery Bilder darzustellen. Dies beschreibt Matthias Schütz in seinem Artikel “Spacegallery: jQuery-Bildergalerie mit Perspektive”
Eine schöne Beschreibung für einen Image Slider findet man bei CSSGlobe.Com, den EasySlider für Bild oder Text.
Weitere Gallery Scripts:
- Galleriffic
- jQueryPopeye
- 25 jQuery Scripts (Sammlung im Vandelay Design Blog)
- Scrollable
- Aviaslider (schöne Bildübergänge)
- Ajaxschmiede.de
- Galleria
- s3Slider
- EasySlider (für Text & Bild)
- Coda Slider (Text & Bild)
20 CSS Tricks die man kennen sollte
20 Nützliche CSS Tricks die man kennen sollte bzw. vielleicht auch schon kennt:
CSS Tricks auf viralpatel.com
Scrollbar in Firefox immer einblenden
Firefox zeigt die Scrollbar am rechten Rand nur bei Bedarf an, dadurch kann das Layout »springen«.
Man kann den Firefox mit folgender CSS-Regel zwingen, die Scrollbar immer einzublenden:
html { /* erzwine Scrollbar im Firefox */
height: 101%;
}
Oder so:
html {
height: 100%;
margin-bottom: 1px;
}
besser ist noch folgender CSS3 Style:
html { overflow-y: scroll; }
Etwas ausführlicher bei Blogix…
Textrotation per CSS
Möchte man Texte vertical rotieren kann man das auch per CSS tun. Eine schöne Beschreibung dazu liefert Jonathan Snook in seinem Blog.