Locked
Halopedia

Help:Wallpapers: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
m (Text replacement - "<pre> {| style="width:100%" | class="odst" style="padding:10px" | {| style="width:70%;color:#fff" | class="opacity70" style="padding:10px" | </pre> {| style="width:100%" | class="halo5" style="padding:10px" | {| style="width:70%;color:#fff" | class="opacity70" style="padding:10px" | Text color<br>Link color |} |}" to "<pre> {| style="width:100%" | class="odst" style="padding:10px" | {| style="width:70%;color:#fff" | class="opacity70" style="padding:10px" | </...)
 
(2 intermediate revisions by one other user not shown)
Line 4: Line 4:


==How to add custom wallpaper==
==How to add custom wallpaper==
Copy and paste the codes below exactly as they appear to your user page. Choose a lighter color (via <nowiki><span></span></nowiki> tags) for your text. The link colors for each background are already customized. The "opacity70" entry creates a dark overlay over the wallpaper. If you don't want the overlay, just remove "opacity70".
Copy and paste the codes below exactly as they appear to your user page. The white text color value (<code>#fff</code>) can be changed. The link colors are pre-set for each background. The "opacity70" class creates a dark overlay over the wallpaper. If you don't want the overlay, simply remove <code>class="opacity70"</code>.


==="CEA"===
==="CEA"===
*[[Media:HCEA Installation04Menu Concept 1.jpg|Full image]]
*[[Media:HCEA Installation04Menu Concept 1.jpg|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="cea"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="cea"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="cea" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="cea" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}
Line 23: Line 26:
==="Censor"===
==="Censor"===
*[[Media:ONI Censored.jpg|Full image]]
*[[Media:ONI Censored.jpg|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="censor"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="censor"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="censor" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="censor" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}
Line 38: Line 44:
==="Doomed"===
==="Doomed"===
*[[Media:HR EliteExecution Concept.png|Full image]]
*[[Media:HR EliteExecution Concept.png|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="doomed"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="doomed"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="doomed" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="doomed" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}
Line 53: Line 62:
==="Halo 3"===
==="Halo 3"===
*[[Media:H3 - Manual_interior.jpg|Full image]]
*[[Media:H3 - Manual_interior.jpg|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="halo3"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="halo3"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="halo3" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="halo3" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}
Line 68: Line 80:
==="Halo 5"===
==="Halo 5"===
*[[Media:Halo 5 - Guardian wallpaper.jpg|Full image]]
*[[Media:Halo 5 - Guardian wallpaper.jpg|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="halo5"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="halo5"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="halo5" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="halo5" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}
Line 83: Line 98:
==="ODST"===
==="ODST"===
*[[Media:ODSTbg4.jpg|Full image]]
*[[Media:ODSTbg4.jpg|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="odst"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="halo5"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="odst" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="odst" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}
Line 98: Line 116:
==="Property"===
==="Property"===
*[[Media:ONI Property.jpg|Full image]]
*[[Media:ONI Property.jpg|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="property"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="property"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="property" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="property" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}
Line 113: Line 134:
==="Rookie"===
==="Rookie"===
*[[Media:BG - ODST.png|Full image]]
*[[Media:BG - ODST.png|Full image]]
<pre>{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
|valign="top" style="padding:10px;" class="rookie"|
{|style="width:70%; align="center" color:Transparent;"
|valign="top" style="padding:10px;" class="opacity70"|</pre>


{|width=100% align="center" background-color: transparent; padding:0px; margin-bottom:8px;border-radius: 15px 15px 15px 15px;"
<pre>
|valign="top" style="padding:10px;" class="rookie"|
{| style="width:100%"
{|style="width:70%; align="center" color:Transparent;"
| class="rookie" style="padding:10px" |
|valign="top" style="padding:10px;" class="opacity70"|
{| style="width:70%;color:#fff"
[[John-117|Link color]].
| class="opacity70" style="padding:10px" |
</pre>
 
{| style="width:100%"
| class="rookie" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |
Text color<br>[[John-117|Link color]]
|}
|}
|}
|}


Once you have decided on a background to use and have added it to your user page, you're almost set. Make sure to insert the following code at the end of the page:
Once you have decided on a background to use and have added it to your user page, you're almost set. Make sure to insert the following code at the end of the page:
<pre>
<pre>
|}
|}

Latest revision as of 11:38, September 13, 2022

Wallpapers are a fun way to customize your user page. A wallpaper in action is shown here.

How to add custom wallpaper

Copy and paste the codes below exactly as they appear to your user page. The white text color value (#fff) can be changed. The link colors are pre-set for each background. The "opacity70" class creates a dark overlay over the wallpaper. If you don't want the overlay, simply remove class="opacity70".

"CEA"

{| style="width:100%"
| class="cea" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

"Censor"

{| style="width:100%"
| class="censor" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

"Doomed"

{| style="width:100%"
| class="doomed" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

"Halo 3"

{| style="width:100%"
| class="halo3" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

"Halo 5"

{| style="width:100%"
| class="halo5" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

"ODST"

{| style="width:100%"
| class="odst" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

"Property"

{| style="width:100%"
| class="property" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

"Rookie"

{| style="width:100%"
| class="rookie" style="padding:10px" |
{| style="width:70%;color:#fff"
| class="opacity70" style="padding:10px" |

Text color
Link color

Once you have decided on a background to use and have added it to your user page, you're almost set. Make sure to insert the following code at the end of the page:

|}
|}

Requesting a wallpaper

Didn't see a wallpaper you liked above? No worries, they can be added to the wiki via MediaWiki:Gadget-Wallpapers.css. If you would like to request a wallpaper, please talk to an admin about adding your own.