Login to ZARP

Poll: Helpful?

Yeh	93	89.4%
Nah	11	10.6%
Total number of voters: 104 ( Apollo Freeman, Boxy, Skript, Buffy, Ascenda ) See more Knuthulhu, Mattors, Killa Kappa, Darling, Tom., Faithful, JoshuaIsGreat, alit, JokerMan, Clarky, Pack of Arseniy buckwheat, SWORD, Shae, Taylor_, Mr. Richard, Salted Wine, Agebt, Hoops_1991, Nafe, _Lucky_, Ashur, Label, illegalimmigrant, HostiOne, Nina, Symtriix, leon21, Kim., MegaMowery, Quatroking, Jason., Top Shagger Eleven, bmanwolfpack, TheRealNepgear, Froyo, Tadgee, Sopheric, TheXnator, Red_, L3mon, Patriot, spodermon, LocalSoviet, NOPEEEEE, HellForce, Windows, maybedovahkitty, catboy sven ツ, 111111, JoeSweeney, FaTal x, Lewis_is_java, iinsertname, cJazz, _Lewis, steeve ho you fat, RubyTheSlump, Shark, Anon_Gaming, Jim_Jam, AceInsidious, Samual Peterson, Hulubalu, MichaeI, bunnyslippers69, Hey its Alex, hamad711, mrmmo, xInsaneSamurai, Raifster123, Studio Banter, smo, Viking, Nate, SwiiFTz, Hungry Santa, Annie Moonise, Jeppe, el une spodermun, ChikenGod, narexa, Morgan, KapiJam, Ashy, RFlex, Raeker, SorIe, Bazaraxe, Jetzzy, FUZZY, am out, Wonky, Chienman, Marcooo, Jalu, Gody, Efraime, Wolfi, DEADMONSTOR
Only registered users can participate to this poll

Page:
1
2
3
4
5

TOPIC: [Forum Guide] Changing the forums for your liking!

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541072

NOTE: You must have Google chrome/Firefox for this to work.

1st: Download this attachment chrome.google.com/webstore/detail/custom...gnaaelnpjljija?hl=en //// addons.mozilla.org/en-US/firefox/addon/javascript/?src=search

2nd: Go onto the ZARP website and click the extension. If it says to refresh the page then do it.

3rd: Find a background that you like.

http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg

4th: Put this code into the box. Save at the bottom right and make sure that it is enabled at the top right.

document.body.style.backgroundImage = "url('http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg')";
document.body.style.backgroundAttachment = "fixed";
document.body.style.backgroundPosition = "center";
document.body.style.backgroundRepeat = "no-repeat";
document.body.style.backgroundSize = "cover";

document.body.style.backgroundImage = "url('INSERT LINK HERE')";
document.body.style.backgroundAttachment = "fixed";
document.body.style.backgroundPosition = "center";
document.body.style.backgroundRepeat = "no-repeat";
document.body.style.backgroundSize = "cover";

You should now have a background to the ZARP website every time you go on it. I will update this with more changes soon

Mine looks like this

Other tricks.

If you want to remove the black bar at the top

document.getElementsByClassName("rt-header-border")[0].style.backgroundColor = "rgba(0,0,0,0)";

Changing the WHO'S PLAYING Box to a different server.

var server = "darkrp.zarpgaming.com:27015"

document.getElementsByClassName("rt-block title4 box4 visible-desktop")[0].getElementsByClassName("module-surround")[0].getElementsByClassName("module-content")[0].getElementsByClassName("customtitle4 box4 visible-desktop")[0].getElementsByClassName("visible-large")[0].getElementsByTagName("iframe")[0].src='http://cache.www.gametracker.com/components/html0/?host='+server+'&bgColor=1F2642&fontColor=8790AE&titleBgColor=11172D&titleColor=FFFFFF&borderColor=333333&linkColor=FF9900&borderLinkColor=999999&showMap=0&showCurrPlayers=0&topPlayersHeight=100&showTopPlayers=1&showBlogs=0&width=250';

New code! Buttons on replys

var banappealtemplate = ``;

var modtemplate = ``;

var review = ``;

