Aero 1.4.6 (phpBB 3.0.10)

[Sandra95]

Damit sich da nicht jemand anderes drüber einloggt. In das Forum kann man nur mit Einladung

[Crizzo]

Naja gut. Das grenzt die Hilfe dann wohl auf mich ein.

Verschoben ist das deshalb:

• das <h5> hat in der linken Spalte die maximal mögliche Breite (Inhalt: Kontaktdaten Benutzername) und ganz normales text-align: left
• dadrunter die Kontaktdaten sind als Definitions-Liste angelegt. Deren <dt> (Inhalt: Website) hat text-align: right und width: 30%. Wohin gegen das <dd>-Element, was den Website-Link enthält, wieder text-align: left enthält und deshalb quasi dicht zusammen steht.
• das gleiche gilt für die rechte Seite mit Benutzer-Statistik auch

Abhilfe könnte z.B. sein, wenn du dem <dt> das text-align in "left" änderst. Dann wirkt es schon mal einheitlicher:

Code: Alles auswählen

dl.details dt {
    clear: left;
    color: #000000;
    display: block;
    float: left;
    text-align: right;
    width: 30%;
}

Grüße

[Sandra95]

Ok dann suche ich mal die Dateien durch und probiere das, danke für die Hilfe

[Talk19zehn]

Hello ihr Zwei,

vielleicht kann ich helfen? Zunächst bin ich der Auffassung, das in der memberlist_view.html (Original) entscheidende Klassen, wie u.a. column1 und column2 fehlen. Das aber nur am Rande. Allein das Ändern von "text-align" greift auch in die obere Tabelle, so dass sich dann dort eine Verschiebung ergäbe.

Ich habe seinerzeit folgende Klassen zusätzlich angelegt, um die Ausgabe zu realisieren:
common.css

Code: Alles auswählen

.displayleft {
	padding: 1px;
	text-align: left;
	color: #000000;
}

.profilviewleft {
	padding: 1px;
	text-align: left;
	color: #000000;
}

dl.profilviewleft dt {
	float: left;
	clear: left;
	width: 30%;
	font-weight: bold;
	color: #000000;
	display: block;
}

dl.profilviewleft dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #000000;
	float: left;
	width: 65%;
}

Meine memberlist_view.html ggf. als Anhaltspunkt ( vgl. bitte Ergebnis im externen Bild )

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

<form method="post" action="{S_PROFILE_ACTION}" id="viewprofile">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td class="tl"></td>
		<td class="tm"></td>
		<td class="tr"></td>
	</tr>
	<tr>
		<td class="ml"></td>
<td>
			<div class="cat">
			<h3>{PAGE_TITLE}</h3>
			</div>
				<div class="mainbox-content">
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>

	<!-- IF AVATAR_IMG -->
	<td valign="top">
		<dl class="left-box">
			<dt>{AVATAR_IMG}</dt>
			<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
			<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
		</dl>
	</td>
	<!-- ENDIF -->

	<td valign="top">
	<dl class="left-box details" style="width: 80%;">
		<dt>{L_USERNAME}:</dt>
		<dd>
			<!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span>
			<!-- IF U_USER_ADMIN --> [ <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> ]<!-- ENDIF -->
			<!-- IF U_USER_BAN --> [ <a href="{U_USER_BAN}">{L_USER_BAN}</a> ]<!-- ENDIF -->
			<!-- IF U_SWITCH_PERMISSIONS --> [ <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> ]<!-- ENDIF -->
		</dd>
		<!-- IF not AVATAR_IMG -->
			<!-- IF RANK_TITLE --><dt>{L_RANK}:</dt> <dd>{RANK_TITLE}</dd><!-- ENDIF -->
			<!-- IF RANK_IMG --><dt><!-- IF RANK_TITLE -->&nbsp;<!-- ELSE -->{L_RANK}:<!-- ENDIF --></dt> <dd>{RANK_IMG}</dd><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF S_USER_INACTIVE --><dt>{L_USER_IS_INACTIVE}:</dt> <dd>{USER_INACTIVE_REASON}</dd><!-- ENDIF -->
		<!-- IF LOCATION --><dt>{L_LOCATION}:</dt> <dd>{LOCATION}</dd><!-- ENDIF -->
		<!-- IF AGE !== '' --><dt>{L_AGE}:</dt> <dd>{AGE}</dd><!-- ENDIF -->
		<!-- IF OCCUPATION --><dt>{L_OCCUPATION}:</dt> <dd>{OCCUPATION}</dd><!-- ENDIF -->
		<!-- IF INTERESTS --><dt>{L_INTERESTS}:</dt> <dd>{INTERESTS}</dd><!-- ENDIF -->
		<!-- IF S_GROUP_OPTIONS --><dt>{L_USERGROUPS}:</dt> <dd><select name="g">{S_GROUP_OPTIONS}</select> <input type="submit" name="submit" value="{L_GO}" class="button2" /></dd><!-- ENDIF -->
		<!-- BEGIN custom_fields --><dt>{custom_fields.PROFILE_FIELD_NAME}:</dt> <dd>{custom_fields.PROFILE_FIELD_VALUE}</dd><!-- END custom_fields -->
		<!-- IF S_USER_LOGGED_IN and S_ZEBRA -->
			<!-- IF U_REMOVE_FRIEND -->
				<dt>&nbsp;</dt> <dd><a href="{U_REMOVE_FRIEND}"><strong>{L_REMOVE_FRIEND}</strong></a></dd>
			<!-- ELSEIF U_REMOVE_FOE -->
				<dt>&nbsp;</dt> <dd><a href="{U_REMOVE_FOE}"><strong>{L_REMOVE_FOE}</strong></a></dd>
			<!-- ELSE -->
				<!-- IF U_ADD_FRIEND -->
					<dt>&nbsp;</dt> <dd><a href="{U_ADD_FRIEND}"><strong>{L_ADD_FRIEND}</strong></a></dd>
				<!-- ENDIF -->
				<!-- IF U_ADD_FOE -->
					<dt>&nbsp;</dt> <dd><a href="{U_ADD_FOE}"><strong>{L_ADD_FOE}</strong></a></dd>
				<!-- ENDIF -->
			<!-- ENDIF -->
		<!-- ENDIF -->
	</dl>
	</td>
		</tr>
		</table>
		<table class="panel" width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr><td valign="top" class="column1">

		<h5>{L_CONTACT_USER} {USERNAME}</h5>
