No Avatar

Hier gibt es kleinere Snippets zu phpBB 3.1.x.
Gesperrt
Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 726
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Geschlecht: Männlich ♂
Kontaktdaten:
Dez 2014 20 18:17

No Avatar

Beitrag von Kirk


Mit diesem kleinen Snippet wird den Usern die noch kein eigenes Avatarbild haben, ein Standard Avatarbild angzeigt.
Dieses Snippet ist nur bei prosilver basierende Styles getestet!

Das hier ist für das kleine Avatarbild in der Navbar.

Öffne: root/styles/stylename/template/navbar_header.html
Finde
Tip: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Alles auswählen

<li id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
Ersetzen mit
Tip: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Alles auswählen

<li id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ELSE --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
Finde
Tip: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Alles auswählen

<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->{CURRENT_USER_AVATAR} <!-- ENDIF -->{CURRENT_USERNAME_SIMPLE}</a>
Ersetzen mit
Tip: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Alles auswählen

<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->{CURRENT_USER_AVATAR} <!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF -->{CURRENT_USERNAME_SIMPLE}</a>
Für Benutzer verwarnen:

Öffne: root/styles/stylename/template/mcp_warn_post.html
Finde
Tip: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Alles auswählen

<!-- IF AVATAR_IMG --><div>{AVATAR_IMG}</div><!-- ENDIF -->
Ersetzen mit
Tip: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Alles auswählen

<!-- IF AVATAR_IMG --><div>{AVATAR_IMG}</div> <!-- ELSE --> <div><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></div><!-- ENDIF -->
Das hier ist für das Avatarbild beim betrachten einer PN.

Öffne: root/styles/stylename/template/ucp_pm_viewmessage.html
Finde
Tip: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Alles auswählen

<!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}" class="avatar">{AUTHOR_AVATAR}</a><!-- ENDIF -->
Ersetzen mit
Tip: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Alles auswählen

<!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}" class="avatar">{AUTHOR_AVATAR}<!-- ELSE --><a href="{U_MESSAGE_AUTHOR}" class="avatar"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></a><!-- ENDIF -->
Das hier ist für das Avatarbild in einem Beitrag (viewtopic).

Öffne: root/styles/stylename/template/viewtopic_body.html
Finde
Tip: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Alles auswählen

<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF -->
Ersetzen mit
Tip: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Alles auswählen

<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF --><!-- ELSE --><a href="{postrow.U_POST_AUTHOR}" class="avatar"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></a>

Lade dieses Bild in das Verzeichnis root/styles/stylename/theme/images
no_avatar.gif
no_avatar.gif (6.98 KiB) 1269 mal betrachtet
Anmerkung:
Das hier stylename ist durch den von dir verwendeten Stylenamen zu ersetzen.
Du kannst auch ein anderes Bild nehmen, sollte dies einen anderen Namen oder ein anderes Bildformat haben, so muss dies in den oben genannten Dateien bei no_avatar.gif geändert werden.


Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere deinen Browser Cache
STRG+F5
Gruß Udo

Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 726
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Geschlecht: Männlich ♂
Kontaktdaten:
Jul 2015 19 16:17

Re: No Avatar

Beitrag von Kirk


Hier noch eine kleine Ergänzung zu diesem Snippet!

Wenn ihr möchtet das ein gelöschter User kein No Avatar Bild haben sollte, dann müsst ihr folgendes ändern.

Das hier ist für das Avatarbild beim betrachten einer PN

Öffne:
root/styles/stylename/template/ucp_pm_viewmessage.html

Finde:

Code: Alles auswählen

<!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}" class="avatar">{AUTHOR_AVATAR}</a><!-- ELSE --><a href="{U_MESSAGE_AUTHOR}" class="avatar"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></a><!-- ENDIF -->
Ersetzen mit:

Code: Alles auswählen

<!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}" class="avatar">{AUTHOR_AVATAR}</a><!-- ELSEIF U_MESSAGE_AUTHOR --><a href="{U_MESSAGE_AUTHOR}" class="avatar"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></a><!-- ENDIF -->
Das hier ist für das Avatarbild in einem Beitrag (viewtopic)

Öffne:

Code: Alles auswählen

root/styles/stylename/template/viewtopic_body.html
Finde:

Code: Alles auswählen

<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF --><!-- ELSE --><a href="{postrow.U_POST_AUTHOR}" class="avatar"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></a>
Ersetzen mit:

Code: Alles auswählen

<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF --><!-- ELSEIF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></a>
Anmerkung:
Das hier stylename ist durch den von dir verwendeten Stylenamen zu ersetzen.

Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere deinen Browser Cache
STRG+F5
Gruß Udo

Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 726
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Geschlecht: Männlich ♂
Kontaktdaten:
Sep 2015 27 10:49

Re: No Avatar

Beitrag von Kirk


Eine weitere Möglichkeit wäre das hier in die content.css einzutragen:

Code: Alles auswählen

.no-avatar .avatar-container {
	display: block;
	width: 90px;
	height: 90px;
	background: transparent none 50% 50% no-repeat;
	background-size: cover;
	background-image: url("./images/no_avatar.gif");
}
Damit wird einem das No Avatar Bild in viewtopic und beim betrachten einer PN angezeigt und man muss nicht die Dateien ucp_pm_viewmessage.html und viewtopic_body.html bearbeiten.
Die Maße bei width und height müssen den No Avatar Bild entsprechen.
Gruß Udo

Gesperrt