Forum:WikiWordmark on .css

How do you translate Wiki Wordmark into .css form?


 * It depends on what exactly you are wanting to change with the CSS. The graphic is . The text is   (I think). Links would be nice to confirm what you are wanting to change. Rappy 22:33, February 9, 2012 (UTC)

http://images.wikia.com/totaldramaisland/images/4/4d/Wmvdaylogo.png

Making that the logo for me in the Total Drama Wiki.


 * Upload it via the Theme Designer. Rappy 02:04, February 10, 2012 (UTC)


 * Not an admin. I want it to be just for me, btw. Not that everyone sees it.

Place this in your personal CSS file. Rappy 03:02, February 10, 2012 (UTC)


 * Seems like a good FAQ post. -- Fandyllic (talk &middot; contr) 10 Feb 2012 1:04 PM Pacific


 * Problem: When I click on it, it does nothing. Can we link it to the userpage? -- Webkinz Mania  Talk  Blogs  Contributions  Editcount  18:44, February 11, 2012 (UTC)


 * Not with pure CSS, no. I talked with CD-TDA on IRC about the same thing. You need JS to either add a link to it or to change the image and leave the current function the same. There are two solutions.
 * Leave the current CSS in place.
 * This results in the new image showing up immediately on page load (which is handy). Then add the following JS to your personal JS file. This adds the link to the new background image we added with CSS.
 * Change the image with pure JS (rather than CSS).
 * The only benefit here is less code. The image will show up as the old image first then replaced as the new image after a short delay. Since we're replacing the original image and not hiding it to display another, the link to the main page from the original image still exists and works. If you're fine with the small flicker of the images on page load, you can add this JS instead and remove the above CSS.
 * I hope that explains things well enough. Drop me a line here if I need to clarify anything. Rappy 19:49, February 11, 2012 (UTC)