×
Create a new article
Write your page title here:
We currently have 6,314 articles on Polcompball Anarchy Wiki. Type your article name above or create one of the articles listed here!



    Polcompball Anarchy Wiki
    (Redirected from Stylizing Guide)

    This page has a basic style guide for the wiki. Using the source editor is strongly recommended for editing the wiki.

    If the edit button does not appear for any given page, to edit, just add ?action=edit to open the source editor or ?action=history to open the page history.

    =This is a title within a page, using a single equals sign on both sides.=

    ==This is a heading within a page that uses two equals signs on both sides.==

    ===This is a heading within a page that uses three equals signs on both sides.===

    ====This is a heading within a page that uses four equals signs on both sides.====

    =====This is a heading within a page that uses five equals signs on both sides.=====
    ======This is a heading within a page that uses six equals signs on both sides.======

    Pages, as you should know, can be stylized in many ways. Pages, most notably self-inserts, can have custom background colors or even colored bars or colored shadow text. The page stylizing template is

    {{Style}}

    and has the following entry slots:

    {{Style
    |bannercolor=
    |headercolor=
    |textcolor=
    |buttoncolor=
    |buttontextcolor=
    |linkcolor=
    |background=
    |hovercolor=
    |footercolor=
    }}
    

    To give text simple colors, the syntax

    <span style="color: #[color hex]">[Text]</span>

    will work. The syntax

    <span style="color: #ff0000">Red</span>

    will read Red

    Other Stylizing


    This module contains multiple widgets than can absolve the need for repeating code; some examples are seen below.

    big

    This utility adds one or several <big> tags around an element to increase its size. Its syntax only takes 2 arguments, the first is the text you want to increase the size of and the 2nd is the number of big tags to add.

    Example usage:

    This text is going to be big

    {{#invoke:Repeat|big|This text is going to be big|5}}
    

    This text not so much

    {{#invoke:Repeat|big|This text not so much|1}}
    

    same

    This utility simply repeats a given segment of wikitext the provided times, it takes 2 arguments, the first is the text to repeat and the second is the number of times to do so

    Example usage:

    Hello Hello Hello Hello Hello

    {{#invoke:Repeat|same|Hello |5}}
    

    Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye Goodbye

    {{#invoke:Repeat|same|Goodbye |20}}
    

    gradient

    This utility creates a linear gradient with hard cutoffs, it takes 3 or more arguments, the first is the direction towards which the gradient should be and the following arguments are the colors of the gradient.

    Example usage:

    <div style="background:
    {{#invoke:Repeat|gradient|right|#E50000|#FF8D00|#FFEE00|#008121|#004CFF|#760188}};
    width:500px;height:50px;"></div>
    
    <div style="background:
    {{#invoke:Repeat|gradient|bottom left|#018E71|#21CFAB|#9AE9C3|#FFFFFF|#7CAFE4|#4F47CC|#3C1379}}; 
    width:500px;height:50px;"></div>
    

    parentGradient

    Similar functionality to Gradient but always grabs arguments from the parent template, ("direction" and unlabled elements are grabbed)

    Example usage:

    {{ParentGradient
    | text = sample text
    | direction = right
    | #0ff
    | #f00
    }}
    

    shadow

    This utility creates a text shadow of a specific color all around the text, it takes a single argument, the color of the shadow

    Example usage:

    Hello, Red World!
    <div style="text-shadow:{{#invoke:Repeat|shadow|#F00}}">Hello, Red World!</div>
    
    or
    {{glow|Hello, Red World!|#F00}}
    
    Hello, Royal Purple!
    <div style="text-shadow:{{#invoke:Repeat|shadow|#7851a9}}">Hello, Royal Purple!</div>
    
    or
    {{glow|Hello, Royal Purple!|#7851a9}}
    


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

    Recent changes

  • EmperorAlexander99 • 15 minutes ago
  • MagicArya • 21 minutes ago
  • EmperorAlexander99 • 25 minutes ago
  • EmperorAlexander99 • 26 minutes ago
  • Cookies help us deliver our services. By using our services, you agree to our use of cookies.