Difference between revisions of "Dot Templates"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Chrissy
imported>Dragon
m
 
(9 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<font style="color: #672f89; font-family: Gentium Book Basic, Garamond; text-align: center; font-size: 36pt; text-shadow: #999999 4px 2px 2px">Custom Dot Templates</font>
+
<css>
 +
.fancyScriptHeader {
 +
color: #672f89;
 +
font-family: Gentium Book Basic, Garamond;
 +
text-align: center;
 +
font-size: 36pt;  
 +
text-shadow: #999999 4px 2px 2px;
 +
}
 +
 
 +
.fancyScript {
 +
color: #672f89;
 +
font-family: Gabriola, Garamond;
 +
text-align: left;
 +
font-size: 18pt;
 +
text-shadow: #999999 4px 2px 2px;
 +
}
 +
</css>
 +
 
 +
<div class="fancyScriptHeader">Custom Dot Templates</div>
 
----
 
----
  
Line 5: Line 23:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Normal Dots (10px)</font>
+
<div class="fancyScript">Normal Dots (10px)</div>
  
 
[[template:dots|<nowiki>{{dots}}</nowiki>]] Example: {{dots|3}}
 
[[template:dots|<nowiki>{{dots}}</nowiki>]] Example: {{dots|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Diamonds and Rubies (15px)</font>
+
<div class="fancyScript">Diamonds and Rubies (15px)</div>
  
 
[[template:gems|<nowiki>{{gems}}</nowiki>]] Example: {{gems|3}}
 
[[template:gems|<nowiki>{{gems}}</nowiki>]] Example: {{gems|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Full and Crescent Moons (15px) - Dark background recommended</font>
+
<div class="fancyScript">Full and Crescent Moons (15px) - Dark background recommended</div>
  
 
[[template:moons|<nowiki>{{moons}}</nowiki>]] Example: {{moons|3}}
 
[[template:moons|<nowiki>{{moons}}</nowiki>]] Example: {{moons|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Suns (15px)</font>
+
<div class="fancyScript">Suns (15px)</div>
  
 
[[template:suns|<nowiki>{{suns}}</nowiki>]] Example: {{suns|3}}
 
[[template:suns|<nowiki>{{suns}}</nowiki>]] Example: {{suns|3}}
Line 26: Line 44:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Rocks (15px)</font>
+
<div class="fancyScript">Rocks (15px)</div>
  
 
[[template:rocks|<nowiki>{{rocks}}</nowiki>]] Example: {{rocks|3}}
 
[[template:rocks|<nowiki>{{rocks}}</nowiki>]] Example: {{rocks|3}}
Line 32: Line 50:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Canadian flag dots (15px)</font>
+
<div class="fancyScript">Canadian flag dots (15px)</div>
  
 
[[template:canadots|<nowiki>{{canadots}}</nowiki>]] Example: {{canadots|3}}
 
[[template:canadots|<nowiki>{{canadots}}</nowiki>]] Example: {{canadots|3}}
Line 38: Line 56:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Swedish flag dots (15px)</font>
+
<div class="fancyScript">Swedish flag dots (15px)</div>
  
 
[[template:swedots|<nowiki>{{swedots}}</nowiki>]] Example: {{swedots|3}}
 
[[template:swedots|<nowiki>{{swedots}}</nowiki>]] Example: {{swedots|3}}
Line 44: Line 62:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Green checks in black boxes (15px)</font>
+
<div class="fancyScript">Green checks in black boxes (15px)</div>
  
 
[[template:checks|<nowiki>{{checks}}</nowiki>]] Example: {{checks|3}}
 
[[template:checks|<nowiki>{{checks}}</nowiki>]] Example: {{checks|3}}
Line 50: Line 68:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Green and Red Yoshi eggs (15px)</font>
+
<div class="fancyScript">Green and Red Yoshi eggs (15px)</div>
  
 
[[template:eggs|<nowiki>{{eggs}}</nowiki>]] Example: {{eggs|3}}
 
[[template:eggs|<nowiki>{{eggs}}</nowiki>]] Example: {{eggs|3}}
Line 56: Line 74:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Purple dots (12px)</font>
+
<div class="fancyScript">Purple dots (12px)</div>
  
 
[[template:pdots|<nowiki>{{pdots}}</nowiki>]] Example: {{pdots|3}}
 
[[template:pdots|<nowiki>{{pdots}}</nowiki>]] Example: {{pdots|3}}
Line 62: Line 80:
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Red dots (12px)</font>
+
<div class="fancyScript">Red dots (12px)</div>
  
 
[[template:rdots|<nowiki>{{rdots}}</nowiki>]] Example: {{rdots|3}}
 
[[template:rdots|<nowiki>{{rdots}}</nowiki>]] Example: {{rdots|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Pink dots (12px)</font>
+
<div class="fancyScript">Pink dots (12px)</div>
  
 
[[template:pinkdots|<nowiki>{{pinkdots}}</nowiki>]] Example: {{pinkdots|3}}
 
[[template:pinkdots|<nowiki>{{pinkdots}}</nowiki>]] Example: {{pinkdots|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Light blue dots (12px)</font>
+
<div class="fancyScript">Dark Pink dots (12px)</div>
 +
 
 +
[[template:dpinkdots|<nowiki>{{dpinkdots}}</nowiki>]] Example: {{dpinkdots|3}}
 +
 
 +
 
 +
<div class="fancyScript">Light blue dots (12px)</div>
  
 
[[template:lbdots|<nowiki>{{lbdots}}</nowiki>]] Example: {{lbdots|3}}
 
[[template:lbdots|<nowiki>{{lbdots}}</nowiki>]] Example: {{lbdots|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Dark blue dots (12px)</font>
+
<div class="fancyScript">Dark blue dots (12px)</div>
  
 
[[template:dbdots|<nowiki>{{dbdots}}</nowiki>]] Example: {{dbdots|3}}
 
[[template:dbdots|<nowiki>{{dbdots}}</nowiki>]] Example: {{dbdots|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Green dots (12px)</font>
+
<div class="fancyScript">Green dots (12px)</div>
  
 
[[template:gdots|<nowiki>{{gdots}}</nowiki>]] Example: {{gdots|3}}
 
[[template:gdots|<nowiki>{{gdots}}</nowiki>]] Example: {{gdots|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Dark green dots (12px)</font>
+
<div class="fancyScript">Dark green dots (12px)</div>
  
 
[[template:dgdots|<nowiki>{{dgdots}}</nowiki>]] Example: {{dgdots|3}}
 
[[template:dgdots|<nowiki>{{dgdots}}</nowiki>]] Example: {{dgdots|3}}
  
  
<font style="color: #672f89; font-family: Gabriola, Garamond; text-align: center; font-size: 18pt; text-shadow: #999999 4px 2px 2px">Lime green dots (12px)</font>
+
<div class="fancyScript">Lime green dots (12px)</div>
  
 
[[template:limedots|<nowiki>{{limedots}}</nowiki>]] Example: {{limedots|3}}
 
[[template:limedots|<nowiki>{{limedots}}</nowiki>]] Example: {{limedots|3}}
 +
 +
 +
<div class="fancyScript">Gold dots (12px)</div>
 +
 +
[[template:Gold1dots|<nowiki>{{gold1dots}}</nowiki>]] Example: {{gold1dots|3}}
 +
 +
 +
<div class="fancyScript">Wine dots (12px)</div>
 +
 +
[[template:Winedots|<nowiki>{{winedots}}</nowiki>]] Example: {{winedots|3}}
 +
 +
 +
<div class="fancyScript">Silver dots (12px)</div>
 +
 +
[[template:Silverdots|<nowiki>{{silverdots}}</nowiki>]] Example: {{silverdots|3}}
 +
 +
 +
<div class="fancyScript">Seaglass dots (12px)</div>
 +
 +
[[template:Seaglassdots|<nowiki>{{seaglassdots}}</nowiki>]] Example: {{seaglassdots|3}}
 +
 +
 +
<div class="fancyScript">Ocean dots (12px)</div>
 +
 +
[[template:Oceandots|<nowiki>{{oceandots}}</nowiki>]] Example: {{oceandots|3}}
 +
 +
 +
<div class="fancyScript">Brass dots (12px)</div>
 +
 +
[[template:Brassdots|<nowiki>{{brassdots}}</nowiki>]] Example: {{brassdots|3}}
 +
 +
 +
<div class="fancyScript">Variable size dots</div>
 +
[[template:5dot|<nowiki>{{5dot}}</nowiki>]] Examples: smaller: {{5dot|dots=3|size=5px}}
 +
Or larger: {{5dot|dots=3|size=25px}}
 +
 +
 +
<div class="fancyScript">Flexible dots</div>
 +
[[Template:Flexidot|<nowiki>{{Flexidot}}</nowiki>]]<br/>
 +
Examples:<br/>
 +
{{Flexidot|3|0}}<br/>
 +
{{Flexidot|3|5}}<br/>
 +
{{Flexidot|3|10}}<br/>
 +
{{Flexidot|7|0}}<br/>
 +
{{Flexidot|7|10}}<br/>
 +
{{Flexidot|3|5|dot-empty=Choc-dot.png|dot-filled=Choc-dot-f.png|dot-size=18px}}<br/>
 +
{{Flexidot|7|10|dot-empty=Edgrndot.png|dot-filled=Fdgrndot.png|dot-size=8px}}<br/>
 +
Use whichever images you like at whatever size you like, show no empty dots or enough to hit 5 or 10, with up to 10 dots without breaking into two rows.  See [[Template:Flexidot]] for the usage.

Latest revision as of 18:49, 25 February 2018


Custom Dot Templates

There are many, many, MANY different templates available for illustrating your stats with different kind of dots. With the use of template, things become much simpler than having to repeatedly link the same dot picture over and over and over; you just put a number in. Known examples below (click each individual template for detailed usage):


Normal Dots (10px)

{{dots}} Example: Dot-filled.pngDot-filled.pngDot-filled.pngDot.pngDot.png


Diamonds and Rubies (15px)

{{gems}} Example: Bluegem.pngBluegem.pngBluegem.pngRedgem.pngRedgem.png


Full and Crescent Moons (15px) - Dark background recommended

{{moons}} Example: Fullmoon.pngFullmoon.pngFullmoon.pngMoonsliver.pngMoonsliver.png


Suns (15px)

{{suns}} Example: Sundot.pngSundot.pngSundot.pngDot.pngDot.png


Rocks (15px)

{{rocks}} Example: Rockdot.pngRockdot.pngRockdot.pngDot.pngDot.png


Canadian flag dots (15px)

{{canadots}} Example: Canada.pngCanada.pngCanada.pngDot.pngDot.png


Swedish flag dots (15px)

{{swedots}} Example: Swedot.pngSwedot.pngSwedot.pngDot.pngDot.png


Green checks in black boxes (15px)

{{checks}} Example: Checkdot.pngCheckdot.pngCheckdot.pngUncheckdot.pngUncheckdot.png


Green and Red Yoshi eggs (15px)

{{eggs}} Example: GreenEgg.pngGreenEgg.pngGreenEgg.pngRedEgg.pngRedEgg.png


Purple dots (12px)

{{pdots}} Example: Fpdot.pngFpdot.pngFpdot.pngEpdot.pngEpdot.png


Red dots (12px)

{{rdots}} Example: Fdot.pngFdot.pngFdot.pngEdot.pngEdot.png


Pink dots (12px)

{{pinkdots}} Example: Fpnkdot.pngFpnkdot.pngFpnkdot.pngEpnkdot.pngEpnkdot.png


Dark Pink dots (12px)

{{dpinkdots}} Example: Fbdot.pngFbdot.pngFbdot.pngEbdot.pngEbdot.png


Light blue dots (12px)

{{lbdots}} Example: Flitebludot.pngFlitebludot.pngFlitebludot.pngElitebludot.pngElitebludot.png


Dark blue dots (12px)

{{dbdots}} Example: Fbludot.pngFbludot.pngFbludot.pngEbludot.pngEbludot.png


Green dots (12px)

{{gdots}} Example: Fgrdot.pngFgrdot.pngFgrdot.pngEgrdot.pngEgrdot.png


Dark green dots (12px)

{{dgdots}} Example: Fdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.pngEdgrndot.png


Lime green dots (12px)

{{limedots}} Example: FLimedot.pngFLimedot.pngFLimedot.pngELimedot.pngELimedot.png


Gold dots (12px)

{{gold1dots}} Example: Dotgold1-filled.pngDotgold1-filled.pngDotgold1-filled.pngDotgold1.pngDotgold1.png


Wine dots (12px)

{{winedots}} Example: Winedot-filled.pngWinedot-filled.pngWinedot-filled.pngWinedot.pngWinedot.png


Silver dots (12px)

{{silverdots}} Example: Silverdot-filled.pngSilverdot-filled.pngSilverdot-filled.pngSilverdot.pngSilverdot.png


Seaglass dots (12px)

{{seaglassdots}} Example: Seaglassdot-filled.pngSeaglassdot-filled.pngSeaglassdot-filled.pngSeaglassdot.pngSeaglassdot.png


Ocean dots (12px)

{{oceandots}} Example: Oceandot-filled.pngOceandot-filled.pngOceandot-filled.pngOceandot.pngOceandot.png


Brass dots (12px)

{{brassdots}} Example: Brassdot-filled.pngBrassdot-filled.pngBrassdot-filled.pngBrassdot.pngBrassdot.png


Variable size dots

{{5dot}} Examples: smaller: Dot-filled.pngDot-filled.pngDot-filled.pngDot.pngDot.png

Or larger: Dot-filled.pngDot-filled.pngDot-filled.pngDot.pngDot.png


Flexible dots

{{Flexidot}}
Examples:
Dot-filled.pngDot-filled.pngDot-filled.png
Dot-filled.pngDot-filled.pngDot-filled.pngDot.pngDot.png
Dot-filled.pngDot-filled.pngDot-filled.pngDot.pngDot.pngDot.pngDot.pngDot.pngDot.pngDot.png
Dot-filled.pngDot-filled.pngDot-filled.pngDot-filled.pngDot-filled.pngDot-filled.pngDot-filled.png
Dot-filled.pngDot-filled.pngDot-filled.pngDot-filled.pngDot-filled.pngDot-filled.pngDot-filled.pngDot.pngDot.pngDot.png
Choc-dot-f.pngChoc-dot-f.pngChoc-dot-f.pngChoc-dot.pngChoc-dot.png
Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.pngEdgrndot.pngEdgrndot.png
Use whichever images you like at whatever size you like, show no empty dots or enough to hit 5 or 10, with up to 10 dots without breaking into two rows. See Template:Flexidot for the usage.