se_square_left Breite ändern?

[leopittoni]

Doch, leider schon.

Code: Alles auswählen

.online {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

bezweckt, dass das online-Täfelchen ganz nach rechts verschoben wird: unterhalb des "zitieren"-buttons.

Was kann ich noch probieren..?

Danke!!
Léo

[Crizzo]

Da du jetzt die Grafik shcon gespiegelt auf dem Server hast, willst du sie jetzt links in Eck haben oder doch rechts vom Profil?

Wenn sie links oben in die Ecke soll, muss das .online so aussehen:

Code: Alles auswählen

.online {
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}

und dann braucht das Profil mehr "padding" und eine andere Breite, z.B. so:

Code: Alles auswählen

.postprofile {
    border-right: 1px solid #BCD4E3;
    color: #666666;
    display: inline;
    float: left;
    margin: 5px 0 10px;
    min-height: 80px;
    padding: 25px 10px 0 25px;
    width: 20%;
}

und entsprechend .postbody schmaler machen. Damit halt das online-Bild nicht auf dem Nick hängt. Musst du mal ein wenig mit spielen.

[leopittoni]

Hi!

Habe es gleich mal ausprobiert. Zwei Probleme:

1) Verkleinert man das Fenster, rutscht der ganze Profilblock nach unten.
2) Es sieht relativ bescheuert aus, links vom Profilblock

Können wir nochmals die erste Version versuchen? Also das Online Signet rechts vom Profil, an die Linie angrenzend. Das Problem war wie gesagt, dass bei

Code: Alles auswählen

.online {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

Das Signet ganz rechts ist. Schau mal: http://www.magboard.com/phpBB3/viewtopi ... =1&t=11218

Hmm.... Gruss und vielen, vielen Dank!!
Léo

[Crizzo]

Wo wird denn in deiner viewtopic_body.html die Klasse "online" eingebunden?

Sie sollte bei <dl id="profile105178" class="postprofile"> hinter postprofile eingebunden werden (Leerzeichen beachten!)

Wenn du es nicht findest, lad die Datei mal in die PasteBin.

[leopittoni]

Komme nicht ganz zurecht.. Habe es mal reinkopiert in die pastebin: https://www.phpbb.de/support/pastebin.p ... tml4strict

Danke und Gruss,
Léo

[Crizzo]

Okay, dann in der Datei:

FINDEN und löschen:

Code: Alles auswählen

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->

FINDEN:

Code: Alles auswählen

class="postprofile"

ERSETZEN MIT:

Code: Alles auswählen

class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->"

Template aktualisieren!

Probiers dann nochmal.

[leopittoni]

Super! das klappt schon mal bestens!

Ist es möglich, das online signet ganz an den oberen Rand zu schieben? Also nicht bündig am Benutzernamen?
[ externes Bild ]

Und: Wenn das Browserfenster kleiner gemacht wird, wird der Profileblock recht schmal und der Inhalt zusammengequetscht... Kann man da eine Minimalbreite geben? (oder sogar eine konstante Breite?)
[ externes Bild ]

Vieelen Dank und Gruss,
Léo

[Crizzo]

Ist es möglich, das online signet ganz an den oberen Rand zu schieben? Also nicht bündig am Benutzernamen?

Ja, dazu musst du dem .postprofile das margin-top nehmen und dafür mehr padding-top verpassen. Denn padding-top betrifft nur den Inhalt, nicht das Element an sich und an letzteren Maßen orientiert sich das Hintergrundbild.

Und: Wenn das Browserfenster kleiner gemacht wird, wird der Profileblock recht schmal und der Inhalt zusammengequetscht... Kann man da eine Minimalbreite geben? (oder sogar eine konstante Breite?)

Da kannst du .postprofile noch ein min-width: 150px geben. Aber nicht zu groß, sonst rutscht dein Profil bei schmalen Fensterbreiten nach unten.

[leopittoni]

Hallo!

Danke für Deine Erklärungen.

Das online-Signet ist so etwas nach oben gerutscht, allerdings gibt es immer noch einen Abstand zur oberen Kante... Voher kommt der?

Und zur Breite: Gut wäre eine Minimalbreite von 200px. Dann bewegt sich aber wie von Dir erwähnt der ganze Profilblock nach unten, wenn die Seite zu klein ist. Wie lässt sich das umgehen?

Danke und Gruss,
Léo

Code: Alles auswählen

.postprofile {
	/* Also see tweaks.css */
	margin: 0 0 10px 0;
	padding-top: 5px;
	min-height: 80px;
	color: #666666;
	width: 16%;
	float: left;
	display: inline;
	border-right: 1px solid #bcd4e3;
}

[Talk19zehn]

Hi, ich stecke zwar in euerem Ablauf nicht ganz drinnen, - eine Frage lautete:

Doch, leider schon.

Code: Alles auswählen

.online {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

bezweckt, dass das online-Täfelchen ganz nach rechts verschoben wird: unterhalb des "zitieren"-buttons.

Was kann ich noch probieren..?

Danke!!
Léo

Ändere in der colour.css die .online - Notation deines Styles ---> /phpBB3/styles/se_square_left/theme
in

Code: Alles auswählen

.online {
	background-image: url("{IMG_ICON_USER_ONLINE_SRC}"); 
	padding-right: 60px;
}

Ich gehe davon aus, dass du das Verzeichnis "de" im imageset deines Styles liegen hast.
Mehr war eigentlich in meinem Falle gar nicht nötig. Zwar liegt das Online-Täfelchen dann nicht im Miniprofil, wird jedoch in der Topicansicht und der Profilansicht und im PN-Bereich korrekt ausgegeben.
Auch in kleineren Auflösungen ( Breite 800px ).

Grüße


Edit:
Meine Änderung für die Gesamtbreite lautete seinerzeit, wie folgt:
common.css des Styles selbst:

Code: Alles auswählen

#wrap {
	padding: 20px 20px;
	width: 92%;
	margin: 0 auto;
}

: