Fragen und Antworten » Profilbild CSS Codes

27.04.2014 08:51 (zuletzt bearbeitet: 27.04.2014 09:12)

LittleBigForum
#1 Profilbild CSS Codes

Hallo ich habe eine Frage zum Profilbild.
Man sieht ja eine weiße Box um das Bild herum, genau wie bei den kleinen Infos darunter.
Sowas seht ihr zum Beispiel genau hier <- an meinem Bild, die weiße Box um den Stern herum.
Gibt es eine Möglichkeit oder Einstellung das diese die Box transparent wird?
Ich habe leider nicht so viel Ahnung von HTML oder CSS, kann mir jemand dann vielleicht einen Code für CSS oder so erstellen?

EDIT: DAS HAT SICH ERLEDIGT! ABER:

1. Ich habe noch etwas was ich nicht gefunden habe.
Gibt es auch einen CSS Code wo man das Profilbild leicht schräg drehen kann? Also so zum Einstellen vom Grad der Drehung?
Und dass das Bild einen leichten Schatten hat so wie die Box den hat bzw bei mir jetzt hatte?

2. Ich finde nirgendwo die Einstellungen für die Farbe des Benutzerprofils neben einem Beitrag. Also diese leicht graue Box von meinem Profil neben z.B. diesem Post hier. Wird die immer mit der normalen Farbe eingestellt und leicht abgesetzt? Gibt es auch dafür einen CSS Code?

3. Der Strich zwischen dem Post und der Signatur ist sehr dünn, geht das auch dicker? CSS? :)

4. Und vielleicht noch etwas: Kann man (auch mithilfe eines Codes) den Benutzertitel über das Bild packen?

Danke schonmal

LittleBigForum.net - Weltweites Forum über LittleBigPlanet

Hauptanliegen: Freundesliste

Antworten

Beitrag melden

#2

27.04.2014 11:34

Olaf
#2 RE: Profilbild CSS Codes

Ol

Olaf

1:

1
2
3
4
5
6
 
.messageAvatar img {
     box-shadow: 0 0 0 transparent !important;
     background-color: transparent;
     border: 0px none;
     transform: skew(10deg, 10deg);
}
 

Ist CSS3,kann sein,das es nicht alle Browser unterstützen.Habe ich nicht getestet.

2:

1
2
3
 
.sidebarcontent{
background-color:#ffff00;
}
 

3:

1
2
3
 
.msignature {
    border-top: 5px solid #F2F2F2 !important;
}
 

4:
Nur mit Eingriff ins Template oder als Plugin zu realisieren.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#3

27.04.2014 16:12 (zuletzt bearbeitet: 27.04.2014 16:17)

LittleBigForum
#3 RE: Profilbild CSS Codes

LittleBigForum

Danke schön für die Hilfe.

Aber bei 1. steht das Bild nicht schräg, egal welchen Wert ich bei transform eingebe. Und kannst du mir einen Code für Schatten für die Avatare machen? So einen normalen Schlagschatten wie überall bei xobor.

Kannst du mir da nochmal helfen? :)

LittleBigForum.net - Weltweites Forum über LittleBigPlanet

Hauptanliegen: Freundesliste

Antworten

Beitrag melden

#4

27.04.2014 17:30 (zuletzt bearbeitet: 27.04.2014 17:31)

Olaf
#4 RE: Profilbild CSS Codes

Ol

Olaf

Ich habe mal von allen Browsern die Transform-Anweisung für eine Schrägstellung mit eingebunden .Bei mir im FF reicht die "W3C" Anweisung aus,um eine Schrägstellung der Avatare zu bewirken.
Den Schattenschlag (box-shadow) kannst Du ja nach Deinen Bedürfnissen selber anpassen.

1
2
3
4
5
6
7
8
9
10
 
.messageAvatar img {
     background-color: transparent;
     border: 0px none;
     box-shadow: 5px 5px 10px #5C5C5C;
     transform: skew(10deg, 10deg); /* W3C */
     -moz-transform:skew(10deg,10deg); /* FF 3.6 + 4 */
     -webkit-transform:skew(10deg,10deg); /* Safari */
     -o-transform:skew(10deg,10deg); /* Opera */
     -ms-transform:skew(10deg,10deg); /* IE9 */
}
 

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#5

27.04.2014 19:36

LittleBigForum
#5 RE: Profilbild CSS Codes

LittleBigForum

Und wieder danke :)

Hab noch was gefunden wofür ich einen Code brauche.

Ich hätte gerne die Bewertungsbuttons ohne Hintergrundfarbe aber wenn ich #transp oder none eingebe dann wird auch das dahinter transparent bzw man sieht den Hintergrund vom Forum bei den Buttons. Kann mir da auch jemand helfen? Und die Schriftfarbe davon möchte ich auch ändern.

LittleBigForum.net - Weltweites Forum über LittleBigPlanet

Hauptanliegen: Freundesliste

Antworten

Beitrag melden