FANDOM


  • Hello, I absolutely love how you have the blue neon lights going around the infobox and the other boxes plus the glow around the main body. I started my own wiki and I was hoping I could get someone to help teach me about crafting my own CSS. If that is too much trouble maybe just help with how I get the glow like y'all have it. Love the wiki and would welcome any help, thank you

      Loading editor
    • Hey there. Most of the CSS was added to this wiki by Vozhan. Last year there was a merger between Transformers Prime Wiki and this one. Admins from the former joined the administrative board on this wiki, with some of the CSS and JS also carried over. In order to get a glow this passage on the Wikia.css page might be useful:

      /******** Variables ********/ :root { --text-page: #FFF; --text-accent: #FFF; --text-contrast: #FFF; --text-table: #FFF; --text-module: #FFF; --text-heavy: #666; --text-white: #FFF; --link-page: #0FF; --link-contrast: #FFF; --link-contrasthover: #0FF; --link-table: #0CF; --link-module: #0BF; --link-buttonprimary: #FFF; --link-buttonsecondary: #3A3A3A; --link-dropdownmenu: #FFF; --link-dropdownmenuhover: #0FF; --link-administrator: #60F; --link-moderator: #FC0; --border-general: #666; --border-accent: #00C; --border-module: #0CF; --border-menubuttondivide: #FFF3; --background-main: url(https://vignette.wikia.nocookie.net/transformers/images/d/d4/CyberveseBackgroundStill1.jpg); --background-page: #000C; --background-accent: #0089; --background-accenthover: #008C; --background-accentlight: #CF03; --background-accenthighlight: #CF03; --background-accentheavy: #008; --background-popovercontent: #008C; --background-popovercontenthover: #00AC; --background-contrast: #44A; --background-contrastalternate: #008; --background-tableheader: #008C; --background-tablecell: #0089; --background-module: #0009; --background-buttonprimary: #44A; --background-buttonprimaryhover: #66C; --background-buttonsecondary: #EEE; --background-buttonsecondaryhover: #F7F7F7; --background-footertoolbar: linear-gradient(to right, #000C 0, #008C 50%, #000C 100%); --background-notification: #008C; --background-overlay: #0003; --background-overlaydark: #0009; --background-overlaygradient: linear-gradient(to bottom, transparent, #000); --colour-red: #C00; --colour-green: #0C0; --colour-lightblue: #08F; --colour-darkblue: #008; --colour-purple: #60F; --colour-redtransparent: #F009; --colour-greentransparent: #0F09; --colour-lightbluetransparent: #0AF9; --colour-darkbluetransparent: #00C9; --colour-purpletransparent: #60F9; }

        Loading editor
    • Thank you so much, I had a look at your CSS and I had a small (very small) thought that maybe that was it but wasn't for sure. Do I just need to add this to my CSS or do I need to add anything else to go along with it?

        Loading editor
    • You have to adapt this to your wiki. For instance you might want to have another background, so it is best to replace the picture and also change the various hexcodes if you want different colors.

        Loading editor
    • Yes sir I've changed the background and I'll look into the codes as well. So as far as the rest of the CSS goes I don't need it in order to get the glows? Does that code you gave me also include the round edges and the toolbar change as well?

      I apologize for the many questions I enjoy learning about this stuff and when I see a wiki that is created cool like this one I just have to learn how to do it as well. I appreciate you taking the time to answer my questions.

        Loading editor
    • The Wikia.css page on this wiki is very huge. Unfortunately it takes a lot of time to go through everything. Like with everything in terms of coding, the glow effect can be implemented in many ways. This code is mostly all you need for that. Feel free to experiment with it on your wiki.

        Loading editor
    • I will thank you, I also got in contact with Vozhan and he agreed to help me a little so I appreciate everything!

        Loading editor
    • Great to hear that. The more help you get the better. We wish you good luck with your wiki.

        Loading editor
    • Thank you!

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.