Form:Game: Difference between revisions

Revision as of 12:10, 10 February 2026

add title=Add a new Game

Game

 Game Database Entry

Essential Information

     Game Name:

     Name

     Release Date:

     Release date

     Developer:
Developer

     Publisher:
Publisher

     Series:
Series

     Cover Image:
Image

      Current Version:
Current version

Gameplay & Genre

Genre:

   Genre

Setting:

   Setting

Game Modes:

   Has game mode

Technical Specifications

Original Release Platforms:

     Platform

   System Requirements:

   System requirements

   Multiplayer Tools:

   Multiplayer tools

External Links

   Store Links:
Store links

   Community Links:
Community

 save 
 preview 
 cancel

{{{end template}}}

@@ Line 2: / Line 2: @@
 {{{for template|Game}}}
-<div style="max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: sans-serif; color: #333;">
+<div style="max-width: 950px; margin: 0 auto; background: #fff; border: 1px solid #ccc; font-family: sans-serif; color: #333;">
 <div style="background: #3366cc; color: white; padding: 15px 20px;">
@@ Line 8: / Line 8: @@
 </div>
-<div style="padding: 25px 30px; background: #f8f9fa; border-bottom: 1px solid #e0e0e0;">
+<div style="padding: 20px 30px; background: #f9f9f9; border-bottom: 1px solid #e0e0e0;">
-   <div style="font-weight: bold; color: #555; text-transform: uppercase; margin-bottom: 15px; font-size: 0.9em;">Essential Information</div>
+   <div style="font-weight: bold; color: #555; text-transform: uppercase; margin-bottom: 15px; font-size: 0.9em; letter-spacing: 0.5px;">Essential Information</div>
-   <div style="margin-bottom: 15px;">
+   <div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px;">
-     '''Game Name:'''<br>
+     <div style="flex: 2; min-width: 300px;">
-    {{{field|Name|input type=text|size=60|placeholder=Enter the full official title|class=form-control}}}
+      '''Game Name:'''<br>
+      {{{field|Name|input type=text|placeholder=Enter full official title|class=form-control|style=width:100%}}}
+    </div>
+    <div style="flex: 1; min-width: 150px;">
+      '''Release Date:'''<br>
+      {{{field|Release date|input type=datepicker|date format=dd.mm.yy}}}
+    </div>
    </div>
    <div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px;">
-     <div style="flex: 1; min-width: 250px;">
+     <div style="flex: 1;">
-       '''Developer:'''<br>{{{field|Developer|input type=text|autocomplete|size=30}}}
+       '''Developer:'''<br>{{{field|Developer|input type=text|autocomplete|size=25}}}
      </div>
-     <div style="flex: 1; min-width: 250px;">
+     <div style="flex: 1;">
-       '''Publisher:'''<br>{{{field|Publisher|input type=text|autocomplete|size=30}}}
+       '''Publisher:'''<br>{{{field|Publisher|input type=text|autocomplete|size=25}}}
+    </div>
+    <div style="flex: 1;">
+      '''Series:'''<br>{{{field|Series|input type=tokens|values from category=Series|placeholder=Series Name|size=25}}}
      </div>
    </div>
-  <div style="margin-bottom: 15px;">
+   <div style="display: flex; gap: 20px;">
-    '''Series:'''<br>
+     <div style="flex: 1;">
-    {{{field|Series|input type=tokens|values from category=Series|size=60|placeholder=Type Series name and hit Enter}}}
-  </div>
-   <div style="display: flex; flex-wrap: wrap; gap: 20px;">
-     <div style="flex: 1; min-width: 200px;">
-      '''Release Date:'''<br>{{{field|Release date|input type=datepicker|date format=dd.mm.yy}}}
-    </div>
-    <div style="flex: 1; min-width: 200px;">
        '''Cover Image:'''<br>{{{field|Image|uploadable}}}
      </div>
-     <div style="flex: 1; min-width: 200px;">
+     <div style="flex: 1;">
-        '''Current Version:'''<br>{{{field|Current version|input type=text|size=15}}}
+        '''Current Version:'''<br>{{{field|Current version|input type=text|size=20}}}
      </div>
    </div>
 </div>
-<div style="padding: 25px 30px; background: #ffffff; border-bottom: 1px solid #e0e0e0;">
+<div style="padding: 20px 30px; background: #ffffff; border-bottom: 1px solid #e0e0e0;">
    <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; margin-bottom: 15px; font-size: 0.9em; border-bottom: 2px solid #3366cc; display: inline-block; padding-bottom: 3px;">Gameplay & Genre</div>
    <div style="margin-bottom: 20px;">
      <div style="margin-bottom: 8px; font-weight: bold;">Genre:</div>
-     <div class="pf-checkbox-grid">
+     <div class="checkbox-grid">
      {{{field|Genre|input type=checkboxes|values=Action, Adventure, MMO, Racing, RPG, Shooter, Simulation, Sports, Strategy|delimiter=,}}}
      </div>
@@ Line 55: / Line 56: @@
    <div style="margin-bottom: 20px;">
      <div style="margin-bottom: 8px; font-weight: bold;">Setting:</div>
-     <div class="pf-checkbox-grid">
+     <div class="checkbox-grid">
      {{{field|Setting|input type=checkboxes|values=Modern Era, Fantasy, Sci-Fi, Historical, Post-Apocalyptic|delimiter=,}}}
      </div>
@@ Line 62: / Line 63: @@
    <div style="margin-bottom: 5px;">
      <div style="margin-bottom: 8px; font-weight: bold;">Game Modes:</div>
-     <div class="pf-checkbox-grid">
+     <div class="checkbox-grid">
      {{{field|Has game mode|input type=checkboxes|values=Singleplayer, Multiplayer, Co-op|delimiter=,}}}
      </div>
@@ Line 68: / Line 69: @@
 </div>
-<div style="padding: 25px 30px; background: #f8f9fa; border-bottom: 1px solid #e0e0e0;">
+<div style="padding: 20px 30px; background: #f9f9f9; border-bottom: 1px solid #e0e0e0;">
-   <div style="font-weight: bold; color: #555; text-transform: uppercase; margin-bottom: 15px; font-size: 0.9em;">Technical Specifications</div>
+   <div style="font-weight: bold; color: #555; text-transform: uppercase; margin-bottom: 15px; font-size: 0.9em; letter-spacing: 0.5px;">Technical Specifications</div>
    <div style="margin-bottom: 20px;">
      <div style="margin-bottom: 8px; font-weight: bold;">Original Release Platforms:</div>
-     <div class="pf-checkbox-grid">
+     <div class="checkbox-grid" style="background: #fff; padding: 10px; border: 1px solid #ddd; border-radius: 4px;">
        {{{field|Platform|input type=checkboxes|values=MS-DOS, Windows 95, Windows 98, Windows XP, Windows 7, Windows 10, Windows 11, Linux, Mac OS|delimiter=,}}}
      </div>
@@ Line 89: / Line 90: @@
 </div>
-<div style="padding: 25px 30px; background: #ffffff;">
+<div style="padding: 20px 30px; background: #ffffff;">
    <div style="font-weight: bold; color: #555; text-transform: uppercase; margin-bottom: 15px; font-size: 0.9em;">External Links</div>
@@ Line 100: / Line 101: @@
 </div>
-<div style="padding: 20px 30px; background: #f0f0f0; border-top: 1px solid #ccc; text-align: right;">
+<div style="padding: 15px 30px; background: #f0f0f0; border-top: 1px solid #ccc; text-align: right;">
    {{{standard input|save}}}
    <span style="margin-left: 10px;">{{{standard input|preview}}}</span>