Bilder im Header, LinkContainer und Hovereffekt

    Moin,

    benötige mal wieder Hilfe.

    Hab ja, wie man auf meiner Page sehen kann, in meinem Header 5 verschiedene "Polaroid-Fotos", die auf andere Teile (Sparten) meiner Seite verweisen. Nun zu meinen zwei Fragen:

    Ich habe die "LinkContainer" (wie kann man das sonst nennen) ja als rechtecke mit vertikalen und horizontalen Seiten definiert. Dies wurde mit

    Code
    top:100px;
	left:57px;
	min-width:80px;


    realisiert. Kurz zu sehen sind diese "Rahmen", wenn man auf den Link klickt. Frage: Gibt es eine Möglichkeit, dieses Rechteck zu drehen, also quasi auf eine Ecke zu stellen? Damit es zu den Polaroidausschnitten passt.

    Darüber hinaus hätte ich für diese "Polaroidausschnitte", die das Foto zeigen, die Möglichkeit, ihnen per a:hover einen anderen Background (farbige Version des Bildes) zuzuweisen. Damit, wenn man mit dem Mauszeiger über die verlinkte Fläche fährt, das Foto eben farbig wird.

    Könnte mir der ein oder andere ein paar Tipps zu meinen zwei Fragen geben?

    Ich wäre zu ewigem Dank verpflichtet! ;-)
    Liebe Grüße,
    Enrico

    Einmal editiert, zuletzt von eloe (3. Februar 2006 um 20:04)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Hi, nimm für die Links halt transparente GIFs mit den gleichen Dimensionen wie die Polaroids. Dann hinterlegst Du für MouseOver die farbigen Varianten der Bilder. Die Positionierung könnte durchaus knifflig werden, müsste aber machbar sein...

    Hm,
    transparente Gifs? Muss ich wohl mal googeln.

    Aber um die auf den MouseOver-Bereich zu legen, müsste ich doch erst den Linkbereich kippen. D.h. das Rechteck, das als Linkfläche fungiert, um 8° nach links kippen. Wie stell ich das an?

    Hallo,
    wie sieht der code aus, um ein Bild im BLog einzusetzten. Ich habe in der header ein neues div gemacht. jenes auch in der style rein gesetzt. Wie muss ich das nun weiter in der style.css lauten? habe dort nur:

    Code
    #headerpic {
        
}

    die Datei die ich brauche liegt im ordner images (im selben theme) und die Datei heißt grafik.jpg

    Danke

    Muckel

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden