proDVGFX - awatary po lewej stronie.

[xhamerx]

Adres forum: http://forum.oldbulls.pl
Wersja phpBB3: 3.0.10
Tłumaczenie: inne nie pamietam jakie
Aktualizowane: z 3.0.9 używając Automatic Update Package
Serwer
Wersja bazy danych: MySQLi

Witam ma pytanko, coś jest nie tak z awatarami na moim forum i rangami
screen:

http://img17.imageshack.us/img17/6448/beztytuucgf.png

Chciałbym aby domyślnie był avatar, pod nim tytuł rangi czyli "administrator", pod tym nick np mój Larus", a pod nickiem obrazek rangi.

Jak tego dokonać bo jak na razie to coś jest nie tak i róznie się to wyświetla u niektórych użytkowników. (patrz screen)

[Aviator]

Witam ma pytanko, coś jest nie tak z awatarami na moim forum i rangami

Nic, to taki styl

Zrób kopie zapasową plików viewtopic_body.html i content.css i jak Ci przypasuje to zrób tak:

w viewtopic_body.html
od kodu <!-- BEGIN postrow --> do <!-- END postrow --> zamień cały kod na:

Kod: Zaznacz cały

<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
	<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">
		<div class="inner"><span class="corners-top"><span></span></span>

		<div class="postbody">
			<!-- IF postrow.S_IGNORE_POST -->
				<div class="ignore">{postrow.L_IGNORE_POST}</div>
			<!-- ELSE -->

		<!-- IF not S_IS_BOT -->
			<!-- IF postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE -->
				<ul class="profile-icons">
					<!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
				</ul>
			<!-- ENDIF -->
		<!-- ENDIF -->

			<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
			<p class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; {postrow.POST_DATE} </p>

			<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
				<p class="rules">
					<!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><br /><!-- ENDIF -->
					<!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->
				</p>
			<!-- ENDIF -->

			<div class="content">{postrow.MESSAGE}</div>

			<!-- IF postrow.S_HAS_ATTACHMENTS -->
				<dl class="attachbox">
					<dt>{L_ATTACHMENTS}</dt>
					<!-- BEGIN attachment -->
						<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
					<!-- END attachment -->
				</dl>
			<!-- ENDIF -->

			<!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
			<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
				<div class="notice">{postrow.EDITED_MESSAGE}
					<!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}:</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->
				</div>
			<!-- ENDIF -->

			<!-- IF postrow.BUMPED_MESSAGE --><div class="notice"><br /><br />{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
			<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
		<!-- ENDIF -->

		</div>

		<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">
			<dt>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			</dt>

			<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

		<dd>&nbsp;</dd>

		<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
		<!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
		<!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->

		<!-- IF postrow.S_PROFILE_FIELD1 -->
			<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
			<dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
		<!-- ENDIF -->

		<!-- BEGIN custom_fields -->
			<dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
		<!-- END custom_fields -->

		<!-- IF not S_IS_BOT -->
		<!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
			<dd>
				<ul class="profile-icons">
					<!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
				</ul>
			</dd>
		<!-- ENDIF -->
		<!-- ENDIF -->

		</dl>
	<!-- ENDIF -->

		<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

		<span class="corners-bottom"><span></span></span></div>
	</div>

	<hr class="divider" />
<!-- END postrow -->

Otwórz content.css
zanjdź:

Kod: Zaznacz cały

.postbody {
   clear: both;
   float: left;
   line-height: 1.48em;
   padding: 0;
   width: 100%;
}

Zamień na:

Kod: Zaznacz cały

.postbody {
   clear: both;
   float: left;
   line-height: 1.48em;
   padding: 0;
   width: 76%;
}

Znajdź:

Kod: Zaznacz cały

.postprofile {
   /* Also see tweaks.css */
   float: left;
   width: auto;
}

Zamien na:

Kod: Zaznacz cały

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

Znajdź i usuń:

Kod: Zaznacz cały

/* Avatar position */
.postprofile img {
   background-position: top left !important;
   float: left;
   padding-right: 3px;
   width: auto;
}

Odśwież szablony i motywy stylu.

[xhamerx]

przetestowałem i kurde wszystko by było extra bo widzę że teraz się nic nie rozjeżdża i jest dokładnie według tego schematu co chciałem, tylko teraz całe to pole gdzie jest avatar, nick, ranga, i reszta tych pól jest po prawej nie po lewej stronie.

Gdzie leży błąd?

Wyczyściłem cache forum, odświeżyłem style.

[Aviator]

Nigdzie nie leży błąd, teraz już musisz sobie edytować styl według tej instrukcji Awatary po lewej stronie

[xhamerx]

Znajdź:

Kod: Zaznacz cały

.postprofile {
   /* Also see tweaks.css */
   float: left;
   width: auto;
}

Zamien na:

Kod: Zaznacz cały

.postprofile {
   /* Also see tweaks.css */
   margin: 5px 0 10px 0;
   min-height: 80px;
   border-left: 1px solid #FFFFFF;
   width: 22%;
   float: right;                          <<<<<A TU JEST OK?
   display: inline;
}

Znajdź i usuń:

Kod: Zaznacz cały

/* Avatar position */
.postprofile img {
   background-position: top left !important;
   float: left;
   padding-right: 3px;
   width: auto;
}

Odśwież szablony i motywy stylu.

Tu jest dobrze w tym kodzie? Tam gdzie napisałem "A TU JEST OK

[Aviator]

Dobrze, a czemu ma być źle?
Możesz jedynie sobie zmienić kolor tego borderu bo biały będzie Ci się za bardzo wyróżniał przy Twoim ciemnym stylu.

[xhamerx]

Niestety, postepowałem zgodnie z instrukcja która mi podałes w linku i i tak profile sa po prawej stronie, jedyne czego nie zmieniłem to ostatniego punktu (punkt 17 według tamtej instrukcji z linku) bo nie mam takiego kodu w swoim stylu prodvgfx. Po prostu się nie da chyba tego zrobić . Ręce już mi opadaja.

[Aviator]

Powinno działać na 100%.
Odświeżyłeś po zmianach szablony i motywy?

jedyne czego nie zmieniłem to ostatniego punktu (punkt 17 według tamtej instrukcji z linku) bo nie mam takiego kodu w swoim stylu prodvgfx.

Z tego co widzę to jest ten kod, na pewno otwierasz plik ucp_pm_viewmessage.html ?

[xhamerx]

Sprawdziłem jeszcze raz tym razem bardzo dokładnie i niby znalazłem ta linijke ale teraz profile są po lewej stronie ale pod postami. A przy niektórych avatarach i tak się to rozjeżdża, starałem się naprawde wykonac to dobrze i linijka w linijke ale chyba ten styl tak ma.

[Aviator]

Ten styl tak nie ma, napisałem że na 100% musi działać, coś robisz źle

Przetestowałem to wszystko na Twoim stylu i jak widzisz wszystko jest tak jak należy.

ss.JPG

(47.12 KiB) Pobrany 3402 razy

[xhamerx]

Mógłbyś mi przesłać te pliki? Ja bym sobie odpowiednie wrzucił, a inne przerobił. Jakby co to mój mail xhamerx@gmail.com Teraz to mi dałeś do myślenia to czemu u mnie to wariuje. A może winą umnie jest zbyt duży avatar albo za duża ranga.

[Aviator]

Dodaj do załącznika swoje pliki content.css, colours.css i viewtopic_body.html ale już z przeprowadzoną Twoją edycją, oraz bez edycji, rozdziel je do folderów i nazwij odpowiednio te foldery żebym wiedział które to które.

A może winą umnie jest zbyt duży avatar albo za duża ranga.

Tak przypuszczałem wczesniej, lecz nie podałeś nigdzie linka do tematu żeby porównać te dwie rzeczy jak wyglądają.

[xhamerx]

Ten plik też dosłać. ucp_pm_viewmessage.htm I kurde już te edytowane przeze mnie usunałem. Ale wyślę oryginały. Tylko odpowiedz czy tamten plik tez.

[Aviator]

Nie, tamten plik nie bo go sobie już sam zrobisz, i przeprowadź ta edycje jeszcze raz, bo ja nie proszę ich po to by za Ciebie zrobić tylko po to by z lokalizować gdzie robisz błąd

[xhamerx]

Ok za chwilke się za to wezmę.