Wikia

SpongeBob SquarePants

  • 120d has requested I stay up until midnight when it ends today. I'm not sure which time zone GMT is, and I don't know how to replace the background picture to the winner's. If you can tell me how so I can do this when it ends @ midnight. Is it the UTC?

      Loading editor
    • Hey, actually I've won the contest. I'm going to try it on my own. If I fail, I'll let you know. If  I suceed, you'll see the background.

        Loading editor
    • Oh just joyous. I failed miserably. I upload it to theme designer, and it won't fill up the page. And then, if I hit tile, it tiles up. What is your suggestion for this error?

        Loading editor
    • I have already helped you a little bit: http://spongebob.wikia.com/wiki/Thread:93987.

      Preparing image

      Well, what we want to do is to find a image that will fit wiki's content area. Therefore, we need to know dimensions of it.

      Dimensions of the wiki's content is 1033px*1200px, so the actual image needs to have that dimensions in order to cover everything.

      Of course, it can also have some different dimensions, but it will not look good in our case.

      We have found that image and we have already made it have those dimensions; I have done that part.

      Next, we need to define the width of places on the left and right of the wiki's content. It can practicly be anything, but I will not suggest more than 150px.

      Also, what is very important is to that left and right side has the same width, so the image can be corectly centered.

      Now we can add some border to seperate wiki's content and sides. I have added it to snow background.

      If our image is more 300kb we can compress it with Radical Image Optimitazion Tool, or RIOT [1]

      Theme designer

      What we should handle first are the middle and main background colors.

      The main background is actually background color of a layer that is first from back. The layer that is behind all other layers.

      Middle background is a background color of a layer that is second from back.

      That layer is there to fill empty space that will be left when the image gets splitted in half on large screens. [2]

      The background color of that layer should be some avarage color of you background, which will be green.

      However, I will rather put blue, since the upper part of image will be revealed by the adds on the main page and average of upper part of your background is blue.

      The colors we choose can, but in the most cases why will not be main color like red, blue, etc.

      In that case we will need to Google "blue hex codes" or "red hex codes" to get perfect tone.

      Wikia's theme designer allows you to enter a hex code of your own color.

      Hex codes are amount of Red, Green and Blue colors in some color turned into hexadecimal numbers.

      The decimal version of those amounts can be 0-255 for each of the three colors.

      Anyway, now when we have choosen our colors, we need to upload the image and choose how we will display it.

      Considering that the image is uploded we can choose to lock the image and make wiki's content scroll over it.

      That would be "fixed" option. However, we maybe have some image that can be repeated horizontally and vertically while still looking good.

      The example of that image is our very first background on the wiki [3].

      For that image a "tile" option will be good; it can be sayed perfect.

      Well, if you try choosing "tile" option, you will se that middle background color will get disabled, since the image doesn't need to adapt to larger resolutions anymore; it is endlessly repeated.

      After choosing how to display our image, we have come to third layer from the back, which is actually a wiki's content.

      We want to make that layer transparent so we can see our background through it.

      Therefore, we change transparency level until we are satsified with the result.

      More, in the theme designer, it takes few seconds to show the result after changing the level of transparency, so be patient.

      After setting trensparency level, we can customize wiki's logo, but I will not suggest to customize it for spring.

      Well, I think that it should only be customized on some special days like Haloween, Christmas, Valentine's Day, etc.

      When logo is covered we have reached the end and new theme is prepeared. We can save changes and see the results.

      Seeing the results

      When it comes to seeing the results, we may need to clear our browser chache to actually see them.

      Web browser usually chache some data in order to load websites faster in the future.

      So if some part of the website is changed, the web browser may display the old, chached version of that part.

      In our case it will be the old background. We don't want to see that kind of result, so we will then clear our browser chache.

      If even after clearing the browser chache everything isn't how it was in the theme designer, we can only wait for wikia's servers to start distributing a new background.


      I hope that you will be able to put your background up now.

        Loading editor
    • I will try it now. If it fails yet again, I shall let you know.

        Loading editor
    • Okay, I am going now and will be back in 7 hours.

        Loading editor
    • My mac has failed. I've had to use my PC with a screen that cannot see the background. Therefore, it's impossible for me to upload the picture. I won't have my mac back for about a day. Is it possible for you to upload the image? When I started the process to do so, my mac just died. ;( Thank you if you can!

        Loading editor
    • I have done it, but do you think we need less transparency?

      By the way, I have moved you thread from important updates to project cleanup, since important updates section should be gone after wiki is renamed.

      Also, I don't think that AMK152's original intention was to put contests there.

      The only thing that will go there is a Spotlight discussion, but that only after Twitter discussion is resolved and everything is implemented.

        Loading editor
    • Thanks. No transparecny is fine. Why is the updates going away after the re-name?

        Loading editor
    • There will be no important updates left and there will not be actually gone, just hidden.

      Well, important updates are for some policies changes, discussions about some issues, etc.

      If there will be some important updates it will be unhidden to show that update.

      As I have already said, it will be unhidden for Spotlight discussion.

        Loading editor
    • Are you going to be a part of the Easter Background Contest?

        Loading editor
    • Maybe, if I got some idea.

        Loading editor
    • OK

        Loading editor
    • I'll look into it.

        Loading editor
    • Okay, I have added something to your signture that will prevent it to be displayed in two rows.

        Loading editor
    • Oh, thanks!

      I love your picture. It's my favorite!

        Loading editor
    • Thanks!

        Loading editor
    • I'm going to give SigReal instructions, but am going to do some changing, if it's cool with you

      I'll make a different page:

      spongebob.wikia.com/wiki/User:Tanhamman/SigReal/Help

      Give the instructions.

      However, I will change some of the wording because when I did it, I was confused.

      On User:Tanhamman/SigReal, I'll link it to User:Tanhamman/SigReal/Help

      I'LL BEGIN IF YOU THINK IT'S A GOOD IDEA

        Loading editor
    • You can do whatever you want with it. I have just fixed it because I have noticed you have used my signature as a template.

      By the way, this was the origin of my signature and Monchoman45 was okay with someone else using his signature.

      That's why he has written those instructions in the first place.

        Loading editor
    • OK.

      I'm going to do this.

      Slight changes of course.

        Loading editor
    • I have noticed that you have have forgotten noinclude tags.

        Loading editor
    • What are they? ~

        Loading editor
    • Every time you include some page in another, you can specify which content you don't want include.

      However, you musn't leave any space or rows before and after <noinclude> and </noinclude> tags.

      Here is how I have used them on your SigReal.

        Loading editor
    • Thank you so much! I had to fix up a lot on it because too much would be included.

      Yes… I remeber that something to the extint of this existed, I just couldn't remember.

      Again, thank you.

      D

      TanHamMan 15:06,3/30/2014  

      IT WORKS!

        Loading editor
    • You are welcome!

        Loading editor
    • Hey…

      If you go here, I've made a poll at the top of the page.

      I'm going to see people's opinions on what is worse.

      Care to vote?

      If not cool with me.

      BTW, you rock!

        Loading editor
    • I have voted: The Splinter.

        Loading editor
    • Awesome! Thanks.

      Again, BTW you rock!

        Loading editor
    • 54.167.144.4
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message

Wikia Spotlight

Random Wiki