[3.2][BETA] Forum Style

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Scam Warning
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
Post Reply
User avatar
martti
Registered User
Posts: 911
Joined: Thu Jul 31, 2014 8:23 am
Location: Belgium

[3.2][BETA] Forum Style

Post by martti »

Extension Name: Forum Style
Author: martti
Extension Description:
This phpBB extension adds classes in the form of forum-ID to Prosilver (Replace ID with the actual forum-id-number). This way certain forums can be given a certain style tweak. For applying the style itself, i.e the Extra Style Extension can be used. See under "Screenshots" for a how-to-use example. This extension has no configuration.
Extension Version: 0.1.0
Requirements:
  • phpBB 3.2.1+
  • PHP 7.1+
Extension Download: https://github.com/marttiphpbb/phpbb-ex ... master.zip The files are to be put into ext/marttiphpbb/forumstyle
Github repository: https://github.com/marttiphpbb/phpbb-ext-forumstyle
Languages: n/a
Templates: Prosilver
Screenshots:

These examples show how to give one forum a different background color (pink). These screenshots are produced with the combination of the Extra Style Extension. (Also the effects of the Archive Forum and Calendar Tag extensions are visible in these examples.)

Edit Style: Forumlist (Extra Style Extension)

See the Extra Style Extension

Image

Code: Select all

div.forum-7 ul.topiclist li.row {
  background-color: #FFE9F8;
}
div.forum-7 ul.topiclist li.row:hover {
  background-color: #FFFDD4;
}
ul.topiclist.forums li.row.forum-7 {
  background-color: #FFE9F8;
}
ul.topiclist.forums li.row.forum-7:hover {
  background-color: #FFFDD4;
}
Index

Image

Viewforum

Image

MCP Viewforum

Image

Edit Style: Topic (Extra Style Extension)

Image

Code: Select all

div.forum-7 div.post {
  background-color: #FFE1F1;
}
div.forum-7 div.post.bg1 {
  background-color: #FFE5F4;
}
Viewtopic

Image

MCP Viewtopic

Image

Edit Style: Posting (Extra Style Extension)

Image

Code: Select all

div.forum-7 div.post, div.forum-7 div#postingbox {
  background-color: #FFE1F1;
}
div.forum-7 div.post.bg1 {
  background-color: #FFE5F4;
}
Posting Preview

Image

Posting Review

Image

Edit Style: Search Posts/Topics (Extra Style Extension)

Image

Code: Select all

div.search.forum-7.post, li.row.forum-7 {
  background-color: #FFE1F1;
}
div.search.forum-7.post.bg1, li.row.forum-7.bg1 {
  background-color: #FFE5F4;
}
Search Posts

Image

Search Topics

Image
Post Reply

Return to “Extensions in Development”