<hr></hr>
		<dl class="profilviewleft">
		<!-- IF U_EMAIL --><dt>{L_EMAIL_ADDRESS}:</dt> <dd><a href="{U_EMAIL}">{L_SEND_EMAIL_USER} {USERNAME}</a></dd><!-- ENDIF -->
		<!-- IF U_WWW --><dt>{L_WEBSITE}:</dt> <dd><a href="{U_WWW}" title="{L_VISIT_WEBSITE}: {U_WWW}">{U_WWW}</a></dd><!-- ENDIF -->
		<!-- IF U_PM --><dt>{L_PM}:</dt> <dd><a href="{U_PM}">{L_SEND_PRIVATE_MESSAGE}</a></dd><!-- ENDIF -->
		<!-- IF U_MSN or USER_MSN --><dt>{L_MSNM}:</dt> <dd><!-- IF U_MSN --><a href="{U_MSN}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_MSNM_MESSAGE}</a><!-- ELSE -->{USER_MSN}<!-- ENDIF --></dd><!-- ENDIF -->
		<!-- IF U_YIM or USER_YIM --><dt>{L_YIM}:</dt> <dd><!-- IF U_YIM --><a href="{U_YIM}" onclick="popup(this.href, 780, 550); return false;">{L_SEND_YIM_MESSAGE}</a><!-- ELSE -->{USER_YIM}<!-- ENDIF --></dd><!-- ENDIF -->
		<!-- IF U_AIM or USER_AIM --><dt>{L_AIM}:</dt> <dd><!-- IF U_AIM --><a href="{U_AIM}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_AIM_MESSAGE}</a><!-- ELSE -->{USER_AIM}<!-- ENDIF --></dd><!-- ENDIF -->
		<!-- IF U_ICQ or USER_ICQ --><dt>{L_ICQ}:</dt> <dd><!-- IF U_ICQ --><a href="{U_ICQ}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_ICQ_MESSAGE}</a><!-- ELSE -->{USER_ICQ}<!-- ENDIF --></dd><!-- ENDIF -->
		<!-- IF U_JABBER and S_JABBER_ENABLED --><dt>{L_JABBER}:</dt> <dd><a href="{U_JABBER}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_JABBER_MESSAGE}</a></dd><!-- ELSEIF USER_JABBER --><dt>{L_JABBER}:</dt> <dd>{USER_JABBER}</dd><!-- ENDIF -->
		<!-- IF S_PROFILE_FIELD1 -->
			<!-- NOTE: Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
			<dt>{postrow.PROFILE_FIELD1_NAME}:</dt> <dd>{postrow.PROFILE_FIELD1_VALUE}</dd>
		<!-- ENDIF -->
		</dl>

</td><td valign="top" class="column2">

		<h5>{L_USER_FORUM}</h5>