var btn = document.createElement("INPUT");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.className = "kbutton";
btn.type = "Button";
btn.value = "Ban Appeal Template";
btn.onclick = function(){ document.getElementById("kbbcode-message").value = banappealtemplate };
if (document.getElementById("kpost-buttons") != null) {
document.getElementById("kpost-buttons").getElementById("kpost-buttons").appendChild(btn)
}

var btn = document.createElement("INPUT");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.className = "kbutton";
btn.type = "Button";
btn.value = "Moderator Template";
btn.onclick = function(){ document.getElementById("kbbcode-message").value = modtemplate };
if (document.getElementById("kpost-buttons") != null) {
document.getElementById("kpost-buttons").getElementById("kpost-buttons").appendChild(btn)
}

var btn = document.createElement("INPUT");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.className = "kbutton";
btn.type = "Button";
btn.value = "Application Review";
btn.onclick = function(){ document.getElementById("kbbcode-message").value = review };
if (document.getElementById("kpost-buttons") != null) {
document.getElementById("kpost-buttons").getElementById("kpost-buttons").appendChild(btn)
}

If you would like to add more buttons
Copy this

var CHANGEME = ``;

var btn = document.createElement("INPUT");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.className = "kbutton";
btn.type = "Button";
btn.value = "Application Review";
if (document.getElementById("kpost-buttons") != null) {
btn.onclick = function(){ document.getElementById("kbbcode-message").value = CHANGEME};
}

Change both of the CHANGEME to the same and paste it in!

Code that looks nice

//Server list for sideBar

var servers = [
      "play.zarpgaming.com:27015",
      "play.zarpgaming.com:27025",
      "play.zarpgaming.com:27030",
      "play.zarpgaming.com:27040",
	  "play.zarpgaming.com:27035",
	  "play.zarpgaming.com:27019",
	  "usa.zarpgaming.com:27015"
];
	  
serverUpdateInterval = 10;


/*
General Site Edits
*/
var siteBackgroundIMG = 'http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg';



// Create buttons for replys

var banAppealbtn = createReplyBtn("Ban Appeal Template", '[url=http://zarpgaming.com/index.php/forum/appeals/40539-punishment-appeal-template]Appeal Templates[/url]');



// Don't Edit This
document.body.style.backgroundImage = "url("+siteBackgroundIMG+")";

document.getElementsByClassName("rt-header-border")[0].style.backgroundColor = "rgba(0,0,0,0)";

 function changeWhosPlaying(){
    var randServrint = Math.floor((Math.random() * servers.length) + 1);
    var server = servers[randServrint - 1];
     console.log(server);
     document.getElementsByClassName("rt-block title4 box4 visible-desktop")[0].getElementsByClassName("module-surround")[0].getElementsByClassName("module-content")[0].getElementsByClassName("customtitle4 box4 visible-desktop")[0].getElementsByClassName("visible-large")[0].getElementsByTagName("iframe")[0].src='http://cache.www.gametracker.com/components/html0/?host='+server+'&bgColor=1F2642&fontColor=8790AE&titleBgColor=11172D&titleColor=FFFFFF&borderColor=333333&linkColor=FF9900&borderLinkColor=999999&showMap=0&showCurrPlayers=0&topPlayersHeight=100&showTopPlayers=1&showBlogs=0&width=250';
 }
 

function createReplyBtn(Title, Text){
	var btn = document.createElement("INPUT");
	var t = document.createTextNode("CLICK ME");
	btn.appendChild(t);
	btn.className = "kbutton";
	btn.type = "Button";
	btn.value = Title;
	btn.onclick = function(){ document.getElementById("kbbcode-message").value = Text };
	document.getElementById("kpost-buttons").getElementById("kpost-buttons").appendChild(btn)
	
	return btn;
}

setInterval(function(){ changeWhosPlaying();}, serverUpdateInterval *1000);

