Überschlag-Effekt - Website X5 Hilfe - Die Helpsite

Website hundertprozent CO2 neutral mit Host Europe

Direkt zum Seiteninhalt

Hauptmenü

Startseite
Übersicht/Suchen
Virtual Website X5
WSX5 Tools
Scripte
- Bildobjekte
- Bildergallerien
- Menü Navigation
- Button Navigation
- Listen Navigation
- Form-Mailer
- Multimedia
- Text- & Tabellenobjekte
  - CMS Editor
  - Texte mit Schatten
- Tools
- Attachment
- Protection
- Snipped
Tutorials
- Website X5
- Fremdscripte
  - Gästebuch Hinnendahl
- Settings
  - JavaScript aktivieren
Übersichten
- HTML & Co.
- Microsoft DOS
- Microsoft Shortcuts
- Microsoft Zeichensätze
Download
Template
Online-Tools
Imagehost
Links
Testebene
- Forum-Test
- Member-Test
Gästebuch
Kontakt
Impressum

Überschlag-Effekt

Scripte > Bildobjekte

Ein simples RollOver mit Überschlageffekt per CSS.

Bilder auf den Server in das Verzeichnis "images" kopieren.
Example:
demo_img5-sm.jpg
demo_img6-sm.jpg

Demo:

Code für den CSS-Bereich:

a.demoimg img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
margin:0px;
}
a.demoimg:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
margin:0px;
}

Code für das HTML-Objekt:

<a class="demoimg" href="#x">
<img src="images/demo_img5-sm.jpg"alt="Test Image"/></a>
<a class="demoimg" href="index.php">
<img src="images/demo_img6-sm.jpg"alt="Test Image"/></a>

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)

Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *