Wie bekomme ich dieses Lupen-Icon in die Attachment-Vorschau?
Lupe Attachements
-
-
Ich würde sagen so:
CSS
Alles anzeigen/* add search icon overlay on embedded attachments/images */ .embeddedAttachmentLink, .embeddedImageLink { display: inline-block; position: relative; &::after { background-color: rgba(0, 0, 0, .8); border-radius: 2px; bottom: @wcfGapSmall; color: white; content: @fa-var-search; display: block; font-family: FontAwesome; font-size: 21px; opacity: .5; padding: 2px 8px; position: absolute; right: @wcfGapSmall; text-decoration: none; .boxShadow(0, 0, rgba(0, 0, 0, .15), 0, 3px); .transition(opacity, .1s); } &:hover { &::after { opacity: .8; } } }
https://github.com/WoltLab/WCF…b930457389c7ed8ba9660e11f
Falls das nicht funktioniert:
CSS
Alles anzeigen.messageBody a.embeddedAttachmentLink { position: relative; display: inline-block; .transition(all, .2s); margin-right: 7px; margin-bottom: 7px; } .messageBody a.embeddedAttachmentLink:after { 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 { 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); }
So habe ich das hier im Forum:
-
Vielen Dank!
Die 2te Lösung hat auch bei mir funktioniert. -
Mh ..
Ich glaub ich bin zu doof einen CSS zu kopieren ..
Hab den zweiten Code genommen ...wie gehabt in den Stil eingefügt..
Aber:
Ich muss dazu sagen: ich hab den Xattach von Teralios drin, könnte das was zu sagen haben?
Link: http://cybertechteam.net/index…rry/?postID=2063#post2063
Stilname: EyePoison -
Xattach verwendet die CSS-Klassen xAttachBBCode & xAttachInline
-
Danke dir
Aber sorry, dass ich mich jetzt blöd anstell - bin heut net ganz auf der Reihe..
wo genau muss ich die nun noch mit einfügen? -
einfach im Style bei css am schluss mit einfügene .. Bibi... bei mir war es auch der unterste Code
-
Du musst embeddedAttachmentLink aus Toms Code mit xAttachBBCode ersetzen. Zumindest würde ich es damit mal Testen. Ich weiß leider nicht genau wie sich Xattach wann verhält.
-
Ich weiß schon prinzipiell, was ich tue, grafiksüchtig, hab ich doch alles gemacht es geht um die zusätzlichen Klassen, für den xattach-bbcode ..
in welchem Part des CSS ich das einbinden muss.. der zweite teil des Codes von Tom hat ja auch 3 Teile
und das peil ich grad nicht wirklich.. .zu müde heutEdit: @[FFW] Patric danke dir, test ich sofort mal
Edit2: nö, dann hab ich gar keine Lupe mehr ..
-
sorry Bibi--- wollte nur helfen..