Template talk:Characters: Difference between revisions

From Elwiki
No edit summary
m (Text replacement - "EveNEW" to "Icon - Eve")
Tags: Mobile edit Mobile web edit
 
(40 intermediate revisions by 9 users not shown)
Line 1: Line 1:
PLEASE CHANGE IN TO THIS!!!!
== Position of classes ==
24.11.2013. - 3 rows, I was thinking of adding numbers of seasons ( Els, Rena and Aisha - season 1, Raven, Eve and Chung -season 2, etc.)
This way it looks better, don't you think? also, to ifooboo: awesome icons, don't forget to do the onces for Add Kim ;)


{| style="text-align:center; width: 100%; border:1px solid #CCC; margin-bottom: 5px; background-color: #ffffff; border:1px solid #b1b1b1;"
Following:
[[File:Characters Lineup.png|400px]]<br>
[[File:JobPlacement.png|400px]]
 
== 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
|-
|-
| style="font-size:125%; font-weight: bold; border:1px solid #b1b1b1; background-color: #e0e0e0; padding: 3px;" colspan="9; "  | <span style="color: #000000;;">Characters</span>
| [[File:TransFrame.png]] || All Transcendent/3rd Classes's icons
|-
|-
| style="font-size:85%; font-weight: bold; background-color: #FF0000;" colspan="3;" | <span style="color: #FFF;">[[Image:Elsword_Base.PNG|54px|link=Elsword]]<br>[[Elsword|<span style="color:#FFF;">Elsword</span>]]</span>
| [[File:AprilFoolsFrame.png]] || All April Fools Classes's icons
| style="font-size:85%; font-weight: bold; background-color: #9400D3;" colspan="3;" | <span style="color: #FFF;">[[Image:Aisha_Base.PNG|54px|link=Aisha]]<br>[[Aisha|<span style="color:#FFF;">Aisha</span>]]</span>
| style="font-size:85%; font-weight: bold; background-color: #00FF00;" colspan="3;" | <span style="color: #FFF;">[[Image:Rena_Base.PNG|54px|link=Rena]]<br>[[Rena|<span style="color:#FFF;">Rena</span>]]</span>
|-style="vertical-align:top;"
| colspan="3;"| [[Image:Arrowsplit2.png]]
| colspan="3;"| [[Image:Arrowsplit2.png]]
| colspan="3;"| [[Image:Arrowsplit2.png]]
|-style="vertical-align:top; font-size:70%; font-color: #000000"
|[[Image:Elsword_2-1.PNG|54px|link=Magic Knight]]<br/>[[Magic Knight|<span>Magic Knight</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Elsword_2-2.PNG|54px|link=Rune Slayer]]<br/>[[Rune Slayer|<span>Rune Slayer</span>]]
 
|[[Image:Elsword_1-1.PNG|54px|link=Sword Knight]]<br/>[[Sword Knight|<span>Sword Knight</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Elsword_1-2.PNG|54px|link=Lord Knight]]<br/>[[Lord Knight|<span>Lord Knight</span>]]
 
|[[Image:Elsword_3-1.PNG|54px|link=Sheath Knight]]<br/>[[Sheath Knight|<span>Sheath Knight</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Elsword_3-2.PNG|54px|link=Infinity Sword]]<br/>[[Infinity Sword|<span>Infinity Sword</span>]]
 
|[[Image:Aisha_2-1.PNG|54px|link=Dark Magician]]<br/>[[Dark Magician|<span>Dark Magician</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Aisha_2-2.PNG|54px|link=Void Princess]]<br/>[[Void Princess|<span>Void Princess</span>]]
 
|[[Image:Aisha_1-1.PNG|54px|link=High Magician|High Mage]]<br/>[[High Magician|<span>High Magician</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Aisha_1-2.PNG|54px|link=Elemental Master]]<br/>[[Elemental Master|<span>Elemental Master</span>]]
 
|[[Image:Aisha_3-1.PNG|54px|link=Battle Magician]]<br/>[[Battle Magician|<span>Battle Magician</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:DWNewIcon4SizeFix.png|54px|link=Dimension Witch]]<br/>[[Dimension Witch|<span>Dimension Witch</span>]]
 
|[[Image:Rena_2-1.PNG|54px|link=Combat Ranger]]<br/>[[Combat Ranger|<span>Combat Ranger</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Rena_2-2.PNG|54px|link=Wind Sneaker]]<br/>[[Wind Sneaker|<span>Wind Sneaker</span>]]
 
|[[Image:Rena_1-1.PNG|54px|link=Sniping Ranger]]<br/>[[Sniping Ranger|<span>Sniping Ranger</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Rena_1-2_Redo.PNG|54px|link=Grand Archer]]<br/>[[Grand Archer|<span>Grand Archer</span>]]
 
|[[Image:Rena_3-1.PNG|54px|link=Trapping Ranger]]<br/>[[Trapping Ranger|<span>Trapping Ranger</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:NWNewIcon3Fix.png|54px|link=Night Watcher]]<br/>[[Night Watcher|<span>Night Watcher</span>]]
|}
{| style="text-align:center; width: 100%; border:1px solid #CCC; margin-bottom: 5px; background-color: #ffffff; border:1px solid #b1b1b1;"
|-
|-
| style="font-size:85%; font-weight: bold; background-color: #333333;" colspan="3;" | <span style="color: #FFF;">[[Image:Raven_Base.PNG|54px|link=Raven]]<br>[[Raven|<span style="color:#FFF;">Raven</span>]]</span>
| [[File:EpicNPCFrame.png]] || All Epic NPCs' icons (prepare to renew in the future)
| style="font-size:85%; font-weight: bold; background-color: #FF93AE;" colspan="3;" | <span style="color: #FFF;">[[Image:Eve_Base.PNG|54px|link=Eve]]<br>[[Eve|<span style="color:#FFF;">Eve</span>]]</span>
| style="font-size:85%; font-weight: bold; background-color: #99CCFF;" colspan="3;" | <span style="color: #FFF;">[[Image:Chung_Base_Redo.PNG|54px|link=Chung]]<br>[[Chung|<span style="color:#FFF;">Chung Seiker</span>]]</span>
|-style="vertical-align:top;"
| colspan="3;"| [[Image:Arrowsplit2.png]]
| colspan="3;"| [[Image:Arrowsplit2.png]]
| colspan="3;"| [[Image:Arrowsplit2.png]]
|-style="vertical-align:top; font-size:70%; font-color: #000000"
|[[Image:Raven_2-1.PNG|54px|link=Over Taker]]<br/>[[Over Taker|<span>Over Taker</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Raven_2-2.PNG|54px|link=Reckless Fist]]<br/>[[Reckless Fist|<span>Reckless Fist</span>]]
 
|[[Image:Raven_1-1.PNG|54px|link=Sword Taker]]<br/>[[Sword Taker|<span>Sword Taker</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Raven_1-2.PNG|54px|link=Blade Master]]<br/>[[Blade Master|<span>Blade Master</span>]]
 
|[[Image:Raven_3-1.PNG|54px|link=Weapon Taker]]<br/>[[Weapon Taker|<span>Weapon Taker</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image: Raven_3-2.PNG|54px|link=Veteran Commander]]<br/>[[Veteran Commander|<span>Veteran Commander</span>]]
 
|[[Image:Eve_2-1.PNG|54px|link=Code: Exotic]]<br/>[[Code: Exotic|<span>Code: Exotic</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Eve_2-2.PNG|54px|link=Code: Nemesis]]<br/>[[Code: Nemesis|<span>Code: Nemesis</span>]]
 
|[[Image:Eve_1-1.PNG|54px|link=Code: Architecture]]<br/>[[Code: Architecture|<span>Code: Architecture</span>]]<br>[[Image:Arrowdown.gif]]<br>[[Image:Eve_1-2.PNG|54px|link=Code: Empress]]<br/>[[Code: Empress|<span style=>Code: Empress</span>]]
 
|[[Image:Eve_3-1.PNG|54px|link=Code: Electra]]<br/>[[Code: Electra|<span>Code: Electra</span>]]<br/>[[Image:Arrowdown.gif]]<br/>[[Image:Eve_3-2_Redo.PNG|54px|link=Code: Battle Seraph]]<br/>[[Code: Battle Seraph|<span>Code: Battle Seraph</span>]]
 
|[[Image:Chung_2-1_Redo.PNG|54px|link=Shooting Guardian]]<br/>[[Shooting Guardian|<span>Shooting Guardian</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Chung_2-2_Redo.PNG|54px|link=Deadly Chaser]]<br/>[[Deadly Chaser|<span style=>Deadly Chaser</span>]]
 
|[[Image:Chung_1-1_Redo.PNG|54px|link=Fury Guardian]]<br/>[[Fury Guardian|<span>Fury Guardian</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Chung_1-2.PNG|54px|link=Iron Paladin]]<br/>[[Iron Paladin|<span>Iron Paladin</span>]]
 
|[[Image:Chung_3-1_Redo.PNG|54px|link=Shelling Guardian]]<br/>[[Shelling Guardian|<span>Shelling Guardian</span>]]<br/>[[Image:Arrowdown.gif]]<br/>[[File:Chung_3-2_Redo.PNG|54px|link=Tactical Trooper]]<br/>[[Tactical Trooper|<span>Tactical Trooper</span>]]
|}
|}
{| style="text-align:center; width: 100%; border:1px solid #CCC; margin-bottom: 5px; background-color: #ffffff; border:1px solid #b1b1b1;"
|-
| style="font-size:85%; font-weight: bold; background-color: #fa9b0a;" colspan="3;" | <span style="color: #FFF;">[[Image:Ara_Base.PNG|54px|link=Ara]]<br>[[Ara|<span style="color:#FFF;">Ara Haan</span>]]</span>
| style="font-size:85%; font-weight: bold; background-color: #9B111E;" colspan="3;" | <span style="color: #FFF;">[[Image:Elesis_Base.PNG|54px|link=Elesis]]<br>[[Elesis|<span style="color:#FFF;">Elesis</span>]]</span>
| style="font-size:85%; font-weight: bold; background-color: #800080;" colspan="3;" | <span style="color: #FFF;">[[Image:AddIcon.jpg|54px|link=Add]]<br>[[Add|<span style="color:#FFF;">Add Kim</span>]]</span>
|-style="vertical-align:top;"
| colspan="3;"| [[Image:Arrowsplit2.png]]
| colspan="3;"| [[Image:Arrowsplit2.png]]
| colspan="3;"| [[Image:Arrowsplit2.png]]
|-style="vertical-align:top; font-size:70%; font-color: #000000"
|[[Image:Ara_2-1.PNG|link=Little Devil|54px]]<br />[[Little Devil|<span>Little Devil (小魔)</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Ara_2-2.PNG|link=Yama Raja|54px]]<br />[[Yama Raja|<span>Yama Raja (冥王)</span>]]
|[[Image:Ara_1-1.PNG|54px|link=Little Hsien]]<br />[[Little Hsien|<span>Little Hsien (小仙)</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Ara_1-2.PNG|54px|link=Sakra Devanam]]<br />[[Sakra Devanam|<span>Sakra Devanam (帝天)</span>]]


|[[Image:Unreleased.PNG|link=Ara]]<br />[[Ara|<span>Unreleased</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Unreleased.PNG|link=Ara]]<br />[[Ara|<span>Unreleased</span>]]
== April Fools' Characters Icon ==


|[[Image:Elesis_1-1.PNG|54px|link=Pyro Knight]]<br/>[[Pyro Knight|<span>Pyro Knight</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:BH.png|54px|link=Blazing Heart]]<br/>[[Blazing Heart|<span>Blazing Heart</span>]]
[[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]]


|[[Image:Elesis_2-1.PNG|54px|link=Saber Knight]]<br/>[[Saber Knight|<span>Saber Knight</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:GM.png|54px|link=Grand Master]]<br/>[[Grand Master|<span>Grand Master</span>]]
== Transcendence ==
[[File:Trans.png]]


|[[Image:Unreleased.PNG|link=Elesis]]<br />[[Elesis|<span>Unreleased</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Dunno.png|link=Elesis]]<br />[[Elesis|<span>Unreleased</span>]]
== Streamlining ==


|[[Image:Unreleased.PNG|link=Add]]<br />[[Add|<span>Unreleased</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Dunno.png|link=Add]]<br />[[Add|<span>Unreleased</span>]]
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.


|[[Image:Unreleased.PNG|link=Add]]<br />[[Add|<span>Unreleased</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Dunno.png|link=Add]]<br />[[Add|<span>Unreleased</span>]]
I personally preferred the old format with this thing > [[File:Arrowsplit6.png]]


|[[Image:Unreleased.PNG|link=Add]]<br />[[Add|<span>Unreleased</span>]]<br>[[Image:Arrowdown.gif]]<br/>[[Image:Dunno.png|link=Add]]<br />[[Add|<span>Unreleased</span>]]
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:
|}<noinclude>
{{DEFAULTSORT:{{PAGENAME}}}}
[[Category:Main page]]
[[Category:Navigation templates]]
</noinclude>


  {{Section
  | SectionSty=border: none;
  | hStyles=display: none;
  | Width=25%;
  | Style=padding: 0;
  | Title0=<nowiki/>
  | Title1=<nowiki/>
  | Title2=<nowiki/>
  | Title3=<nowiki/>
  | Content0=
    {{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%"
    {{!}} 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: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: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)]]
    {{!}}}
    }}
  | Content1=
    {{Section
    | SectionSty=border-width: 2px; border-color: #ffffff;
    }}
  | Content2=
    {{Section
    | SectionSty=border-width: 2px; border-color: #ffffff;
    }}
  | Content3=
    {{Section
    | SectionSty=border-width: 2px; border-color: #ffffff;
    }}
  }}