Dark Theme:

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "#Kunena div.kannouncement div.kheader, #Kunena div#kannouncement .kanndesc, #Kunena fieldset, #rt-mainbody, #Kunena tr.krow1 td, #Kunena tr.krow1 td, #Kunena tr.krow2 td, #Kunena .klist-actions, #Kunena .klist-actions-bottom { background-color: rgb(25, 25, 25) } .rt-light, .rt-light .box2, .rt-dark .box2, .rt-dark .box3, .rt-light .box3, body.component-body, body.component-body .component-content.rt-dark { color: #b5b5b5 } table  {border-color: #5a5a5a !important} #Kunena td.kcol-last, #Kunena td.kcol-mid {border-left-color: #5a5a5a; border-bottom-color: #5a5a5a !important} #Kunena div#kforum-head, #Kunena td.kcol-first, #Kunena td.ktopicmodule {border-bottom-color: #5a5a5a} #Kunena div.kblock div.kbody, #Kunena .kblock div.kheader, #Kunena div.kpbox {border-color: #5a5a5a} ";
css.innerHTML += "#Kunena a:active, #Kunena a:focus, #Kunena a:link, #Kunena a:visited {color: #0084d4 !important; background-color: transparent!important } "
css.innerHTML += "#Kunena .button, #Kunena .kbutton { background-color: #F2F1EE; border-color: #999; color: white;} "
css.innerHTML += "#Kunena .button,#Kunena .kbutton { background-color: #000; border-color: #999; color: #F2F1EE } #Kunena .kforum-pathway{ color: #F2F1EE; background-color: rgb(25, 25, 25)}"
css.innerHTML += "#Kunena .klist-bottom, #Kunena .klist-markallcatsread, #Kunena .klist-top { border-color: #BFC3C6; background-color: rgb(25, 25, 25)}"
css.innerHTML += "#Kunena td.kprofile-left, #Kunena td.kprofile-right, #Kunena div.kblock div.kcontainer { background-color: rgb(25, 25, 25); border-bottom-color: #BFC3C6 }"
css.innerHTML += "#Kunena div.kmsgtext-article, #Kunena div.kmsgtext-confidential, #Kunena div.kmsgtext-hide, #Kunena div.kmsgtext-quote {background-color: rgb(25, 25, 25)}"
css.innerHTML += "#Kunena .kforum-pathway, #Kunena dl.tabs dt {border-left-color: #999; border-right-color: #999;}"
css.innerHTML += "#Kunena div.kmsg-header h2 {background-color: rgb(25, 25, 25) } #Kunena div.kmsg-header {border-color: rgb(90, 90, 90);} #Kunena td.kbuttonbar-right, #Kunena td.kprofile-left, #Kunena td.kprofile-right, #Kunena div.kblock div.kcontainer {border-bottom: 2px solid rgb(90, 90, 90);} "
css.innerHTML += "#Kunena div.kmsgsignature, #Kunena div.kmessage-editmarkup-cover {border-top: 2px solid rgb(90, 90, 90); } "
css.innerHTML += "#Kunena div.kmsgtext-article, #Kunena div.kmsgtext-confidential, #Kunena div.kmsgtext-hide, #Kunena div.kmsgtext-quote { border: 1px solid } " 
css.innerHTML += "#Kunena span.kmessage-editmarkup, #Kunena span.kmessage-informmarkup{background-color: rgb(25, 25, 25)} "
css.innerHTML += "#Kunena .krow1-stickymsg, #Kunena .krow2-stickymsg {background-color: #000} #Kunena .kwho-banned, #Kunena .kwho-blocked, #Kunena a.kwho-banned, #Kunena a.kwho-blocked {color: #A39D49!important} "
css.innerHTML += "#Kunena #kpost-message .postinput, #Kunena #kpost-message .postinput:focus, #Kunena #kpost-message .postinput:hover, #Kunena #kpostmessage tr.krow2 td.kcol-ktopicicons td, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input, #Kunena .kattachment .kbutton {background-color: #000; color: white} #Kunena table#kpostmessage .kposthint .kinputbox, #Kunena #kpost-message .invalid {color: black} "
css.innerHTML += "#Kunena .kdeleted td, #Kunena .kmoved td{background-color: rgb(25, 35, 55) !important} canvas { display: block; vertical-align: bottom; } #particles-js {position : absolute; width:100%; height:100%; z-index:-1; }"
css.innerHTML += "#Kunena .kunapproved td{background-color: rgb(25, 25, 45) !important}"
css.innerHTML += "#rt-mainbody {border-radius: 0 9px 0 0;} #Kunena td.kprofile-right {max-width: 170px}"
document.body.appendChild(css);

