Runder Rahmen - wie bewerkstelligen?

[Jenny]

Hallo!

Sprich wie kann ich die Auswahl verkleinern und sozusagen nur einen dünnen Rahmen erstellen mit dieser Form?

Indem du die Ebene duplizierst, mit einer anderen Farbe (weiß) füllst und kleiner skalierst.

Aber ich frage mich schon die ganze Zeit:
Wozu willst du den Rahmen überhaupt in Photoshop bauen, wenn es doch in CSS viel einfacher geht?
Bzw. andersherum: Warum nutzt du den border-radius in CSS, wenn du in Photoshop schon runde Ecken gebaut hast?
Das klingt für mich irgendwie doppelt gemoppelt...

[LordLord]

Zitat von Jenny

Bzw. andersherum: Warum nutzt du den border-radius in CSS, wenn du in Photoshop schon runde Ecken gebaut hast?
Das klingt für mich irgendwie doppelt gemoppelt...

Da ich ein Hoovereffekt über die PNG steuere, da kann ich den Borderradius leider nicht hierfür verwenden. Ebenso für meine Bildergalerie, welche per jQuery gesteuert wird.

Nun hab ich aber nochmal eine Frage für den Rahmen bzw. um eine Aktion zu erstellen.

1. Meine Bilder erhalten die gleiche Form:
[/URL]

2. Nun habe ich eine Aktion erstellt, mit folgenden Befehlen:
- Füllebene erstellen
- Aktuellen Pfad erweitern (3x hintereinander)
- Bildebene umbenennen und nach oben verschieben
- Schnittmaske erstellen

Nun erhalte ich aber bei dieser Aktion die Fehlermeldung: "Die Form 1-Stil ist zurzeit nicht verfügbar"

Wie kann ich nun die Aktion erstellen, damit meine Bilder automatisch so dann gespeichert werden? Ich denke ein Problem ist hier noch die Bildgröße, die würde ich gerne auf max. 800 px einstellen, aber so das die Proportionen beibehalten werden, doch wie kann das über den Bildprozessor gesteuert werden? Des weiteren sollen die Originale nicht überschrieben werden, sondern eine Kopie gespeichert werden, auch hier scheitert es leider.

Kann mir jemand helfen, die Aktion richtig zu erstellen?

Vielen lieben Dank

[Jenny]

Hallo!

Da ich ein Hoovereffekt über die PNG steuere, da kann ich den Borderradius leider nicht hierfür verwenden

Und warum nicht???

Diese CSS funktioniert mit quadratischen Bildern wunderbarst!

    ul li a{
        display: block;
        width: 100px;
        height: 100px;
        background: url(bild1.jpg);
        border-radius: 0 10px;
    }
    ul li a:hover{
        background: url(bild2.jpg);
    }