Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Oder so

.messageAvatar img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 120px;
    margin: auto;
    position: relative;
    width: 120px;
    background: transparent no-repeat scroll center center / cover;
    border-radius: 50%;
    box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);
    border: 3px solid #f8f9fa;
    vertical-align: middle;
}
.messageAvatar {
    background: transparent !important;
    padding: 5px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
    border: none !important;
    -moz-box-shadow: none  !important;
    -webkit-box-shadow: none  !important;
   
}
 

Die height und with 120 px müssen auf die gewünschte Größe angepasst werden

Danke Ihr Zwei, ich probiere das dann auch mal aus, blöd ist nur, ich hab lieber grössere Avas 200 x 200, da ich sonst den Leuten immer alles anpassen muss.

@Ingmar, guck mal die Linien passen immer noch nicht, wenn man einen längeren Code schreibt, siehe Lobbos Beitrag. Aufgefallen ist mir grade noch, als ich jemandem ne Mail schrieb. Da wird bei weiterer Empfänger so ein komisches Bildchen angezeigt. Wie wenn die Leute Zitate machen, wo entweder Handysmilies so angezeigt werden und bei denen in der Iconbar wird der ] abgeschnitten.

Also bei mir funktioniert, weder das eine noch das andere Script!
So hab es hinbekommen @ Ingmar, indem ich den Schnippsel ganz oben ins CSS gestellt habe.

Zitat von Ingmar im Beitrag #5

---

.messageAvatar img {
border-radius: 50%;
height: 120px;
width: 120px;
}

---

Zitat von Ingmar im Beitrag #12

---

Im Gaia haben die Avatare leider keine eindeutige Klasse.

Einen Code der auf alle Avatare greift wird es daher nicht geben.

Man kann aber trotzdem versuchen die einzelnen Avatare irgendwie per CSS anzusprechen.

Folgender Code würde z.B. die Avatare im Beitrag anpassen:

1
2
3
4
5
 

.messagecont div div center a img{
border-radius: 50%;
height: 120px;
width: 120px;
}
 

---