FANDOM


  • Does anyone know how to create a thumbnail like this? I mean when we place the cursor in 'blue texts', the thumbnail of the page is appear. And what code that I need to write in the FANDOM/Wikia?

    Bandicam 2020-07-30 19-15-17-762
      Loading editor
    • Have a look at LinkPreview. :)

        Loading editor
    • CrazyForMyself wrote:
      Have a look at LinkPreview. :)

      Thank you so much! :)

      And...I want to ask one again...how do I change the text color of the LinkPreview? Can you tell me what the source code of it?

        Loading editor
    • You're welcome! :)

      And npage-preview div is the selector you'd use. E.g., you'll have to add following to Wikia.css to change the text color to white:
      .npage-preview div {
        color: #fff;
      }
        Loading editor
    • CrazyForMyself wrote:
      You're welcome! :) And npage-preview div is the selector you'd use. E.g., you'll have to add following to Wikia.css to change the text color to white:
      .npage-preview div {
        color: #fff;
      }

      What add following? Because after I add that in Wikia.css and change the color tags (#). It's still like this

      Bandicam 2020-08-01 16-45-17-266
        Loading editor
    • OCrazyForMyself wrote:
      You're welcome! :) And npage-preview div is the selector you'd use. E.g., you'll have to add following to Wikia.css to change the text color to white:
      .npage-preview div {
        color: #fff;
      }

      Sorry for replying you again. I just want to tell that it works! Thank you! . . By the way, I have a question again, but this is out of context. How can I do:

      Bandicam 2020-08-01 17-04-34-408
      Like this image? The Infobox have a line between rows, then the font of the section header become small, and have black 'divider' like GTA Wikia?

      What is the code and where do I put it? (Wikia.css?Common.css?ImportJS?)

      Thank you!


        Loading editor
    • It's absolutely fine! Glad to know it worked out!

      And can you provide link to the infobox for which you need that? :)

        Loading editor
    • CrazyForMyself wrote:
      It's absolutely fine! Glad to know it worked out!

      And can you provide link to the infobox for which you need that? :)

      Link of the infobox?: https://gta.fandom.com/wiki/Template:Infobox_vehicles.

      I only want to know how to customizing the infobox. As I said above, they have a border between the...Example (image of GTA Wikia Infobox):

      Manufacture|example


      Vehicle type|example


      And then how do I align-left the title of the section header?

      What code is it and where do I put it?

        Loading editor
    • And...I have another question again (and out of context again) :).

      How do I change the color of SVG? Because it's always black and white.

        Loading editor
    • Ah, I was actually referring to your infobox. It'd help to provide link to the infobox you need that design for. :)

      And no worries about context! Unfortunately, I'm afraid I don't know much about SVG, so I can't really help. Hopefully someone else can help you with that!

        Loading editor
    • CrazyForMyself wrote:
      Ah, I was actually referring to your infobox. It'd help to provide link to the infobox you need that design for. :)

      And no worries about context! Unfortunately, I'm afraid I don't know much about SVG, so I can't really help. Hopefully someone else can help you with that!

      It's okay. The SVG is optional!

      Link to my infobox? It's here!: https://first-player.fandom.com/id/wiki/Templat:Characters (It's on Indonesia though, but I hope when you're checking it's still English)

        Loading editor
    • All right, so does this look good to you? Any modifications you'd like?

      Infobox bordered rows and colored label example
      If it's all good with you, then you'd have to add following to Wikia.css for it:
      .portable-infobox .pi-data {
        border-bottom: 1px solid #000;
        padding: 0;
      }
      .portable-infobox .pi-data-label {
        padding: 9px 5px;
        background: #0038d8;
        color: #fff;
      }
      .portable-infobox .pi-data-value {
        padding: 9px 5px;
      }
        Loading editor
    • CrazyForMyself wrote:
      All right, so does this look good to you? Any modifications you'd like?
      Infobox bordered rows and colored label example
        If it's all good with you, then you'd have to add following to Wikia.css for it:
      
      .portable-infobox .pi-data {
        border-bottom: 1px solid #000;
        padding: 0;
      }
      .portable-infobox .pi-data-label {
        padding: 9px 5px;
        background: #0038d8;
        color: #fff;
      }
      .portable-infobox .pi-data-value {
        padding: 9px 5px;
      }

      This is look good! Thank you so much!

      And...by the way...how do I add the border of the infobox? The out border?

      (Another Out of Context Question): How do I coloring a specific text? Just like in Borderlands Wikia/Minecraft Creepypasta Wikia? Example:

      Bandicam 2020-08-04 08-23-02-044
      Bandicam 2020-08-04 08-23-40-638
        Loading editor
    • Hmm, the out border? Like the black border around the whole infobox that was there before?

      And you can use <span style="color: <color>;">Text</span> for it, replacing <color> with any color you want. As for links, you'd use [[Link|<span style="color: <color>;">Text</span>]].

        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.