User:Zozart/category test: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(→‎Wiki markup with sub-tables: Fixed remaining problems)
Line 392: Line 392:
|}
|}


= Wiki markup with sub-tables =
= Wiki markup with sub-tables (ALL NEW AND IMPROVED!)=
Based on design #2, but uses a subtable to display the right-hand column instead of relying on <code>rowspan</code>ning.
Based on design #2, but uses a subtable to display the right-hand column instead of relying on <code>rowspan</code>ning.


Problems:
Problems:
*Holy HTML, batman! I didn't have the patience to get it working in Wiki, sorry to whoever ends up converting it! Using a template system should make it as efficient as Jeff's version.
*Slight mis-alignment of bottom edge of right-hand column
*Double-width around right column (vis. different colour). Could be fixed by getting rid of the table and faking the cell spacing with divs.
*Needs conversion into a template system


<table width="100%" cellspacing="8px" style="background:#E0E0E0; border:lightgray 1px solid;">


<tr width="50%">
{| width="100%" cellspacing="8px" style="background:#E0E0E0; border:lightgray 1px solid;"
      <td style="background:#F5F5F5;padding: 8px; border:#D3D3D3 1px solid;">
|- width="50%"
| style="background:#F5F5F5;padding:8px;border:#D3D3D3 1px solid;" |
== Getting Started ==
== Getting Started ==
* [[Getting_Started|Building your first room in Hammer]]
* [[Getting_Started|Building your first room in Hammer]]
Line 439: Line 439:
* [[Navigation Meshes]]</td>
* [[Navigation Meshes]]</td>


 
| style="background:#E0E0E0;width:50%;height:100%;" |<div style="background:#FBF7EA;padding:8px;border:#D3D3D3 1px solid;margin-bottom:6px;">
      <td style="background:#E0E0E0;width:50%;height:100%;">
 
  <table cellspacing="8" width="100%" height="100%">
 
<tr>
      <td style="background:#FBF7EA;padding:8px;border:#D3D3D3 1px solid;">


== Hammer Editor ==
== Hammer Editor ==
* [[Hammer Editor Documentation]]
* [[Hammer Editor Documentation]]
* [[Hammer Feature Requests]]</td>
* [[Hammer Feature Requests]]</div>


</tr>
<div style="background:#FFFFFF;padding:8px;border:#D3D3D3 1px solid;margin-bottom:6px;">
<tr>
      <td style="background:#FFFFFF;padding:8px;border:#D3D3D3 1px solid;">
== [[Abstract Mapping]] ==
== [[Abstract Mapping]] ==
{{abstract mapping ideas}}</td>
{{abstract mapping ideas}}</div>
</tr>
 
<tr>
<div style="background:#FBF7EA;padding:8px;border:#D3D3D3 1px solid;margin-bottom:6px;">
      <td style="background:#FBF7EA;padding:8px;border:#D3D3D3 1px solid;">
== Objects ==
== Objects ==
* [[List of entities]]
* [[List of entities]]
* [[:Category:World Models|Prop Gallery]]
* [[:Category:World Models|Prop Gallery]]
* [[:Category:Items|Items (weapons, pickups)]]
* [[:Category:Items|Items (weapons, pickups)]]
* [[:Category:NPCs|NPCs (monsters, allies, characters)]]</td>
* [[:Category:NPCs|NPCs (monsters, allies, characters)]]</div>
</tr>
 
<tr>
<div style="background:#FFFFFF;padding:8px;border:#D3D3D3 1px solid;margin-bottom:6px;">
      <td style="background:#FFFFFF;padding:8px;border:#D3D3D3 1px solid;">
== Troubleshooting ==
== Troubleshooting ==
* [[Troubleshooting Level Design]]
* [[Troubleshooting Level Design]]
* [[Showbudget|Using the Showbudget Panel]]
* [[Showbudget|Using the Showbudget Panel]]
* [[Compile Errors]]</td>
* [[Compile Errors]]</div>
</tr>
<tr>


      <td style="background:#FBF7EA;padding:8px;border:#D3D3D3 1px solid;">
<div style="background:#FBF7EA;padding:8px;border:#D3D3D3 1px solid;margin-bottom:6px;">
== Design Theory ==
== Design Theory ==
* [[What makes a good level?]]
* [[What makes a good level?]]
Line 482: Line 470:
* [[Push Gameplay]]
* [[Push Gameplay]]
* [[Map Compiling Theory]]
* [[Map Compiling Theory]]
* [[RAD (technical)]]</td>
* [[RAD (technical)]]</div>
</tr>
|-
</table>
|}
 
 
 
  </td>
 
 
