Beste bezoeker,

Wij werken met een klein groepje.
Het kan zijn dat u na het plaatsen van een bericht even moet wachten op hulp of op een antwoord,
blijf daarom gerust posten we zullen z.s.m. en wanneer het kan reageren.

Voor dringende zaken die echt niet kunnen wachten kunt u het contactformulier gebruiken.

-------------------------------------

Wanneer u ons forum bezoekt voor hulp bij installatie, vragen wij u een account aan te maken en geen gebruik te maken van het contactformulier.

Wij kunnen u beter helpen wanneer u een account aanmaakt en u in het volgende onderwerp phpBB en Extensie installatie en aanpassingen laten uitvoeren een nieuw onderwerp start.

Ook wanneer u ergens niet uitkomt of vragen heeft, vragen wij u gebruik te maken van 1 van de bestaande "support onderwerpen" en aldaar uw onderwerp te starten.

Waneer u een account aanmaakt kan het zijn dat de activatie email terecht komt in de spamfolder.
  • Verplaats deze terug naar uw postvak-in en klik op de activatie link, hierna is uw account geactiveerd en kunt u inloggen op het forum.

Met vriendelijke groet,

Team phpBBservice.nl
(steeds tot uw dienst)

Nieuwe icons toevoegen/aanpassen op je forum

Op zoek naar tips, handleidingen over phpBB3 stijlen, dan bent u hier aan het juiste forum.
Gesloten

Auteur
Neo
Berichten in topic: 1
Berichten: 1178
Lid geworden op: 25 dec 2006 01:16
Contacteer:

Nieuwe icons toevoegen/aanpassen op je forum

Bericht door Neo » 26 dec 2010 13:22

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.

Gesloten