Lupe für Dateianhänge

    • Lupe für Dateianhänge

      sa-sponsor WBB-Tutorials schrieb:

      Mit diesem CSS Schipsel könnt ihr ein Lupensymbol für Dateianhänge anzeigen lassen.

      CSS-Quellcode

      1. /* Lupe in den Bildern/Attachements hinzufügen */
      2. .messageBody a.embeddedAttachmentLink {
      3. position: relative;
      4. display: inline-block;
      5. .transition(all, .2s);
      6. margin-right: 7px;
      7. margin-bottom: 7px;
      8. }
      9. .messageBody a.embeddedAttachmentLink:after {
      10. content: "\f002";
      11. font-family: FontAwesome;
      12. font-size: 16px;
      13. right: 10px;
      14. bottom: 10px;
      15. position:absolute;
      16. background-color: rgba(0, 0, 0, 0.35);
      17. color: rgba(255, 255, 255, 0.85);
      18. width: 30px;
      19. height: 30px;
      20. border-radius: 3px;
      21. line-height: 30px;
      22. text-align:center;
      23. .transition(all, .2s);
      24. }
      25. .messageBody a.embeddedAttachmentLink:hover:after {
      26. background-color: rgba(0, 0, 0, 0.85);
      27. box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5),0px 0px 15px rgba(0, 0, 0, 0.35);
      28. .transition(all, .2s);
      29. }
      Alles anzeigen
      Quelle: sa-sponsor.net/thread/1144-lupe-f%C3%BCr-dateianh%C3%A4nge/




      Mit freundlichen Grüßen
      best regards
      Marcel Solich


      SERVER-MSH
      Management, Development & Customer Support
      Homepage: SERVER-MSH

      „Wir sind doch ständig in Gefahr zu sterben. Wir sind uns dessen nur nicht bewusst.“
      Eduard Delius † 2013