</tr>
</table>

Revision as of 03:15, 14 February 2006

Expanded TomEdwards' two-column layout, integrating some of the features from the Main_Page in order to give it a similar style.

Problems with HTML:

  • Mixed HTML and Wiki markup
  • Hard to track opening and closing of <div>s
    • More difficult for users to edit

Versions:


Mixed HTML and Wiki markup

Code using a combination of HTML </div> tags and Wiki markup.


Tutorials

Reference


Wiki markup with simple tables

Only uses Wiki markup, with 2 simple columns.


Getting Started

http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source

Intermediate Topics

http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2

Advanced Techniques

Abstract Mapping

Ammunition | List of HL2 Animals and Creatures | Mapping with Antlions | Beams and Lasers | Cables and Ropes | Moving Clouds | Color Theory in Level Design | Combat | Combine | Compression (Source 1) | Doors | Dust, Fog, & Smoke | Elevators | Level Transitions | Environmental Lighting, Sun, Weather, & Outdoors | Explosions | Fire | Half-Life 2 Foliage | Glass & Windows | Headcrab | Health | Ladders | Lighting | Optimization (level design) | Physics | Retinal scanners | Sound and Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie

Hammer Editor

Objects

Troubleshooting

Design Theory


Wiki markup with complex tables

Uses only Wiki markup, but uses more complex table code to add sections and different color possibilties. Some of the markup could be templated fairly easily.


Getting Started

http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source

Intermediate Topics

http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2

Advanced Techniques

Hammer Editor

Abstract Mapping

Ammunition | List of HL2 Animals and Creatures | Mapping with Antlions | Beams and Lasers | Cables and Ropes | Moving Clouds | Color Theory in Level Design | Combat | Combine | Compression (Source 1) | Doors | Dust, Fog, & Smoke | Elevators | Level Transitions | Environmental Lighting, Sun, Weather, & Outdoors | Explosions | Fire | Half-Life 2 Foliage | Glass & Windows | Headcrab | Health | Ladders | Lighting | Optimization (level design) | Physics | Retinal scanners | Sound and Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie

Objects

Troubleshooting

Design Theory

Wiki markup with dual complex tables, multiple sections and colours

Uses only Wiki markup, but uses more complex table code to add sections and different color possibilties. Some of the markup could be templated fairly easily. As above, uses only Wiki markup and table code. Utilises two nested tables in order to allow independant sections for each column. Each section can be coloured, e.g. the Hammer box (yellow) and the Troubleshooting box (red). Each section also alternates between white and light grey for the background (aside from those boxes with a different colour).

Issues:

  • If more sections were added (especially if in the middle), can be confusing to swap around all the background colours.
  • Two nested tables could be an issue in the name of simplicity.


Getting Started

http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source

Intermediate Topics

http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2

Advanced Techniques

Hammer Editor

Abstract Mapping

Ammunition | List of HL2 Animals and Creatures | Mapping with Antlions | Beams and Lasers | Cables and Ropes | Moving Clouds | Color Theory in Level Design | Combat | Combine | Compression (Source 1) | Doors | Dust, Fog, & Smoke | Elevators | Level Transitions | Environmental Lighting, Sun, Weather, & Outdoors | Explosions | Fire | Half-Life 2 Foliage | Glass & Windows | Headcrab | Health | Ladders | Lighting | Optimization (level design) | Physics | Retinal scanners | Sound and Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie

Objects

Troubleshooting

Design Theory

Wiki markup with sub-tables (ALL NEW AND IMPROVED!)

Based on design #2, but uses a subtable to display the right-hand column instead of relying on rowspanning.

Problems:

  • Slight mis-alignment of bottom edge of right-hand column
  • Needs conversion into a template system


Getting Started

http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source

Intermediate Topics

http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2

Advanced Techniques