FOnline: Ashes of Phoenix

Miscellaneous section => Wiki creation => Topic started by: Ender on September 26, 2014, 01:41:55 PM

Title: Information : wiki table
Post by: Ender on September 26, 2014, 01:41:55 PM

Some information for the wiki contributors.

A lot of pages use two aligned tables ( example (http://fonline-aop.net/wiki/index.php?title=Punch_Gun) ).
As we are mixing some html/boostrap sutff with the wiki syntax it's not always easy to understand so there is a little explanation :

Code: [Select]

<div class="row">
   <div class="col-sm-6">
      First table
   </div>
   <div class="col-sm-6">
      Second table
   </div>
</div>
* First table & Second table are normal table using wiki syntax

So what does it means ?

• <div class="row">: We create a new row to align the two table. Things to know a row has a width of 12
•    <div class="col-sm-6">: We create a column with a width of 6
•    </div>: We close the column
•    <div class="col-sm-6">: We create the second column with a width of 6
•    </div>: We close the second column
• </div>: We close the row

The "sm" in "col-sm-6" means : "Use this rule for small resolution and bigger. For extra small resolution use full width"
This is not very convinient but improve the responsivness of the wiki.

Feel free to ask here for help with design issue.

Title: Re: Information : wiki table
Post by: paragon on October 04, 2014, 05:47:31 AM

We CAN make sortable tables! Use {| class="wikitable sortable"

http://fonline-aop.net/wiki/index.php?title=Leadership_Modules

Title: Re: Information : wiki table
Post by: MARXMAN on February 05, 2015, 12:30:14 AM

Thanks for the useful info, until now I've just been copying other peoples' tables and inserting my own text.

Title: Re: Information : wiki table
Post by: Myakot on February 05, 2015, 02:04:07 AM

Quote from: MARXMAN on February 05, 2015, 12:30:14 AM

Thanks for the useful info, until now I've just been copying other peoples' tables and inserting my own text.

That's the true way.