var lol = document.getElementsByClassName("kwho-admin");
var Admin = "FF0000"
for (i = 0; i < lol.length; i++) {
	if(typeof(lol[i].text) == "string" && lol[i].text.length != 0){
	//	lol[i].text += " | Admin";
		if (Admin != null){
			lol[i].setAttribute('style', 'color: #' + Admin + ' !important');
		}
		
	}
}

var lol = document.getElementsByClassName("kwho-globalmoderator");
var GModerator = "FF08FB"
for (i = 0; i < lol.length; i++) {
	if(typeof(lol[i].text) == "string" && lol[i].text.length != 0){
	//	lol[i].text += " | Global";
		if (GModerator != null){
			lol[i].setAttribute('style', 'color: #' + GModerator + ' !important');
		}
		
	}
}

var lol = document.getElementsByClassName("kwho-moderator");
var Moderator = "1EFF00"
for (i = 0; i < lol.length; i++) {
	if(typeof(lol[i].text) == "string" && lol[i].text.length != 0){
	//	lol[i].text += " | MOD";
		if (Moderator != null){
			lol[i].setAttribute('style', 'color: #' + Moderator + ' !important');
		}
	}
}

var lol = document.getElementsByClassName("kwho-user");
var User = "5388B4"

for (i = 0; i < lol.length; i++) {
	if(typeof(lol[i].text) == "string" && lol[i].text.length != 0){
		if (User != null){
			lol[i].setAttribute('style', 'color: #' + User + ' !important');
		}
	}
}

This code will allow gifs on the Index page

var array = document.getElementsByClassName("klist-avatar");
	
for (i = 0; i < array.length; i++) {
	var arr = /https:\/\/zarpgaming\.com\/media\/kunena\/avatars\/resized\/size36\/users\/(.*)/.exec(array[i].src);
	
	if (!arr){
		continue;
	}
	
	array[i].src = "https://zarpgaming.com/media/kunena/avatars/resized/size144/users/" + arr[1];
}

DEADMONSTOR
Offline
Former Owner
Posts: 9277
Thanks received: 3799
Karma: 80

...

Last Edit: 5 years 2 months ago by DEADMONSTOR.

The following user(s) said Thank You: EiPUS, Nafe, Bazaraxe, am out, Shae and 20 more...

[Forum Guide] Changing the background! 7 years 7 months ago #541080

DEADMONSTOR wrote: NOTE: You have to have Google chrome for this to work. 10/10 but ty for the guide <3,looks amazing bro!	am out Offline Expert Boarder Posts: 1436 Thanks received: 393 Karma: 27
Login or register to post a reply.

[Forum Guide] Changing the background! 7 years 7 months ago #541087

This guide needs to be pinned	el une spodermun Offline Mythical Boarder ex retard Posts: 5119 Thanks received: 1318 Karma: 19
steamcommunity.com/id/refoogee Last Edit: 7 years 7 months ago by el une spodermun. Login or register to post a reply. The following user(s) said Thank You: Roy Harper

[Forum Guide] Changing the background! 7 years 7 months ago #541089

Any suggestions on what to do I will try my best.	DEADMONSTOR Offline Former Owner Posts: 9277 Thanks received: 3799 Karma: 80
... Login or register to post a reply.

[Forum Guide] Changing the background! 7 years 7 months ago #541091

<3	Kodi Offline Diamond Boarder Proud 2016 Memer Posts: 3347 Thanks received: 519 Karma: 21
GG Onion! Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541106

Please pin this.	Marcooo Offline Diamond Boarder Posts: 3485 Thanks received: 465 Karma: 44
Made by Am1og My other account Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541111

DEADMONSTER GREAT GUY	Roy Harper Offline Adept Boarder someone stole my legendary member Posts: 6857 Thanks received: 1950 Karma: 15
»Ex-DarkRP HeadAdmin« »Ex-TeamSpeak3 Staff« »Ex-Appeals Section Mod« »Ex-Jailbreak Moderator« »Ex-Bhop Moderator« Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541118

