Nieuwe icons toevoegen/aanpassen op je forum

Code: Selecteer alles

https://www.phpbbservice.nl/forum/viewtopic.php?f=62&t=9246#p55317

Hoe voeg je nieuwe icons toe of pas je de bestaande aan op je forum.Dit zijn de iconen die je voor de FAQ ziet staan in het menu.Het is voor prosilver of prosilver gebaseerde stijlen.

voorbeeld_icons.png

In dit voorbeeld is heet de afbeelding die we toevoegen icon-voorbeeld (voorbeeld kun je hernoemen naar wat je wilt).

Open: styles/jouw_style/theme/buttons.css
Zoek:

Code: Selecteer alles

icon-search

Voeg er achter toe in de zelfde regel:

Code: Selecteer alles

, .icon-voorbeeld

Open: styles/jouw_style/theme/colours.css
Zoek:

Code: Selecteer alles

.icon-search					{ background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }

Voeg er achter toe op een nieuwe regel:

Code: Selecteer alles

.icon-voorbeeld              { background-image: url("{T_THEME_PATH}/images/icon_voorbeeld.gif"); }

Open: styles/jouw_style/theme/overall_header.html
Zoek:

Code: Selecteer alles

			<ul class="linklist rightside">
				<li class="icon-voorbeeld"><a href="http://www.fdcp.nl" title="FDCP">FDCP</a></li>
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

Ik kies er nu voor het gemak ff voor om een nieuwe afbeelding met link voor de FAQ te plaatsen:

Code: Selecteer alles

			<ul class="linklist rightside">
				<li class="icon-voorbeeld"><a href="http://www.fdcp.nl" title="FDCP">FDCP</a></li>
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

Wil je een bestaande afbeelding vervangen dan moet je deze aanpassen:

Code: Selecteer alles

<li class="icon-faq">
<li class="icon-members">
<li class="icon-register">
<li class="icon-logout">

Bestanden opslaan en upload de aangepaste bestanden.
Upload de afbeelding naar styles/jouw_style/theme/images/ (maak de afbeelding niet groter dan 16x16 pix).
Vernieuw je theme en leeg voor de zekerheid je cache.