Länderflaggen Icons

247 Flaggen Icons im PNG und GIF Format stellt Mark James auf  auf seiner Seite famfamfam.com zum Download zur Verfügung. Diese sind auch gewerblich nutzbar.

Accordion mit mehreren geöffneten Bereichen

Ein Accordion erlaubt normalerweise nur einen geöffneten Bereich. Möchte man mehrere Bereiche gleichzeitig geöffnet halten, so kann man das mit den folgenden jQuery-Code erreichen:

jQuery(document).ready(function(){
  $('.accordion .head').click(function() {
  $(this).next().toggle();
  return false;
  }).next().hide();
});

Oder animiert:

jQuery(document).ready(function(){
  $('.accordion .head').click(function() {
  $(this).next().toggle('slow');
  return false;
  }).next().hide();
});

» Link zum Original Artikel bei jQuery

Referenz mit Beispielen zu Textile-Editor

Eine wunderschöne Anleitung mit Beispielen zu Textile (dem Editor der z.B. in Redaxo integriert ist), findet man bei www.hobix.com Das ganze ist in Englisch verfaßt, doch soweit sollten die Kenntnisse reichen.

Ausprobieren kann man das Ganze auch bei www.textism.com.

Flash Detection

Wer auf der Suche nach einem guten Flash Detection Script ist wird hier fündig. Diese Möglichkeit funktionert auch im Safari, denn das Flash Player Detection Kit von Adobe funktioniert im Safari Browser nicht.

Google Maps in die eigene Website integrieren

Möchte man die hübschen interaktiven Google Maps Karten in die eigene Website integrieren geht das ziemlich einfach. Vorausgesetzt man betreibt eine private Website. Für eine kommerzielle Website nutzt man die API von Google Maps. Die Einbindung ist dann ein wenig aufwendiger.

Private Website

Man ruft Google Maps auf und gibt die gewünschte Adresse in das Feld ein. Danach klickt man auf ‘Link’ (siehe Abbildung) und kopiert den generierten Code in die eigene Website.

Eine weitere einfache Methode für private Websites bietet Jan Dreier auf www.map-generator.net

Kommerzielle Website

CSS Praxis für float Container

Jedem der CSS einsetzt ist es schon passiert. Wenn man z.B. zwei Container mit float ausrichtet, passiert es dass der nachfolgende Container in den vorherigen fließt. Abhilfe kann man mit einem nach dem ersten Container eingefügten “clear:both” erreichen. Es geht aber auch anders.

Dies beschreibt auf gut verständliche Weise der Artikel von Peter Müller auf akademie.de

» Direkt zum Beitrag ‘Gefloatete Elemente umschließen mit overflow:hidden’ auf akademie.de

HTML Tabellen gestalten

Einen guten Beitrag wie man HTML Tabellen per CSS übersichtlich gestaltet und formatiert findet man bei akademie.de: HTML Tabellen gestalten per CSS

Flash Content und z-index

Heute stand ich vor dem Problem, dass ich eine Hauptnavigation im Header positioniert hatte, die Submenüpunkte sollten beim MouseOver ausgeklappt werden. Das funktionierte auch ganz gut, bis ich unter der Hauptnavigation in den vorhandenen Container ein FlashBanner eingefügt habe. Prompt war das Aufklappmenü nicht mehr zu sehen. Das Flashbanner war auch mit z-index:1 (Hauptnavigation mit z-index:10) nicht in den Hintergrund zu bewegen. Das Problem hatte ich nur im IE (5-7) Nach ein wenig googeln fand ich in diesen Artikel die Lösung.

1. <object
   type=”application/x-shockwave-flash” data=”/flash/navbar.swf”
   width=”750″ height=”90″>
2. <param name=”movie” value=”/flash/navbar.swf” />
3. <param name=”wmode” value=”transparent”>
4. </object>

Farbkontraste nach BITV

Bei der Lesbarkeit von Texten spielen die gewählten Farben und damit auch der Kontrast ein große Rolle. Um zu testen ob die gewünschten Farben BITV-Konform sind ist das Tool von Fritz Weisshart ideal.
» Zum Kontrast/Farbentester

script.aculo.us Effekte in WordPress integrieren

Wie script.aculo.us Effekte in WordPress Themes integrieren?

Dazu findert man auf www.bueltge.de ein schönes Tutorial. Es wird dort auf die beiden Effekte SlideDown und Scroll eingeangen.

« Zurückblättern - Weiterblättern »