Was tested on prosilver and prosilver_se style for phpbb 3.2.0
Steps based on tutorial which I linked above:
- 1.First off, we need to create a new folder containing the images we want to use. Go to and create a new folder in that called social
Code: Select all
/styles/prosilver/theme/images OR /styles/prosilver_se/theme/images
- 2. Inside that folder, place the images you want to have in your prosilver header. I added facebook.png, instagram.png, flickr.png ond other. Icons resolutions should be 25x25px.
- 3. Next up, go to and open
Code: Select all
/styles/prosilver/template
FindCode: Select all
common.css
Add on a new line afterCode: Select all
ul.linklist > li.rightside, p.rightside, a.rightside {}
Code: Select all
/* social icons */ ul.linklist > li.social { float: right; margin-right: 0; margin-left: 7px; text-align: right; }
- 4. Next up, go to and open up
Code: Select all
/styles/prosilver/theme
FindCode: Select all
navbar_header.html
Add on a new line afterCode: Select all
<!-- EVENT overall_header_breadcrumbs_after -->
You can add more or less icons, depends on youCode: Select all
<!-- **************** SOCIAL ICONS **************** --> <li class="social"> <a href="https://www.flickr.com/" target="_blank"><img style="border-radius:4px 4px 4px 4px;" alt="Your group on flickr.com" width="25px" height="25px" src="{T_THEME_PATH}/images/social/flickr.png"></a> <a href="https://www.instagram.com/" target="_blank"><img style="border-radius:4px 4px 4px 4px;" alt="Your group on instagram.com" width="25px" height="25px" src="{T_THEME_PATH}/images/social/instagram.png"></a> <a href="https://www.facebook.com/" target="_blank"><img style="border-radius:4px 4px 4px 4px;" alt="Your group on facebook.com" width="25px" height="25px" src="{T_THEME_PATH}/images/social/facebook.png"></a> </li>
- 5. After these changes are made, and your style is refreshed in the ACP, the social icons should be visible but behind the search box.
Regards