Mein Style und Fragen zur Anpassung

[McAtze]

Mal ein kleines Beispiel für ein mA schlichtes Design, welches ich auf Basis das Styles "Social" umgebaut habe. Wenn es bei den Mitgliedern gut ankommt werde ich wohl im Januar von vB auf xf wechseln ..

 

[snow2002]

Das Döner-Board? Lustig

 

[Ryan]

@McAtze
das sieht nice aus. Gefällt mir sehr gut, was Du da treibst.

 

[McAtze]

Danke für die Blumen ..

 

[Ryan]

Darf ich Dich fragen, wie du das auf dem ersten Bild so hinbekommen hast, dass diese Sidebar Überschriften diesen Hintergrund haben und der Hintergrund im prinzip die exakte Breite einnimmt, sodass der Inhalt darunter etwas eingerückt ist bzw. aussieht?

Ich versuche es seit Tagen ähnlich aber komme nicht darauf. Ich denke hier muss man auch über die extra.css rangehen, hab schon einiges durch aber so langsam verzweifel ich.

Wenn Du es nicht verraten willst, ist es nicht schlimm. Dann sterbe ich dumm

 

[McAtze]

Ich kann dir gerade nicht ganz folgen. Welches Bild meinst du ??

 

[Ryan]

Siehe mein Anhang. Bei dir sieht es so aus, als ob deine Grafik sich im prinzip breiter über die darunter liegenden Elemente zieht.

Oder hast Du einfach die Elemente drunter etwas mehr eingerückt? (padding-left)

Ich hoffe Du kannst mir jetzt folgen. Es scheitert zur Zeit an meiner Klarheit, korrekte Texte zu verfassen. Der Abend gestern war zu hart .

 

[McAtze]

Ich habe Teile des unteren Bereichs mit padding: 2-3px eingerückt ..

 

[McAtze]

Ich habe das Thema mal getrennt, damit die Umfrage nicht untergeht ..

 

[Ryan]

Ich habe Teile des unteren Bereichs mit padding: 2-3px eingerückt ..

Gibt es da eine einfachere Möglichkeit als die ganzen CSS-Klassen anzupassen?

Im Stileditor finde ich nichts brauchbares und definitiv den secondaryContent kann ich ja nicht einrücken, weil es die Überschriften dann auch mit einrückt.

 

[McAtze]

Gib mir mal den Link dann schau ich mal mit Firebug ..

 

[Ryan]

Du hast Post

 

[McAtze]

Probiere mal in der EXTA.css folgendes ..

.sidebar .secondaryContent .listInline {
    margin: 4px;
}

.sidebar .secondaryContent .footnote {
    margin: 4px;
}

.sidebar .secondaryContent .statsList .pairsJustified {
    margin: 4px;
}

.sidebar .secondaryContent .shareControl {
    margin: 4px;
}

 

[Ryan]

Wunderbar, perfekt. Es rückt zwar nicht die Statistiken und die Mitarbeiter online ein, aber das macht ja auch nichts weiter .

 

[McAtze]

Die Mitarbeiter Online sieht doch so OK aus, ansonsten..

.sidebar .avatarList li {
    margin: 4px !important;
}

Und für die Statistik probiere mal ..

.pairsRows, .pairsColumns, .pairsJustified {
    line-height: 1.2;
    margin: 4px;
}

 

[Ryan]

Danke McAtze,

ich denke das ganze Design sieht schon ganz gut aus. .
Dennoch gilt mein ganzer Dank Dir .

 

[McAtze]

Schau dir mal deine Mitgliederseite an und dann meine Bilder ..

 

[Ryan]

Gut, ich nehme Deine Variante. Es ist aber nicht unter Tabs sondern der Tab-Container .

Das war noch eine Bausstelle, genauso wie die Anzeige der Benutzerdetails bei den Beiträgen. Da muss ich mir noch was überlegen. Da gefällt mir auch Deine Variante sehr gut, muss ich gestehen.

 

[McAtze]

... , genauso wie die Anzeige der Benutzerdetails bei den Beiträgen. Da muss ich mir noch was überlegen. Da gefällt mir auch Deine Variante sehr gut, muss ich gestehen.

Meintest du in etwa so ..

 

[Ryan]

Korrekt . Das sieht einfach gut aus... und bringt ein gewisses Gefühl an Retro mit rüber .