User talk:Ricky Spanish: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
no edit summary
(Welcome to Tardis!)
 
No edit summary
Line 93: Line 93:
Thanks for becoming a member of the TARDIS crew! If you have any questions, see the [[Tardis:Help| Help pages]], add a question to one of [[Forum:Index|the Forums]] or ask on [[User talk:CzechOut|my talk page]].  -- [[User:CzechOut|CzechOut]] ([[User_talk:CzechOut|Talk]]) 00:44, 2012 September 15  
Thanks for becoming a member of the TARDIS crew! If you have any questions, see the [[Tardis:Help| Help pages]], add a question to one of [[Forum:Index|the Forums]] or ask on [[User talk:CzechOut|my talk page]].  -- [[User:CzechOut|CzechOut]] ([[User_talk:CzechOut|Talk]]) 00:44, 2012 September 15  
</div>
</div>
== Loading image ==
To be honest, it's a pain in the ass. It took a lot of fiddling around. There are about three parts of it. 
#Creating a transparent .gif that you'll use as the loading "throbber"
#Changing the appropriate MediaWiki messages: [[MediaWiki:Wikia-editor-loadingStates-loading]] and [[MediaWiki:Wikia-editor-loadingStates-saving]]
#Fiddling with the location of the throbber through CSS
Here's the alterations to [[MediaWiki:Common.css]] we use, but it wouldn't work right out of the box for your own wiki, because it takes into account the precise text message we use, and the exact size of our throbber.
This part affects the text of [[MediaWiki:Wikia-editor-loadingStates-loading]] and [[MediaWiki:Wikia-editor-loadingStates-saving]].
<pre>
div.loading-message {
  font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif !important;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
</pre>
And this part changes the .gif throbber away from the default:
<pre>
#EditPageEditor .loading-indicator .loading-message .loading-throbber {
  background-image: url(http://images3.wikia.nocookie.net/tardis/images/c/c6/TardisLoader.gif) !important;
  background-size: 242px 200px !important;
  background-repeat:no-repeat !important;
  background-position:top center;
  background-color:transparent;
  overflow:visible;
  height:200px !important;
  width: 600px !important;
}</pre>
What you would need to do is upload your animated gif, then go to its file page (say, file:throbber.gif), then click on it again there so that you're getting to its base images3.wikia.nocookie.net page.  You'd then cut and paste that URL into the bit where we've got TardisLoader.gif, above. 
Then you'd have to mess around with the background-position and the height and width values to get it where you want.
There's no one-size-fits-all answer to your question, which is probably why you don't see that many wikis messin' around with the loading message.  {{user:CzechOut/Sig}}{{User:CzechOut/TimeFormat}} 22:26: Sat 15 Sep 2012</span>
85,404

edits

Cookies help us deliver our services. By using our services, you agree to our use of cookies.