<hr></hr>
		<dl class="profilviewleft">
			<dt>{L_JOINED}:</dt> <dd>{JOINED}</dd>
			<dt>{L_VISITED}:</dt> <dd>{VISITED}</dd>
			<!-- IF S_WARNINGS -->
			<dt>{L_WARNINGS}: </dt>
			<dd><strong>{WARNINGS}</strong><!-- IF U_NOTES or U_WARN --> [ <!-- IF U_NOTES --><a href="{U_NOTES}">{L_VIEW_NOTES}</a><!-- ENDIF --> <!-- IF U_WARN --><!-- IF U_NOTES --> | <!-- ENDIF --><a href="{U_WARN}">{L_WARN_USER}</a><!-- ENDIF --> ]<!-- ENDIF --></dd>
			<!-- ENDIF -->
			<dt>{L_TOTAL_POSTS}:</dt>
				<dd>{POSTS} <!-- IF S_DISPLAY_SEARCH -->| <strong><a href="{U_SEARCH_USER}">{L_SEARCH_USER_POSTS}</a></strong><!-- ENDIF -->
					<!-- IF POSTS_PCT --><br />({POSTS_PCT} / {POSTS_DAY})<!-- ENDIF -->
					<!-- IF POSTS_IN_QUEUE and U_MCP_QUEUE --><br />(<a href="{U_MCP_QUEUE}">{L_POSTS_IN_QUEUE}</a>)<!-- ELSEIF POSTS_IN_QUEUE --><br />({L_POSTS_IN_QUEUE})<!-- ENDIF -->
				</dd>
			<!-- IF S_SHOW_ACTIVITY and POSTS -->
				<dt>{L_ACTIVE_IN_FORUM}:</dt> <dd><!-- IF ACTIVE_FORUM != '' --><strong><a href="{U_ACTIVE_FORUM}">{ACTIVE_FORUM}</a></strong><br />({ACTIVE_FORUM_POSTS} / {ACTIVE_FORUM_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
				<dt>{L_ACTIVE_IN_TOPIC}:</dt> <dd><!-- IF ACTIVE_TOPIC != '' --><strong><a href="{U_ACTIVE_TOPIC}">{ACTIVE_TOPIC}</a></strong><br />({ACTIVE_TOPIC_POSTS} / {ACTIVE_TOPIC_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
			<!-- ENDIF -->
		</dl>

		</td></tr>
<tr><td>
<!-- IF SIGNATURE -->
		<h5>{L_SIGNATURE}</h5>
<hr></hr>
		<div class="displayleft"><div class="signature" style="border-top:none; margin-top: 0;">{SIGNATURE}</div></div>
<!-- ENDIF -->
</td></tr>
</table>
</div>
</td>
<td class="mr"></td>
</tr>
  <tr>
    <td class="bl"></td>
    <td class="bm"></td>
    <td class="br"></td>
  </tr>
</table>

</form>

<!-- INCLUDE jumpbox.html -->

<!-- INCLUDE overall_footer.html -->

Ergebnis:

[ externes Bild ]

Allerbeste Grüße


Edit: Anmerkung 18:20

Sowas nutze ich u. a, ganz gerne, um entsprechend wie gewünscht, links, mitte oder rechts auszurichten. Das kann dann sowohl Text als auch ein Bild betreffen.

Code: Alles auswählen

.displaycenter {
	padding: 1px;
	text-align: center;
	color: #000000;
}

.displayright {
	padding: 1px;
	text-align: right;
	color: #000000;
}

.displayleft {
	padding: 1px;
	text-align: left;
	color: #000000;
}

Von daher nicht wundern, dass ich diese Klassen anwende. Eine Fehlersuche erleichtert so manchen Schritt. Die Klasse ist oben also nicht doppelt, ich wendete in dem Falle "displayleft" für den Signaturbereich in genannter HTML an, da die Signatur ansonsten irgendwo rechts lag, was mir persönlich so ganz und gar nicht gefallen hatte.

Gruß

[Sandra95]

Ich steig leider überhaupt nicht mehr durch.
@Talk19zehn: Bist du dir sicher dass du die aktuelle Version von dem Style hast? Bei dir sieht das Profil vollkommen anders aus als bei uns.

[Talk19zehn]

Hm, ist ja merkwürdig und eigentlich bin ich mir sicher.

style-cfg. schreibt:

#
# phpBB Style Configuration File
#
# @package phpBB3
# @copyright (c) 2005 phpBB Group
# @license http://opensource.org/licenses/gpl-license.php GNU Public License
#
#
# At the left is the name, please do not change this
# At the right the value is entered
# For on/off options the valid values are on, off, 1, 0, true and false
#
# Values get trimmed, if you want to add a space in front or at the end of
# the value, then enclose the value with single or double quotes.
# Single and double quotes do not need to be escaped.
#
#

# General Information about this style
name = Aero
copyright = © John Olson
version = 3.0.10

Grübelnde Grüße



Edit:

Wir reden doch über das folgendeTemplate: memberlist_view.html -- ?

[Sandra95]

Ok, das steht in unserer style-cfg auch drin, komisch.

[Talk19zehn]

Hi Sandra95, mein Bild dokumentiert ja den Umbau unter Berücksichtigung der entsprechenden Notationen. Nachgefragt: Wir reden doch vom folgendemTemplate: memberlist_view.html -- ?

Hm, - wenn ich helfen kann, gib Nachricht und sofern du Vertrauen hast, schicke mir ggf. ausnahmsweise den Style via Email als .zip und ich schaue mal drüber.

LG

[Sandra95]

Das wäre toll! Wo finde ich deine Emailadresse?

[Talk19zehn]

Hello, in meinem Impressum....



Viele Grüße