- Marianan ID
- 58
- Joined
- Jul 1, 2023
- Threads
- 10
- Messages
- 183
- Reaction score
- 225
- Awards
- 28
- Website
- vent.wtf
LV
2
Offline
Tired of mariana's basic backgrounds? With tampermonkey you can now change it by following these very simple steps!!!!
Step 0: Go to the Main Page, click Background Picker and disable "Parallax background?"
Step 1: Download tampermonkey from your browser's addon page
Step 2: Make a new script file
Step 3: Paste this in
Step 4: Enable & refresh
Now your forum should look like this:
I am aware that the original image will show for a brief moment I tried to fix it but I couldn't sorry not sorry
UPDATE1.2:
Removed album of the day and quotes
UPDATE1.1:
I removed the "Welcome to the forum!" box it's too big and annoying in my opinion since I already know what mariana bay is and I don't need a reminder and as for the "Background Picker" I'll maybe add it back if requested and move it somewhere else (No need just scroll at the bottom on the main page and it's there)
( Send a screenshot with your new background if you want :) )
Step 0: Go to the Main Page, click Background Picker and disable "Parallax background?"
Step 1: Download tampermonkey from your browser's addon page
Step 2: Make a new script file
Step 3: Paste this in
JavaScript:
// ==UserScript==
// @name MarianaBay but cooler
// @namespace https://forum.marianabay.com/
// @version 1.0
// @description deez
// @match https://forum.marianabay.com/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
//Change the URL if you want another gif
var newImageUrl = 'https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cfc157151010897.630605bae2329.gif';
var newImageElement = new Image();
newImageElement.src = newImageUrl;
newImageElement.onload = function() {
var originalImage = document.getElementById('blurImage1');
if (originalImage) {
originalImage.parentNode.insertBefore(newImageElement, originalImage);
newImageElement.style.display = 'block';
}
};
})();
Now your forum should look like this:
I am aware that the original image will show for a brief moment I tried to fix it but I couldn't sorry not sorry
UPDATE1.2:
Removed album of the day and quotes
JavaScript:
// ==UserScript==
// @name MarianaBay but cooler
// @namespace https://forum.marianabay.com/
// @version 1.2
// @description deez
// @match https://forum.marianabay.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const removeElement = (selector) => {
const element = document.querySelector(selector);
if (element) {
element.remove();
} else {
setTimeout(() => removeElement(selector), 500);
}
};
removeElement('li.notice.js-notice.notice--primary');
removeElement('div.block-container[data-widget-id="42"]');
removeElement('div.block-container[data-widget-id="41"]');
const newImageUrl = 'https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cfc157151010897.630605bae2329.gif';
const newImageElement = new Image();
newImageElement.src = newImageUrl;
newImageElement.onload = function() {
const originalImage = document.getElementById('blurImage1');
if (originalImage) {
originalImage.insertAdjacentElement('beforebegin', newImageElement);
newImageElement.style.display = 'block';
}
};
})();
UPDATE1.1:
I removed the "Welcome to the forum!" box it's too big and annoying in my opinion since I already know what mariana bay is and I don't need a reminder and as for the "Background Picker" I'll maybe add it back if requested and move it somewhere else (No need just scroll at the bottom on the main page and it's there)
JavaScript:
// ==UserScript==
// @name MarianaBay but cooler
// @namespace https://forum.marianabay.com/
// @version 1.1
// @description deez
// @match https://forum.marianabay.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
function removeNotice() {
var notice = document.querySelector('li.notice.js-notice.notice--primary');
if (notice) {
notice.parentNode.removeChild(notice);
} else {
setTimeout(removeNotice, 500);
}
}
removeNotice();
//Change the URL if you want another gif
var newImageUrl = 'https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cfc157151010897.630605bae2329.gif';
var newImageElement = new Image();
newImageElement.src = newImageUrl;
newImageElement.onload = function() {
var originalImage = document.getElementById('blurImage1');
if (originalImage) {
originalImage.parentNode.insertBefore(newImageElement, originalImage);
newImageElement.style.display = 'block';
}
};
})();
JavaScript:
// Function to remove the notice
function removeNotice() {
var notice = document.querySelector('li.notice.js-notice.notice--primary');
if (notice) {
notice.parentNode.removeChild(notice);
} else {
setTimeout(removeNotice, 500);
}
}
removeNotice();
Last edited: