Daily Lucky Numbers:
2
16
18
25
27
49

SMF Banner Bar

Started by Chen Zhen, July 08, 2022, 11:51:45 PM

Previous topic - Next topic

Chen Zhen

SMF Banner Bar
Developed by WebDev for Simple Machines Forum
SMF 2.1.X compatibility



Description:
It creates a banner that can be dynamically placed after any container ID in specific theme templates.
The bar can be configured from: Modification Settings -> Banner Bar within your SMF administration section.
Various configurations are available including adding your own corner icons, unique css and marquee settings.






Note: An archived version 1.6 is available for the SMF 2.0.X branch but is no longer supported.




Please let me know of any bugs or requests regarding this modification in this thread.



Dave

#1
I wonder if it would be an idea to actually install it here so people can see what it looks like Chen?

Also, do I need to uninstall and delete the old 'Info Bar' entirely including the database tables or can I just uninstall the current version and install your new version?
If you want play quizzes or games click below

Listen to Quizland radio here

Chen Zhen


Version 1.1 is now available which includes a CSS input for the HTML.
This will make it easier when adding ie. background to the opted HTML.

@Dave: You can uninstall the older one & remove the DB tables if you wish.

Dave

Quote from: Chen Zhen on July 10, 2022, 12:01:24 PMVersion 1.1 is now available which includes a CSS input for the HTML.
This will make it easier when adding ie. background to the opted HTML.

@Dave: You can uninstall the older one & remove the DB tables if you wish.


I uninstalled the older one and left the tables and they merged OK.

Thank Chen
If you want play quizzes or games click below

Listen to Quizland radio here

Dave

Chen,

I'm not sure if this should work or not but I have an issue with html in the box.

I tried to use the [url="https} in the banner text but for some reason it doesn't work. The [div] does as you can see from the attachments

This is what I was trying to post

<div class="a"; align="center">Don't forget to vote in the poll for arcade games reset, go [url=https://www.quizland.co.uk/index.php/topic,53]here[/url] to make your choice</div>
Any ideas?
If you want play quizzes or games click below

Listen to Quizland radio here

Chen Zhen

#5
I don't think I put in a filter for BBCode but you can do it with HTML.
You have a css class name of "a" ?

<div class="a centertext">Don't forget to vote in the poll for arcade games reset, go <a href="https://www.quizland.co.uk/index.php/topic,53">here</a> to make your choice</div>



Dave

#6
Quote from: Chen Zhen on July 21, 2022, 05:08:23 PMI don't think I put in a filter for BBCode but you can do it with HTML.
You have a css class name of "a" ?

<div class="a centertext">Don't forget to vote in the poll for arcade games reset, go <a href="https://www.quizland.co.uk/index.php/topic,53">here</a> to make your choice</div>

Well that works Chen thank you, my only issue now is that the colour of the link is blue, as is the background. I tried using {color=red} but that wont work.

Maybe I'll try to use an image. I'll work on it

Thanks again
If you want play quizzes or games click below

Listen to Quizland radio here

Chen Zhen

#7
Try this:
<div class="a centertext">Don't forget to vote in the poll for arcade games reset, go <a href="https://www.quizland.co.uk/index.php/topic,53" style="color: red;">here</a> to make your choice</div>



You can't use BBCode because I didn't filter the output with the SMF BBCode parser.
You'll have to use inline css (style) to get the HTML to work the way you want.
As it is the links will use your theme's css style sheet unless you override it with your own class or style elements.



Also there is a bug with this mod concerning mobile JavaScript output which I will work on this weekend.

Dave

If you want play quizzes or games click below

Listen to Quizland radio here

Chen Zhen

#9
Version 1.2 is now available.

Changes:
+ Added: option to disable corner icons
+ Added: option to choose "transparent" background
! Fixed: Banner Bar set to not display in admin due to possible token conflict


I found that sometimes the banner bar html can cause a problem with the SMF 2.1 token validation within the admin section.
For now the solution I came up with is to disable the Banner Bar in the admin section.
This means to test it, you'll have to navigate to the forum.
Until I figure out how to stop it from possibly messing with the admin token, this will allow the admin to function properly.

Dave

If you want play quizzes or games click below

Listen to Quizland radio here

Chen Zhen


Version 1.3 is now available.

Changes:
!    Fixed: hidden div added to the end of the body element (buffer hook)
!*&   Fixed: added admin option to center Banner Bar horizontally

Chen Zhen


Version 1.4 is now available.

Changes:
+*&   Added: option to disable for specific actions
+*&   Added: help text for some admin options
+    Added: limited regex filter for BannerBar CSS input
!   Fixed: output no longer executed during XML output
!   Fixed: Banner Bar can now be displayed in Admin
!   Fixed: recommended values are now applied for admin links

Dave

If you want play quizzes or games click below

Listen to Quizland radio here

Dave

Sorry to bother you but how do I change the size of the text in the bar?

You had '.quizbanner { fontsize: 1.1rem; }' I upped that to 1.2rem and larger but it makes no difference
If you want play quizzes or games click below

Listen to Quizland radio here