@DeletedUser40466173 (talk | contribs) |
@DeletedUser40466173 (talk | contribs) |
||
Line 97: | Line 97: | ||
[[User:Herdo|Herdo]] ([[User talk:Herdo|talk]]) 14:57, 11 May 2017 (UTC) |
[[User:Herdo|Herdo]] ([[User talk:Herdo|talk]]) 14:57, 11 May 2017 (UTC) |
||
+ | |||
+ | ==Prototype== |
||
+ | |||
+ | This is a prototype for the front page. |
||
+ | Images would be added later on the real front page. |
||
+ | |||
+ | |||
+ | Applied CSS: |
||
+ | div.front-page-group { |
||
+ | width: 444px; |
||
+ | height: 230px; |
||
+ | float: left; |
||
+ | margin: 8px; |
||
+ | background-color: lightblue; |
||
+ | border:3px solid #505050; |
||
+ | font-size:24px; |
||
+ | } |
||
+ | |||
+ | table.front-page-table { |
||
+ | width:100%; |
||
+ | height:100%; |
||
+ | } |
||
+ | |||
+ | table.front-page-table tr:first-child { |
||
+ | height: 80px; |
||
+ | } |
||
+ | |||
+ | table.front-page-table td { |
||
+ | text-align:center; |
||
+ | vertical-align:middle; |
||
+ | min-width:222px; |
||
+ | } |
||
+ | |||
+ | table.front-page-table a { |
||
+ | color:#FFFFFF !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */ |
||
+ | } |
||
+ | |||
+ | table.front-page-table a:hover { |
||
+ | color:#EEEEEE !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */ |
||
+ | } |
||
+ | |||
+ | table.front-page-table th a { |
||
+ | font-size:32px; |
||
+ | } |
||
+ | |||
+ | Example: |
||
+ | |||
+ | <div id="outer" style="float:left;"> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[General Information]]</th></tr> |
||
+ | <tr><td>[[Developer]]</td><td>[[Publisher]]</td></tr> |
||
+ | <tr><td>[[Technical Details]]</td><td>[[Social Media]]</td></tr> |
||
+ | </table></div> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[PvE]]</th></tr> |
||
+ | <tr><td>[[Dungeons]]</td><td>[[Monsters]]</td></tr> |
||
+ | <tr><td>[[Quests]]</td><td>[[Raids]]</td></tr> |
||
+ | </table></div> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[PvP]]</th></tr> |
||
+ | <tr><td>[[Open World]]</td><td>[[Battlegrounds]]</td></tr> |
||
+ | <tr><td>[[Sieges]]</td><td>[[Arenas]]</td></tr> |
||
+ | </table></div> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Character Options]]</th></tr> |
||
+ | <tr><td>[[Archetypes]]</td><td>[[Character Editor]]</td></tr> |
||
+ | <tr><td>[[Races]]</td><td>[[Gear]]</td></tr> |
||
+ | </table></div> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Social]]</th></tr> |
||
+ | <tr><td>[[Housing]]</td><td>[[Pets]]</td></tr> |
||
+ | <tr><td colspan=2>[[Governance]]</td></tr> |
||
+ | </table></div> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Economics]]</th></tr> |
||
+ | <tr><td>[[Artisan Classes]]</td><td>[[Auctionhouse]]</td></tr> |
||
+ | <tr><td colspan=2>[[Caravans]]</td></tr> |
||
+ | </table></div> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Transportation]]</th></tr> |
||
+ | <tr><td>[[Mounts]]</td><td>[[Ships]]</td></tr> |
||
+ | </table></div> |
||
+ | <div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[World]]</th></tr> |
||
+ | <tr><td>[[Lore]]</td><td>[[Nodes]]</td></tr> |
||
+ | </table></div> |
||
+ | </div> |
||
+ | |||
+ | [[User:Herdo|Herdo]] ([[User talk:Herdo|talk]]) 19:15, 11 May 2017 (UTC) |
||
== Redoing the main page and styles == |
== Redoing the main page and styles == |
Revision as of 19:15, 11 May 2017
The front page could use some more organizing.
It seems to me like there could be a table or several tables for different areas of the game. PvP, PvE, economic stuff, character options, and other RP stuff. Perhaps a table? I'll put some ideas below. If you got any suggestions feel free to post them. --Trubr (talk) 19:05, 9 May 2017 (UTC)
Table Concept #1 - One big table.
Good for keeping things aligned, but lacks subheaders for subcategories by default.
PvE | PvP | ||
---|---|---|---|
Dungeons | Raids | Caravans | Sieges |
Node Development | Open World PvP | ||
RP | |||
Housing | Small Pets | Mounts | Ships |
Quests | Lore | The World | |
Trade Activities | Character Options | ||
Gathering | Processing | Archetypes | Races |
Crafting | Trading | Abilities |
--Trubr (talk) 19:05, 9 May 2017 (UTC)
Table Concept #2 - Embedded tables.
Allows captions to be used as a form of table header, with subcategories as headers. Doesn't work as well with keeping things aligned.
|
| ||||||||||||||||||||||||
|
--Trubr (talk) 19:05, 9 May 2017 (UTC)
Graphical front page concept
Rather than displaying the tables as plain text tables, I'd like to suggest using some media inside. Some images to visualize the primary topic and the subtopics being listd below. However, this should be made adaptive:
- Display 2 or 3 primary topics side by side, in 2 or 3 rows on normal PCs.
- Display each primary topic beneath the prior primary topic on mobiles.
Example:
Herdo (talk) 16:36, 10 May 2017 (UTC)
- yeah, I kinda like that. Just the green is awful. Encredechine (talk) 16:48, 10 May 2017 (UTC)
- Finding a good color to match that background image is kinda difficult. But AFAIK, we would need some CSS styling to provide background images for tables (and specific cells) Herdo (talk) 18:06, 10 May 2017 (UTC)
- Suggested layout based on (slightly modified) Trubr suggestions:
Herdo (talk) 20:40, 10 May 2017 (UTC)
- It definitely looks better than what we have now with the text all off to one side. However, as a person who generally only has a Wiki page cover half a screen to act as a little game guide, how does it look to people who only cover up half the screen?--Trubr (talk) 02:08, 11 May 2017 (UTC)
- The single groups would wrap, if there's not enough space available. Same mechanic should apply to the mobile version:
Herdo (talk) 14:57, 11 May 2017 (UTC)
Prototype
This is a prototype for the front page. Images would be added later on the real front page.
Applied CSS:
div.front-page-group { width: 444px; height: 230px; float: left; margin: 8px; background-color: lightblue; border:3px solid #505050; font-size:24px; } table.front-page-table { width:100%; height:100%; } table.front-page-table tr:first-child { height: 80px; } table.front-page-table td { text-align:center; vertical-align:middle; min-width:222px; } table.front-page-table a { color:#FFFFFF !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */ } table.front-page-table a:hover { color:#EEEEEE !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */ } table.front-page-table th a { font-size:32px; }
Example:
Herdo (talk) 19:15, 11 May 2017 (UTC)
Redoing the main page and styles
Heya, I just want to make it clear, that I'm not married to this current look of the site. But before you do bigger changes - please test it in a personal css and create an editcopy of the main page. Thank you! Encredechine (talk) 16:52, 10 May 2017 (UTC)
- Prior to that, a design discussion should be completed with a full, and final, layout of the front page. We may then start to modify it in a test environment. Herdo (talk) 18:10, 10 May 2017 (UTC)
- Just to be clear, I don't have permissions to edit the front page and I wouldn't even like to have such permissions. I'm not an experienced contributor myself and feel like the front page is more for advanced users. I just really don't like the lack of categorization on the front page. The Kickstarter for Ashes of Creation brought forth some new information and people seeking such information. Thought I'd start the talk page to lay down an idea and a means to discuss what I see as an issue. By the way, know any good beginner guides on testing creating and using test environments? --Trubr (talk) 20:06, 10 May 2017 (UTC)