Profil Boxen-position ändern

Mikolaj · 12. September 2007

Hallo,
zuerst... ihr seit klasse, bin begeistert von solchen sauber funktionierenden plugins, hab daher auch gleich das lexikon bestellt.

meine frage zum userpic im profil, kann man die position ändern? (siehe bild)

[Blockierte Grafik: http://img114.imageshack.us/img114/7827/image2bq3.jpg]

ich würde mir gerne wünschen das zuerst der avatar der mitglieder angezeigt wird und dann ihr foto.

mit besten grüßen und empfehlungen,
m. k. sztuk

Peter · 13. September 2007

Du kannst dies nur per Templateänderung durchführen. Du kannst folgendes Template "userProfile" verwenden.

Code

{include file="documentHeader"}
<head>
	<title>{lang}wcf.user.profile.title{/lang} - {lang}wcf.user.profile.members{/lang} - {PAGE_TITLE}</title>
	{include file='headInclude' sandbox=false}
</head>
<body>
{* --- quick search controls --- *}
{assign var='searchFieldTitle' value='{lang}wcf.user.profile.search.query{/lang}'}
{capture assign=searchHiddenFields}
	<input type="hidden" name="userID" value="{@$user->userID}" />
{/capture}
{* --- end --- *}
{include file='header' sandbox=false}


<div id="main">

	<ul class="breadCrumbs">
		<li><a href="index.php?page=Index{@SID_ARG_2ND}"><img src="icon/indexS.png" alt="" /> <span>{PAGE_TITLE}</span></a> &raquo;</li>
		<li><img src="{@RELATIVE_WCF_DIR}icon/membersS.png" alt="" /> <span>{lang}wcf.user.profile.members{/lang}</span> &raquo;</li>
	</ul>

	<div class="mainHeadline">
		<img src="{@RELATIVE_WCF_DIR}icon/userProfileL.png" alt="" />
		<div class="headlineContainer">
			<h2> {lang}wcf.user.profile.title{/lang}</h2>
			{if $user->getOldUsername()}
				<p>{lang}wcf.user.profile.oldUsername{/lang}</p>
			{/if}
		</div>
	</div>

	{if $userMessages|isset}{@$userMessages}{/if}

	{if $protectedProfile}
		<p class="warning">{lang}wcf.user.profile.protectedProfile{/lang}</p>
	{/if}

	<div class="border content">
		<div class="container-1 profileDisplay">
			<div class="userProfileBox">


				
				{if $user->getAvatar()}
					<div id="userProfileAvatar">
						<div class="border">
							<div class="containerHead">
								<div class="containerIcon"><img src="{@RELATIVE_WCF_DIR}icon/avatarM.png" alt="" /></div>
								<h3 class="containerContent">{lang}wcf.user.avatar{/lang}</h3>
							</div>
							<div class="container-1">
								{@$user->getAvatar()}
							</div>
						</div>
					</div>
				{/if}

				{if $user->userpicID != 0}
					{if $disableUserpic == 0 || $this->user->getPermission('admin.user.canEditUser')}
						<script type="text/javascript">
							function openPictureWindow(userID,width,height) {
								pictureWindow = window.open(decodeURIComponent('index.php%3Fpage%3DUserPicture%26userID%3D' +  userID + '{@SID_ARG_2ND}'), '{lang}wcf.user.profile.userpic.title{/lang}', 'width=' + width + ',height=' + height + ',left=10,top=10,resizable=no,scrollbars=no,toolbar=no');
								pictureWindow.focus();
							}
						</script>


						<div id="userProfileAvatar">
							<div class="border">
								<div class="containerHead">
									<div class="containerIcon"><img src="{@RELATIVE_WCF_DIR}icon/userpicM.png" alt="" /></div>
									<h3 class="containerContent">{if $disableUserpic == 0}{lang}wcf.user.profile.userpic{/lang}{else}{lang}wcf.user.profile.userpic.isLocked{/lang}{/if}</h3>
								</div>
								<div class="container-1">
									{@$userpic}
								</div>

							</div>
						</div>
					{/if}
				{/if}


				{if $additionalOptions|isset || !$protectedProfile || $canMail || $this->user->userID && $user->userID != $this->user->userID}
					<div id="userProfileOptions">
						<div class="border">
							<div class="containerHead">
								<div class="containerIcon"><img src="{@RELATIVE_WCF_DIR}icon/userProfileOptionsM.png" alt="" /></div>
								<h3 class="containerContent">{lang}wcf.user.profile.options{/lang}</h3>
							</div>
							<div class="pageMenu">
								<ul>
									{if $canMail}<li><a href="index.php?form=Mail&amp;userID={@$user->userID}{@SID_ARG_2ND}">{lang}wcf.user.profile.sendMail{/lang}</a></li>{/if}

									{if $additionalOptions|isset}{@$additionalOptions}{/if}

									{if !$protectedProfile}
										<li><a href="index.php?page=User&amp;userID={@$user->userID}&amp;action=vCard{@SID_ARG_2ND}">{lang}wcf.user.profile.downloadVCard{/lang}</a></li>
									{/if}

									{if $this->user->userID}
										{if $user->whiteUserID}
											<li><a href="index.php?form=WhiteListEdit&amp;remove={@$user->userID}&amp;u={@$this->user->userID}{@SID_ARG_2ND}">{lang}wcf.user.profile.removeFromBuddyList{/lang}</a></li>
										{else}	
											{if $user->userID != $this->user->userID}
												<li><a href="index.php?form=WhiteListEdit&amp;add={@$user->userID}&amp;u={@$this->user->userID}{@SID_ARG_2ND}">{lang}wcf.user.profile.addToBuddyList{/lang}</a></li>
											{/if}
										{/if}

										{if $user->blackUserID}
											<li><a href="index.php?form=BlackListEdit&amp;remove={@$user->userID}&amp;u={@$this->user->userID}{@SID_ARG_2ND}">{lang}wcf.user.profile.removeFromIgnoreList{/lang}</a></li>
										{else}	
											{if $user->userID != $this->user->userID}
												<li><a href="index.php?form=BlackListEdit&amp;add={@$user->userID}&amp;u={@$this->user->userID}{@SID_ARG_2ND}">{lang}wcf.user.profile.addToIgnoreList{/lang}</a></li>
											{/if}
										{/if}
									{/if}
								</ul>
							</div>
						</div>
					</div>
				{/if}

				{if $additionalAdminOptions|isset || $this->user->getPermission('admin.user.canEditUser')}
					<div id="userProfileAdminOptions">
						<div class="border">
							<div class="containerHead">
								<div class="containerIcon"><img src="{@RELATIVE_WCF_DIR}icon/userProfileAdminOptionsM.png" alt="" /></div>
								<h3 class="containerContent">{lang}wcf.user.profile.adminOptions{/lang}</h3>
							</div>
							<div class="pageMenu">
								<ul>
									{if $this->user->getPermission('admin.user.canEditUser')}
										<li><a href="acp/index.php?form=Login&amp;url=index.php%3Fform=UserEdit%26userID%3D{@$user->userID}%26packageID%3D{@PACKAGE_ID}">{lang}wcf.acp.user.edit{/lang}</a></li>
									{/if}

									{if $user->userpicID != 0}
										{if $disableUserpic == 1}
											<li><a href="index.php?form=UserpicUnlock&amp;u={@$user->userID}{@SID_ARG_2ND}">{lang}wcf.user.profile.userpic.admin.unlock{/lang}</a></li>
										{else}
											<li><a href="index.php?form=UserpicLock&amp;u={@$user->userID}{@SID_ARG_2ND}">{lang}wcf.user.profile.userpic.admin.lock{/lang}</a></li>
										{/if}
									{/if}

									{if $additionalAdminOptions|isset}{@$additionalAdminOptions}{/if}
								</ul>
							</div>
						</div>
					</div>
				{/if}

				{if $whitelist|count > 0}
					<div id="userProfileBuddies">
						<div class="border">
							<div class="containerHead">
								<div class="containerIcon"><img src="{@RELATIVE_WCF_DIR}icon/buddiesM.png" alt="" /></div>
								<h3 class="containerContent">{lang}wcf.user.profile.buddies{/lang}</h3>
							</div>
							<div class="pageMenu">
								<ul>
								{foreach from=$whitelist item=whitelistUser}
									<li><a href="index.php?page=User&amp;userID={@$whitelistUser->userID}{@SID_ARG_2ND}">
									{if $whitelistUser->isOnline()}
										<img src="{@RELATIVE_WCF_DIR}icon/onlineS.png" alt="" title="{lang username=$whitelistUser}wcf.user.online{/lang}" />
									{else}
										<img src="{@RELATIVE_WCF_DIR}icon/offlineS.png" alt="" title="{lang username=$whitelistUser}wcf.user.offline{/lang}" />
									{/if}
									<span>{$whitelistUser}</span></a></li>
								{/foreach}
								</ul>
							</div>
						</div>
					</div>
				{/if}
			</div>

			{cycle values='container-1,container-2' print=false advance=false}
			<div class="userProfileContent">
				<div class="border">
					<div class="containerHead">
						<div class="containerIcon"><img src="{@RELATIVE_WCF_DIR}icon/userProfileInformationM.png" alt="" /></div>
						<h3 class="containerContent">{lang}wcf.user.profile.information{/lang}</h3>
					</div>

					<div class="{cycle}">
						<div class="fieldTitle">{lang}wcf.user.registrationDate{/lang}</div>
						<div class="fieldValue">{@$user->registrationDate|time}</div>
					</div>

					{if $languages|count > 0}
						<div class="{cycle}">
							<div class="fieldTitle">{lang}wcf.user.profile.languages{/lang}</div>
							<div class="fieldValue">{implode from=$languages item=$language}{@$language}{/implode}</div>
						</div>
					{/if}

					<div class="{cycle}">
						<div class="fieldTitle">{lang}wcf.user.profile.hits{/lang}</div>
						<div class="fieldValue">{#$user->profileHits}{if $user->getProfileAge() > 1} {lang}wcf.user.profile.hitsPerDay{/lang}{/if}</div>
					</div>

					{if $user->getUserTitle()}
						<div class="{cycle}">
							<div class="fieldTitle">{lang}wcf.user.rank{/lang}</div>
							<div class="fieldValue">{@$user->getUserTitle()}{if $user->getRank()} {@$user->getRank()->getImage()}{/if}</div>
						</div>
					{/if}

					{if $user->lastActivityTime > 0}
						<div class="{cycle}">
							<div class="fieldTitle">{lang}wcf.user.lastActivity{/lang}</div>
							<div class="fieldValue">{@$user->lastActivityTime|time}</div>
						</div>
					{/if}

					{foreach from=$informationFields item=field}
						<div class="{cycle}">
							<div class="fieldTitle">{@$field.title}</div>
							<div class="fieldValue">{@$field.value}</div>
						</div>
					{/foreach}

				</div>
			</div>

			{foreach from=$categories item=category}
				{cycle reset=true advance=false print=false}
				<div class="userProfileContent">
					<div class="border">
						<div class="containerHead">
							{if $category.categoryIconM}<div class="containerIcon"><img src="{$category.categoryIconM}" alt="" /> </div>{/if}
							<h3 class="containerContent">{lang}wcf.user.option.category.{$category.categoryName}{/lang}</h3>
						</div>
						{foreach from=$category.options item=option}
							<div class="{cycle}">
								<div class="fieldTitle">{lang}wcf.user.option.{$option.optionName}{/lang}</div>
								<div class="fieldValue">{@$option.optionValue}</div>
							</div>
						{/foreach}
					</div>
				</div>
			{/foreach}
		</div>
	</div>


</div>


{include file='footer' sandbox=false}
</body>
</html>

Alles anzeigen

Mikolaj · 14. September 2007

danke für die mühen,

ich habe mir den code abgespeichert, jedoch ist unser Lexikon da und dies erst einmal voll zu bekommen und deren funktionnen trößten über so eine minimale optische veränderung erst mal wech. die templateänderung werden wir sicher noch durchführen

thx und schöne grüße.
m. k. sztuk

black_kite · 29. November 2007

Viel einfacher und geringere fehler quellen wäre es wen die useroic anzeige in einen seperate tpl sind und dort nur inludet werden!

Benutzer online in diesem Thema