MediaWiki:Sitenotice: Difference between revisions

From GDPRhub
No edit summary
No edit summary
 
(31 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<!--
EXPLANATION
This “Sitenotice” is a bar shown above the page content (across the whole wiki). We use it for showing a banner image.
Technical details:
- The javascript defined in MediaWiki:Common.js will show one of the html elements marked with the class “random-banner-option”, removing everything else in the "random-banner-container".
- The style rules defined in MediaWiki:Common.css will hide all content of this element before this script has run.
Usage/Tips:
- Upload your images, then copy & adapt example an item below.
- Ideally use an image that is 100px high; larger ones are scaled down to be at most 100px high.
- Screens can have many widths! A very wide banner will be scaled down on a narrow screen.
- When there should be no banner, remove (or comment out) the whole code, to avoid an empty space.
- Better not list dozens of images here, as *all* image options will be downloaded by the browser (not only the one that is picked).
- The code is just wikitext; so be aware that whitespace can matter (e.g. don’t start a line with spaces)
- AVOID LINE BREAKS, or verify that they do not introduce <p> tags in the html, because those mess up our Integromat scripts!
EXAMPLE CODE:
<div class="random-banner-container">
<div class="random-banner-container">
<div class="random-banner-option" style="height: 200px; color: #ff0000; background-color: silver;">[[File:3yrsgdpr.jpg|link=https://noyb.eu/en/statement-3rd-anniversary-gdpr]]</div>
<div class="random-banner-option"></div>
<div class="random-banner-option" style="background-color: black;">[[File:Pug flags.png|link=https://noyb.eu/en/luxemburgs-watchdog-refuses-show-its-teeth-us-companies]]</div>
<div class="random-banner-option"></div>
</div>
 
ACTUAL CODE BELOW
-->
<div class="random-banner-container"><div class="random-banner-option" style="font-size:150%; color:#ffffff; text-align: center; vertical-align: middle; background-color: #9c0a7d; a:link: "color:#33348e">
[[File:Banner1.png|right|x200px|link=https://noyb.eu/en/jobs]] <i>noyb</i> is looking for GDPR lawyers! [https://noyb.eu/en/jobs Find out more!]</div>
</div>
</div>
<!-- <div style="font-size: smaller; float:right;">[[GDPRhub_Sponsorship|Sponsoring options on GDPRhub]]</div> -->

Latest revision as of 15:26, 29 January 2024