Template talk:Characters: Difference between revisions

m
Text replacement - "EveNEW" to "Icon - Eve"
No edit summary
m (Text replacement - "EveNEW" to "Icon - Eve")
Tags: Mobile edit Mobile web edit
 
(33 intermediate revisions by 7 users not shown)
Line 2: Line 2:


Following:
Following:
[[File:Characters Lineup.png|400px]]<br>
[[File:JobPlacement.png|400px]]
[[File:JobPlacement.png|400px]]


== Frame of the icons ==
== Frame of the icons ==
{| cellpadding="5" border="1" style="border-collapse: collapse; text-align: center"
|-
! Image !! Used for
|-
| [[File:Frame.png]] || All Characters/Classes' icons
|-
| [[File:TransFrame.png]] || All Transcendent/3rd Classes's icons
|-
| [[File:AprilFoolsFrame.png]] || All April Fools Classes's icons
|-
| [[File:EpicNPCFrame.png]] || All Epic NPCs' icons (prepare to renew in the future)
|}


Here's the frame: [[File:Frame.png]]
== April Fools' Characters Icon ==


== Lu-Ciel's icons position ==
[[File:ElswordAFNEW.png]] [[File:AishaAFNEW.png]] [[File:RenaAFNEW.png]] [[File:RavenAFNEW.png]] [[File:EveAFNEW.png]] [[File:ChungAFNEW.png]] [[File:AraAFNEW.png]] [[File:ElesisAFNEW.png]] [[File:AddAFNEW.png]] [[File:LuAFNEW.png]] [[File:CielAFNEW.png]]
Maybe it would look better, if Ciel's icon will be moved to the oposite side of their bar? Since there wouldn't be any characters to their right.<br/>
[http://i.imgur.com/oMciLYx.png Like this]


== Transcendence ==
[[File:Trans.png]]
== Streamlining ==
If the wiki editor were in HTML (or were simpler) and I had editing privileges I would actually try to do what I want to propose on my own, but its not, and I don't. I'd also like to know the general community consensus on how the new character template looks, just in case I'm in the minority.
I personally preferred the old format with this thing > [[File:Arrowsplit6.png]]
It was smaller and seemed more compact. On the other hand, I can see where someone would be coming from when wanting to have the base job class names shown too. All in all, I think it could work better with something like this:


{{Section
| SectionSty=border: 2px {{ColorSelNA|UI|border}} solid; border-radius: 5px;
| TitleStys=font-size: 1.25em;
| Style0=padding: 0;
| Color0={{ColorSelNA|UI|banner}}
| Title0=Characters
| Content0=
   {{Section
   {{Section
   | SectionSty=border: none;
   | SectionSty=border: none;
   | TitleStys=text-align: left; font-size: 0.75em;
   | hStyles=display: none;
  | TitleSty=border: none;
   | Width=25%;
   | Styles=text-align: center; font-size: 0.75em;
   | Style=padding: 0;
   | Style=padding: 0;
   | Color0={{ColorSelNA|Character|Elsword}}
   | Title0=<nowiki/>
   | Color1={{ColorSelNA|Character|Aisha}}
   | Title1=<nowiki/>
   | Color2={{ColorSelNA|Character|Rena}}
   | Title2=<nowiki/>
  | Color3={{ColorSelNA|Character|Raven}}
   | Title3=<nowiki/>
  | Color4={{ColorSelNA|Character|Eve}}
  | Width=20%
   | Title0=[[Image:ElswordNEW.png|54px|link=Elsword]] [[Elsword|<font color="white">Elsword</font>]]
   | Content0=
   | Content0=
     [[Image:Arrowsplit4.png]]
    {{Section
    | SectionCls=mw-collapsible mw-collapsed
    | SectionSty=border-width: 2px; border-color: #ffffff;
    | hStyle=text-align: left; font-size: 0.75em; border: none;
    | Styles=text-align: center; font-size: 0.70em;
    | Style=padding: 0;
    | Color0={{ColorSel|Character|Eve}}
    | Title0={{Gap}}[[Image:Icon - Eve.png|link=Eve]] [[Eve (Another Code)]]
    | Content0=
     [[Image:Arrowsplit6.png]]
     {{{!}} width="100%"
     {{{!}} width="100%"
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:SKNEW.png|54px|link=Sword Knight]]<br>[[Sword Knight|Sword<br>Knight]]<br>[[Image:Arrowdown.gif]]<br>[[Image:LKNEW.png|54px|link=Lord Knight]]<br>[[Lord Knight|Lord<br>Knight]]
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:Icon - Code Exotic.png|link=Code: Exotic]]<br>[[Code: Exotic]]<br><br>[[File:Arrowdown2.png]]<br>[[Image:Icon - Code Nemesis.png|link=Code: Nemesis]]<br>[[Code: Nemesis]]<br><br>[[File:trantestC.png]]<br>[[Image:Icon - Code Nemesis (Trans).png|link=Code: Nemesis/Transcendence]]<br>[[Code: Nemesis/Transcendence|Code: Nemesis<br>(Transcendence)]]<br><br>
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:MKNEW.png|54px|link=Magic Knight]]<br>[[Magic Knight|Magic<br>Knight]]<br>[[Image:Arrowdown.gif]]<br>[[Image:RSNEW.png|54px|link=Rune Slayer]]<br>[[Rune Slayer|Rune<br>Slayer]]
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:Icon - Code Architecture.png|link=Code: Architecture]]<br>[[Code: Architecture|Code:<br>Architecture]]<br>[[File:Arrowdown2.png]]<br>[[Image:Icon - Code Empress.png|link=Code: Empress]]<br>[[Code: Empress]]<br><br>[[File:trantestC.png]]<br>[[Image:Icon - Code Empress (Trans).png|link=Code: Empress/Transcendence]]<br>[[Code: Empress/Transcendence|Code: Empress<br>(Transcendence)]]<br><br>
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:StKNEW.png|54px|link=Sheath Knight]]<br>[[Sheath Knight|Sheath<br>Knight]]<br>[[Image:Arrowdown.gif]]<br>[[Image:ISNEW.png|54px|link=Infinity Sword]]<br>[[Infinity Sword|Infinity<br>Sword]]
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:Icon - Code Electra.png|link=Code: Electra]]<br>[[Code: Electra]]<br><br>[[File:Arrowdown2.png]]<br>[[Image:Icon - Code Battle Seraph.png|link=Code: Battle Seraph]]<br>[[Code: Battle Seraph|Code: Battle<br>Seraph]]<br>[[File:trantestC.png]]<br>[[Image:Icon - Code Battle Seraph (Trans).png|link=Code: Battle Seraph/Transcendence]]<br>[[Code: Battle Seraph/Transcendence|Code: Battle<br>Seraph<br>(Transcendence)]]
     {{!}}}
     {{!}}}
  | Title1=[[Image:AishaNEW.png|54px|link=Aisha]] [[Aisha|<font color="white">Aisha</font>]]
    }}
   | Content1=
   | Content1=
     [[Image:Arrowsplit4.png]]
     {{Section
    {{{!}} width="100%"
     | SectionSty=border-width: 2px; border-color: #ffffff;
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:HMNEW.png|54px|link=High Magician]]<br>[[High Magician|High<br>Magician]]<br>[[Image:Arrowdown.gif]]<br>[[Image:EMNEW.png|54px|link=Elemental Master]]<br>[[Elemental Master|Elemental<br>Master]]
     }}
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:DMNEW.png|54px|link=Dark Magician]]<br>[[Dark Magician|Dark<br>Magician]]<br>[[Image:Arrowdown.gif]]<br>[[Image:VPNEW.png|54px|link=Void Princess]]<br>[[Void Princess|Void<br>Princess]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:BaMNEW.png|54px|link=Battle Magician]]<br>[[Battle Magician|Battle<br>Magician]]<br>[[Image:Arrowdown.gif]]<br>[[Image:DWNEW.png|54px|link=Dimension Witch]]<br>[[Dimension Witch|Dimension<br>Witch]]
     {{!}}}
  | Title2=[[Image:RenaNEW.png|54px|link=Rena]] [[Rena|<font color="white">Rena</font>]]
   | Content2=
   | Content2=
     [[Image:Arrowsplit4.png]]
     {{Section
    {{{!}} width="100%"
     | SectionSty=border-width: 2px; border-color: #ffffff;
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:CRNEW.png|54px|link=Combat Ranger]]<br>[[Combat Ranger|Combat<br>Ranger]]<br>[[Image:Arrowdown.gif]]<br>[[Image:WSNEW.png|54px|link=Wind Sneaker]]<br>[[Wind Sneaker|Wind<br>Sneaker]]
     }}
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:SRNEW.png|54px|link=Sniping Ranger]]<br>[[Sniping Ranger|Sniping<br>Ranger]]<br>[[Image:Arrowdown.gif]]<br>[[Image:GANEW.png|54px|link=Grand Archer]]<br>[[Grand Archer|Grand<br>Archer]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:TRNEW.png|54px|link=Trapping Ranger]]<br>[[Trapping Ranger|Trapping<br>Ranger]]<br>[[Image:Arrowdown.gif]]<br>[[Image:NWNEW.png|54px|link=Night Watcher]]<br>[[Night Watcher|Night<br>Watcher]]
     {{!}}}
  | Title3=[[Image:RavenNEW.png|54px|link=Raven]] [[Raven|<font color="white">Raven</font>]]
   | Content3=
   | Content3=
     [[Image:Arrowsplit4.png]]
     {{Section
    {{{!}} width="100%"
     | SectionSty=border-width: 2px; border-color: #ffffff;
     {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:STNEW.png|54px|link=Sword Taker]]<br>[[Sword Taker|Sword<br>Taker]]<br>[[Image:Arrowdown.gif]]<br>[[Image:BMNEW.png|54px|link=Blade Master]]<br>[[Blade Master|Blade<br>Master]]
     }}
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:OTNEW.png|54px|link=Over Taker]]<br>[[Over Taker|Over<br>Taker]]<br>[[Image:Arrowdown.gif]]<br>[[Image:RFNEW.png|54px|link=Reckless Fist]]<br>[[Reckless Fist|Reckless<br>Fist]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:WTNEW.png|54px|link=Weapon Taker]]<br>[[Weapon Taker|Weapon<br>Taker]]<br>[[Image:Arrowdown.gif]]<br>[[Image:VCNEW.png|54px|link=Veteran Commander]]<br>[[Veteran Commander|Veteran<br>Commander]]
    {{!}}}
  | Title4=[[Image:EveNEW.png|54px|link=Eve]] [[Eve|<font color="white">Eve</font>]]
  | Content4=
    [[Image:Arrowsplit4.png]]
     {{{!}} width="100%"
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:CENEW.png|54px|link=Code: Exotic]]<br>[[Code: Exotic|Code:<br>Exotic]]<br>[[Image:Arrowdown.gif]]<br>[[Image:CNNEW.png|54px|link=Code: Nemesis]]<br>[[Code: Nemesis|Code:<br>Nemesis]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:CANEW.png|54px|link=Code: Architecture]]<br>[[Code: Architecture|Code:<br>Architecture]]<br>[[Image:Arrowdown.gif]]<br>[[Image:CMNEW.png|54px|link=Code: Empress]]<br>[[Code: Empress|Code:<br>Empress]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:CLNEW.png|54px|link=Code: Electra]]<br>[[Code: Electra|Code:<br>Electra]]<br>[[Image:Arrowdown.gif]]<br>[[Image:CBSNEW.png|54px|link=Code: Battle Seraph]]<br>[[Code: Battle Seraph|Code:<br>Battle Seraph]]
    {{!}}}
   }}
   }}
  {{Section
 
  | SectionSty=border: none;
Compact <i>and</i> informative. Thoughts?
  | TitleStys=text-align: left; font-size: 0.75em;
 
  | TitleSty=border: none;
Ok if I actually made the whole thing would someone who can edit it be willing to put it in at all or
  | Styles=text-align: center; font-size: 0.75em;
 
  | Style=padding: 0;
[[User:Hatoko|Hatoko]] ([[User talk:Hatoko|talk]]) 16:48, 1 February 2017 (UTC)
  | Color0={{ColorSelNA|Character|Chung}}
*Reason why I changed if from the old version was due to the arrows. They didn't scale up with better resolution monitors. So on wider screens, the arrows would just point at nothing. So I changed it to the current format where the arrows are just a part of each column. Added the base portrait as a bit extra, wasn't necassary in the slightest but I thought it just tied it together better than just having 3 separate columns. [[User:Gameboy224|Gameboy224]] ([[User talk:Gameboy224|talk]]) 17:25, 1 February 2017 (UTC)
  | Color1={{ColorSelNA|Character|Ara}}
**Right, I guess there would be no way to fix that otherwise at this point. I suppose I'll think about it, see if I can come up with a solution as well. [[User:Hatoko|Hatoko]] ([[User talk:Hatoko|talk]]) 01:25, 2 February 2017 (UTC)
  | Color2={{ColorSelNA|Character|Elesis}}
 
  | Color3={{ColorSelNA|Character|Add}}
 
  | Color4=#072F71
== Expand All ==
  | Width=20%
 
  | TitleSty=border: none;
Hi, maybe I'm in the minority  here, but I'd like an "expand all" button next to the main "Characters" header. I find it slightly annoying to click on "expand" on every character I want to do research on. It could also give newbies a quick way to gain insight of the massive amount of classes. Would it be difficult to implement? --[[User:AceDelyar|AceDelyar]] ([[User talk:AceDelyar|talk]]) 23:19, 22 August 2019 (EDT)
  | Title0=[[Image:ChungNEW.png|54px|link=Chung]] [[Chung|<font color="white">Chung Seiker</font>]]
  | Content0=
    [[Image:Arrowsplit4.png]]
    {{{!}} width="100%"
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:FGNEW.png|54px|link=Fury Guardian]]<br>[[Fury Guardian|Fury<br>Guardian]]<br>[[Image:Arrowdown.gif]]<br>[[Image:IPNEW.png|54px|link=Iron Paladin]]<br>[[Iron Paladin|Iron<br>Paladin]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:SGNEW.png|54px|link=Shooting Guardian]]<br>[[Shooting Guardian|Shooting<br>Guardian]]<br>[[Image:Arrowdown.gif]]<br>[[Image:DCNEW.png|54px|link=Deadly Chaser]]<br>[[Deadly Chaser|Deadly<br>Chaser]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:ShGNEW.png|54px|link=Shelling Guardian]]<br>[[Shelling Guardian|Shelling<br>Guardian]]<br>[[Image:Arrowdown.gif]]<br>[[File:TTNEW.png|54px|link=Tactical Trooper]]<br>[[Tactical Trooper|Tactical<br>Trooper]]
    {{!}}}
  | Title1=[[Image:AraNEW.png|54px|link=Ara]] [[Ara|<font color="white">Ara Haan</font>]]
  | Content1=
    [[Image:Arrowsplit4.png]]
    {{{!}} width="100%"
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:LHNEW.png|54px|link=Little Hsien]]<br>[[Little Hsien|Little Hsien<br>(小仙)]]<br>[[Image:Arrowdown.gif]]<br>[[Image:SDNEW.png|54px|link=Sakra Devanam]]<br>[[Sakra Devanam|Sakra Devanam<br>(帝天)]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:LDNEW.png|54px|link=Little Devil]]<br>[[Little Devil|Little Devil<br>(小魔)]]<br>[[Image:Arrowdown.gif]]<br>[[Image:YRNEW.png|54px|link=Yama Raja]]<br>[[Yama Raja|Yama Raja<br>(冥王)]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:LSNEW.png|link=Little Specter]]<br>[[Little Specter|Little Specter<br>(小妖)]]<br>[[Image:Arrowdown.gif]]<br>[[Image:AANEW.png|link=Asura]]<br>[[Asura|Asura<br>(修羅)]]
    {{!}}}
  | Title2=[[Image:ElesisNEW.png|54px|link=Elesis]] [[Elesis|<font color="white">Elesis</font>]]
  | Content2=
    [[Image:Arrowsplit4.png]]
    {{{!}} width="100%"
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:SbKNEW.png|54px|link=Saber Knight]]<br>[[Saber Knight|Saber<br>Knight]]<br>[[Image:Arrowdown.gif]]<br>[[Image:GMNEW.png|54px|link=Grand Master]]<br>[[Grand Master|Grand<br>Master]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:PKNEW.png|54px|link=Pyro Knight]]<br>[[Pyro Knight|Pyro<br>Knight]]<br>[[Image:Arrowdown.gif]]<br>[[Image:BHNEW.png|54px|link=Blazing Heart]]<br>[[Blazing Heart|Blazing<br>Heart]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:DKNEW.png|link=Dark Knight]]<br>[[Dark Knight|Dark<br>Knight]]<br>[[Image:Arrowdown.gif]]<br>[[Image:CAvNEW.png|link=Crimson Avenger]]<br>[[Crimson Avenger|Crimson<br>Avenger]]
    {{!}}}
  | Title3=[[Image:AddNEW.png|54px|link=Add]] [[Add|<font color="white">Add</font>]]
  | Content3=
    [[Image:Arrowsplit4.png]]
    {{{!}} width="100%"
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:PTNEW.png|link=Psychic Tracer]]<br>[[Psychic Tracer|Psychic<br>Tracer]]<br>[[Image:Arrowdown.gif]]<br>[[Image:LPNEW.png|link=Lunatic Psyker]]<br>[[Lunatic Psyker|Lunatic<br>Psyker]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:ATNEW.png|link=Arc Tracer]]<br>[[Arc Tracer|Arc<br>Tracer]]<br>[[Image:Arrowdown.gif]]<br>[[Image:MMNEW.png|link=Mastermind]]<br>[[Mastermind]]
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[Image:TiTNEW.png|link=Time Tracer]]<br>[[Time Tracer|Time<br>Tracer]]<br>[[Image:Arrowdown.gif]]<br>[[Image:DENEW.png|link=Diabolic Esper]]<br>[[Diabolic Esper|Diabolic<br>Esper]]
    {{!}}}
  | Title4=[[File:10Shadow.png|54px|link=LuCiel|Lu]] [[LuCiel|<font color="white">Lu'''</font>]]<div style="display:inline;float:right;">[[LuCiel|<font color="white">Ciel'''</font>]][[File:Cielavaproto.png|link=LuCiel|Ciel]]</div>
  | Content4=
    [[Image:Arrowsplit4.png]]
    {{{!}} width="100%"
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[File:Dunno.png|54px]]<br>???<br>[[Image:Arrowdown.gif]]<br>[[File:Dunno.png|54px]]<br>???
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[File:Dunno.png|54px]]<br>???<br>[[Image:Arrowdown.gif]]<br>[[File:Dunno.png|54px]]<br>???
    {{!}} style="vertical-align: top" width="33.33%" {{!}} [[File:Dunno.png|54px]]<br>???<br>[[Image:Arrowdown.gif]]<br>[[File:Dunno.png|54px]]<br>???
    {{!}}}
  }}
}}<noinclude>
{{DEFAULTSORT:{{PAGENAME}}}}
[[Category:Main page]]
[[Category:Navigation templates]]
</noinclude>
ElEditors, Administrators
122,492

edits