Lupe Attachements

.messageBody a.embeddedAttachmentLink .xAttachBBCode {
    position: relative;
    display: inline-block;
    .transition(all, .2s);
    margin-right: 7px;
    margin-bottom: 7px;
}


.messageBody a.embeddedAttachmentLink:after .xAttachBBCode {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    right: 10px;
    bottom: 10px;
    position:absolute;
    background-color: rgba(0, 0, 0, 0.35);
    color: rgba(255, 255, 255, 0.85);
    width: 30px;
    height: 30px;
    border-radius: 3px;
    line-height: 30px;
    text-align:center;
    .transition(all, .2s);
}


.messageBody a.embeddedAttachmentLink:hover:after .xAttachBBCode {
    background-color: rgba(0, 0, 0, 0.85);
    box-shadow: 
        0px 0px 0px 2px rgba(255, 255, 255, 0.5), 
        0px 0px 15px rgba(0, 0, 0, 0.35);
    .transition(all, .2s);
}

Test es mal damit

ooooh ich bin ja was ein Vollpfosten

sorry, sorry.. ich nehm alles zurück.. war mein Fehler.. der zweite Code funzt doch ..

ich hatte mein CSS fein sortiert
und schrieb schön /*Lupe bei Attachements */

und machte aber beim hinteren "Auskommentierdings" .. zweimal //
somit nahm der irgendwas nicht mit rein .. .

oh mannomann, wie peinlich

^der von dir funzte jetzt übrigens nicht, patric ..

Gut Alles andere hätte mich verwirrt :wacko:

Hatte aber verlinkt, hat sonst auch keiner gemerkt
Ich geh mich jetzt verbuddeln und schäm mich ne runde [Blockierte Grafik: http://www.smilie-gewusel.de/wcf/images/smilies/nichda.gif]

Deine Verlinkung habe ich gesehen und genutzt. Mehr als schauen, kann ich aber von meinem aktuellen Arbeitsplatz nicht

@Tom

Kann man das auch auf eingefügte Bilder ausweiten? Also nicht die Attachment Bilder die eingebunden wurden in einen Beitrag, sondern Bilder die via IMG BBCode eingebunden wurden?

Zitat von Baldur

sondern Bilder die via IMG BBCode eingebunden wurden?

Das wird mit diesem Code auch gemacht nicht nur mit den Bildern im Dateianhang.

Zitat von sofixleon

Das wird mit diesem Code auch gemacht nicht nur mit den Bildern im Dateianhang.

Funktioniert aber zumindest bei mir nicht.

Bilder via [img]Bild URL[/img] haben keine Lupe.

Siehe hier:

[Blockierte Grafik: http://www.movie-infos.net/media/userImages/a3/1650-a3f62b61.jpg]

Danke für den Code.

Kann es sein dass anstatt .embeddedImageLink hier .alt ausgewählt werden muss? Im html Code selbst gibt es ja <class=".embeddedImageLink"> ja gar nicht.