== To Sakeeee32 ==
Compact <i>and</i> informative. Thoughts?
Is there any way you can make it more neat? Like making Over Taker directly below Raven instead of it being abit to the left.


A: Actually I am not that good at aligning, I know that its not aligning 'cuz of the text, so if anyone knows how to fix it, please do :\
Ok if I actually made the whole thing would someone who can edit it be willing to put it in at all or


== Ifooboo ==
[[User:Hatoko|Hatoko]] ([[User talk:Hatoko|talk]]) 16:48, 1 February 2017 (UTC)
Hi guys! Don't you think the icons are getting a bit too outdated? I was working on making new icons, and here's my suggestion on how we should change them: [[Media:Character_Icons_Suggestion.PNG]]
*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)
**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)


I would go ahead and do it myself, but since this is a wiki that many people look at, I would like to ask for opinions first to see if people would like this change~


* I Like the new Icons :D
== Expand All ==
** Only the eve color is a little more bleached :D


'''Ifooboo''': Thanks! Sorry about eve though, I just simply couldn't get the right colors for all of the characters XD
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)

Latest revision as of 23:40, 21 December 2020

Position of classes

Following:

Frame of the icons

Image Used for
All Characters/Classes' icons
All Transcendent/3rd Classes's icons
All April Fools Classes's icons
All Epic NPCs' icons (prepare to renew in the future)

April Fools' Characters Icon

Transcendence

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 >

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:

  Eve (Another Code)

Code: Exotic



Code: Nemesis



Code: Nemesis
(Transcendence)



Code:
Architecture



Code: Empress



Code: Empress
(Transcendence)



Code: Electra



Code: Battle
Seraph



Code: Battle
Seraph
(Transcendence)

Compact and informative. Thoughts?

Ok if I actually made the whole thing would someone who can edit it be willing to put it in at all or

Hatoko (talk) 16:48, 1 February 2017 (UTC)

  • 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. Gameboy224 (talk) 17:25, 1 February 2017 (UTC)
    • 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. Hatoko (talk) 01:25, 2 February 2017 (UTC)


Expand All

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? --AceDelyar (talk) 23:19, 22 August 2019 (EDT)