Stop being perfect. Btw if you can add a poll we can See if people find this helpfull or not so we can sticky it!	AceInsidious Offline Legendary Member Memed Posts: 7996 Thanks received: 3661 Karma: 394
Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541123

This is the best thing since butter on bread. You're the best, you know that?	Raeker Offline Former Community Manager It hurts the best of us Posts: 9175 Thanks received: 6577 Karma: 213
Add me on Steam here! Login or register to post a reply.

[Forum Guide] Changing the background! 7 years 7 months ago #541144

Updated with a Poll!	DEADMONSTOR Offline Former Owner Posts: 9277 Thanks received: 3799 Karma: 80
... Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541156

I think you'll just help me through steam	Jordz Offline Marvelous Boarder More Scottish than Aidan himself Posts: 10795 Thanks received: 2237 Karma: 129
Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541161

Is it possible to make the background a gif?	The Gamer Guy Offline Diamond Boarder ... Posts: 3895 Thanks received: 749 Karma: 20
SSRP - Ex-Super Admin Minecraft - Ex-Admin TeamSpeak - Ex-Staff Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541166

The Gamer Guy wrote: Is it possible to make the background a gif? Yes any image should work	DEADMONSTOR Offline Former Owner Posts: 9277 Thanks received: 3799 Karma: 80
... Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541178

This deserves to be pinned %100 good work dead!	Bazaraxe Offline Legendary Member Ay-Yi-Yi-Yi- Posts: 2686 Thanks received: 905 Karma: 19
Ex Deathrun Head Admin Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541387

Currently working on something that will help most of you	DEADMONSTOR Offline Former Owner Posts: 9277 Thanks received: 3799 Karma: 80
... Login or register to post a reply. The following user(s) said Thank You: Morgan, el une spodermun, Pegasus, Red_, Raeker

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541411

DEADMONSTOR wrote: Currently working on something that will help most of you are you trying to recreate this - chrome.google.com/webstore/detail/projec...eloalilgpidljbbfedbg if so please do lmao that shit handy af.	KapiJam Offline Diamond Boarder emotionally attracted to chuteuk Posts: 4646 Thanks received: 1148 Karma: 90
Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541430

var banappealtemplate = ``;

var modtemplate = ``;

var review = ``;

var btn = document.createElement("INPUT");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.className = "kbutton";
btn.type = "Button";
btn.value = "Ban Appeal Template";
btn.onclick = function(){ document.getElementById("kbbcode-message").value += banappealtemplate };
document.getElementById("kpost-buttons").getElementById("kpost-buttons").appendChild(btn)

var btn = document.createElement("INPUT");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.className = "kbutton";
btn.type = "Button";
btn.value = "Moderator Template";
btn.onclick = function(){ document.getElementById("kbbcode-message").value += modtemplate };
document.getElementById("kpost-buttons").getElementById("kpost-buttons").appendChild(btn)

var btn = document.createElement("INPUT");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.className = "kbutton";
btn.type = "Button";
btn.value = "Application Review";
btn.onclick = function(){ document.getElementById("kbbcode-message").value += review };
document.getElementById("kpost-buttons").getElementById("kpost-buttons").appendChild(btn)

Added. Change the var's at the top for what is put in the box when you click it

DEADMONSTOR
Offline
Former Owner
Posts: 9277
Thanks received: 3799
Karma: 80

...

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541541

Just a cheeky bump. For all the people who don't want to mess around with code. I will be making a google chrome extension hopefully soon!	DEADMONSTOR Offline Former Owner Posts: 9277 Thanks received: 3799 Karma: 80
... Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541546

Thanks lad	SwiiFTz Offline Legendary Member Posts: 2915 Thanks received: 955 Karma: 4
Ex Minecraft Server Owner Ex TTT Super Administrator Ex SSRP Administrator x2 Ex Deathrun Moderator Ex Murder Moderator Login or register to post a reply.

[Forum Guide] Changing the forums for your liking! 7 years 7 months ago #541551

Ty	Hungry Santa Offline Legendary Member Gib me dat shit for free Posts: 10675 Thanks received: 4100 Karma: -318
Login or register to post a reply.