MyBB Community Forums

I want to change style of spinner_big, that shows up in quick reply . I didn't find it in global.css

it is a gif image ; what do you actually want to change ...

Yes its a gif image of 70x70 . If I use another gif image of 120 x 50 It will move out from the default container of that image. I want to change the background color of that container too.

Change the new image name to spinner_big.gif , you may also need to change its size.

I don't want to replace the image, or re-size it, I want to make the spinner container background which is white by default , I want to style that container.

Edit:

Here is the default spinner, see the size of gif image and the white container.




I want to make it a rectangle just like that,

make a post with either chrome browser or opera browser, right click the element you want to change and choose "inspect element" from the drop down list.

it will list all the .css rules associated with it and what file they are contained in

You must edit the javascript file jscripts/general.js

(2011-11-12, 07:47 PM)sunjava1 Wrote: [ -> ]I don't want to replace the image, or re-size it, I want to make the spinner container background which is white by default , I want to style that container.

Edit:

Here is the default spinner, see the size of gif image and the white container.




I want to make it a rectangle just like that,

OK, open ./jscripts/general.js and find;

		this.spinner = document.createElement("div");
		this.spinner.style.border = "1px solid #000000";
		this.spinner.style.background = "#FFFFFF";
		this.spinner.style.color = "#000000";
		this.spinner.style.position = "absolute";
		this.spinner.style.zIndex = 1000;
		this.spinner.style.textAlign = "center";
		this.spinner.style.verticalAlign = "middle";
		this.spinner.style.fontSize = "13px";

		this.spinner.innerHTML = "<br />"+image+"<br /><br /><strong>"+loading_text+"</strong>";
		this.spinner.style.width = this.width + "px";
		this.spinner.style.height = this.height + "px";
		this.spinner.style.top = top + "px";
		this.spinner.style.left = left + "px";
		this.spinner.id = "spinner";

You've to change its properties.

Yaldaram nd Labrocca
Thanks solved