1. Dashboard
    1. Members
      1. Recent Activities
      2. Users Online
      3. Team
      4. Search Members
  2. Articles
  3. Pictureupload
  • Login
  • Register
  • Search
CSS
  • Everywhere
  • CSS
  • Articles
  • Pages
  • Forum
  • More Options
  1. WBB Support 6.1 Testseite
  2. Articles
  3. CSS

Avatar zoomen

  • mipu
  • January 22, 2018 at 7:50 PM
  • 3,583 Views
  • 0 Comments

Hier zeige ich mal wie ihr es bewerkstelligt, die Avatare in der Message Sidebar,
zoomen zu lassen.

Als erstes müsst ihr euer ACP auf rufen,
jetzt auf Darstellung - Stile - Stile auflisten
Stile auswählen - Erweiterte Einstellungen
dort gebt ihr diesen css Code ein,

CSS
.message .messageSidebar .userAvatar > a > img {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
    z-index: 501;
}
.message .messageSidebar .userAvatar > a > img:hover
{
-webkit-transform:scale(2.1);
-moz-transform:scale(2.1);
-o-transform:scale(2.1);
z-index: 102;    
}   
.userAvatar{
z-index: 999;
}
Display More

abspeichern und anschauen.

  • Next Article Avatar drehen

Categories

  1. Fehlermeldung 0
  2. Download von Plugins 1
  3. Bewerbung 0
  4. FAQ 0
  5. Default Category 3
  6. CSS 3
  7. Templates 8
  8. Allgemein 1
  9. Default Category 0
  10. Reset Filter
  1. Privacy Policy
  2. Contact
  3. Legal Notice

Guest

     Login

Unserer Forum

WBB Support bietet euch für kleines Geld einen Zugang zu allen Plugins für die WoltLab Suite™ 5.4/5.5/6.0

Wir benötigen in diesem Zusammenhang eine Verifizierung von euch.

  • Klicken um sich zu bewerben

Es wird eure Webseite nach einem gültigen Impressum überprüft.

Ihr findet hier Support in einer angenehmen Atmosphäre für die WoltLab Produkte. Die Richtung hier ist "User helfen User".

recommendations

  1. Link Name
  2. Link Name
  3. Link Name
  4. Link Name
  5. Link Name
  6. Link Name
  7. Link Name
  8. Link Name

Social/Media

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
John Doe 80

Textüberschrift Box 5

Zeilen CSS-Code geschrieben

Liter starken Kaffee getrunken

Tage & Nächte programmiert

positive Bewertungen von Kunden

Powered by WoltLab Suite™ 6.1.8