I noticed that many peoples using ArtcleMs script are looking for a 3 colums template.

I have modified the default skin adding the third column

When you try to change something in your skin i always suggest you to create a duplicate skin based on the skin you want modify and work on it. So if any error occur you can copy the original code from the original template.

To add a third column i have changed and added some code to the STYLESHEET and to the MAIN template.

To simplify all, you can find the code here:

STYLESHEET Copy and paste it in your stylesheet

/*****************************/

/* element definitions start */

/*****************************/

html, body {

font-family:lucida,verdana,sans-serif;

font-size:12px;

font-weight:normal;

color:#000000;

background-color:#6b6b6b;

}

body {

padding:0px;

margin:10px 15px 15px 15px;

color:#000000;

background-color:#ffffff;

border:solid 1px #000000;

}

a {

font-family:lucida,verdana,sans-serif;

font-size:12px;

font-weight:normal;

text-decoration:underline;

}

a.link {

color:#0033CC;

background-color:transparent;

}

a:hover {

color:#ff0000;

}

a img {

text-decoration:none;

border:none;

padding:0px;

margin:0px;

}

h1 {

font-size:18px;

text-align:left;

background-color:transparent;

padding:0px;



}

.catroot {

font-weight: bold;

text-decoration:underline;

}

a.black{

 color:black;

}

a.black:hover{

 color:red;

}

.catsub {   

        line-height: 1px;

 margin-left:6px;

text-decoration:underline;

}

h1.title {

  color:#ffffff;

  margin:0px 0px 0px 20px;

}

h1 a {

font-size:18px;

font-weight:normal;

text-decoration:none;

color:#ffffff;

background-color:transparent;

}

h1 a:hover {

text-decoration:none;

color:#ffffff;

background-color:transparent;

}

h2 {

font-size:16px;

text-align:left;

background-color:#transparent;

padding:0px;

}



h2.title {

  font-size:11px;

  font-weight:normal;

  color:#ffffff;

  margin:0px 0px 0px 20px;

}

h2 a {

font-size:13px;

font-weight:normal;

text-decoration:none;

color:#ffffff;

background-color:transparent;

}

h2 a:hover {

text-decoration:none;

color:#ffffff;

background-color:transparent;

}

div.summary {

  color:#555555;

  margin-left:15px;

}

/*****************************/

/* element definitions end   */

/*****************************/



/*****************************/

/* class definitions start   */

/*****************************/

div.footer {

color:#555555;

font-size:11px;

font-weight:normal;

background-color:transparent;

border-top:solid 1px #cccccc;

padding:10px 5px 10px 5px;

margin:30px 10px 0px 10px;

text-align: center;

}

div.footer a {

font-size:11px;

font-weight:normal;

}

div.path {

font-size:11px;

font-weight:normal;

padding:0px;

margin:15px 10px 10px 10px;

}

div.path a {

font-size:11px;

font-weight:normal;

}

div.printlink {

float:right;

width:auto;

}

div.quicknav {

font-size:12px;

font-weight:normal;

text-align:right;

padding:0px;

margin:0px 13px 0px 0px;

}

div.quicknav a {

font-size:12px;

font-weight:normal;

color:#ffffff;

background:transparent;

}

div.quicknav a:hover {

color:#ff0000;

}

div.toplink {

padding:0px;

margin:0px 0px 0px 15px;

}

div.toplink a {

font-size:11px;

font-weight:normal;

}

table.main {

padding:0px;

margin : 0 auto;

width:100%;

border:none;

}

/*****************************/

/* class definitions end     */

/*****************************/



/*****************************/

/* top table starts          */

/*****************************/

td.title_top_left {

color:#ffffff;

background-color:#990000;

height:44px;

border-top:solid 1px #bb0000;

border-bottom:solid 1px #880000;

}

td.title_top_right {

color:#ffffff;

background-color:#990000;

height:44px;

border-top:solid 1px #bb0000;

border-bottom:solid 1px #880000;

}

td.title_bot_left {

color:#ffffff;

background-color:#cc3300;

height:29px;

border-top:solid 1px #ee3300;

border-bottom:solid 1px #a07050;

}

td.title_bot_right {

color:#ffffff;

background-color:#cc3300;

border-top:solid 1px #ee3300;

border-bottom:solid 1px #a07050;

}

/*****************************/

/* top table ends            */

/*****************************/



/*****************************/

/* quicksearch starts        */

/*****************************/

form.qs {

text-align:right;

padding:0px;

margin:0px 13px 0px 0px;

}

form.qs p {

font-size:11px;

font-weight:normal;

padding:0px;

margin:0px;

}

form.qs input.button {

font-size:11px;

font-weight:normal;

width:30px;

color:#000000;

background-color:#f9f9ff;

border:solid 1px #c0d3e2;

padding:0px;

margin:0px;

}

form.qs input.textfield {

font-size:11px;

font-weight:normal;

padding:0px;

margin:0px;

}

/*****************************/

/* quicksearch ends          */

/*****************************/



/*****************************/

/* main starts               */

/*****************************/

td.main {

vertical-align:top;

width:100%;

}

div.main {

font-size:12px;/* Internet Explorer needs this */

font-weight:normal;

line-height:18px;

color:#000000;

background-color:#fafafa;

padding:10px 10px 10px 10px;

margin:10px 0 10px 5px;

border:solid 1px #cccccc;

}

div.main h3 {

font-size:16px;

font-weight:normal;

}

div.main h4 {

font-size:13px;

font-weight:bold;

padding:0px;

margin:25px 0px 2px 0px;

border-bottom:solid 1px #cccccc;

}

div.main h4 a {

font-size:13px;

font-weight:bold;

text-decoration:none;

}

div.main h4 span.top {

font-size:11px;

font-weight:normal;

}

div.main h4 span.top a {

font-size:11px;

font-weight:normal;

text-decoration:none;

}

div.main p {

padding:0px;

margin:2px 0px 10px 10px;

}

div.main table {

font-family:lucida,verdana,sans-serif;

font-size:12px;                /* Internet Explorer needs this */

font-weight:normal;

line-height:17px;

margin-left:10px;

}

div.main td {

padding:0px 5px 0px 5px;

margin:0px;

}

div.main ul {

list-style-type:square;

padding:0px;

margin:0px 0px 10px 10px;

}

div.main ul.none {

list-style-type:none;

}

div.main li {

padding:0px;

margin:1px 0px 1px 0px;

}

/*****************************/

/* main ends                 */

/*****************************/



/*****************************/

/* navbox starts             */

/*****************************/

td.navbox {

vertical-align:top;

width:205px;

}

div.navbox {

font-size:11px;

font-weight:normal;

line-height:17px;

width:190px;

border-top:solid 1px #c0d3e2;

padding:0px;

margin:12px 10px 10px 5px;/* 160px + 10px + 10px = 180px td.width */

}

div.navbox h5 {

font-size:13px;

font-weight:bold;

padding:2px 5px 1px 5px;

margin:0px;

border:none;

}

div.navbox h5 a {

font-size:13px;

font-weight:bold;

text-decoration:none;

}

div.navbox2 ul {

list-style-type:none;

padding:0px;

margin:0px;

}

div.navbox2 li {

background-image:url("arrow_li_inact.gif");

background-repeat:no-repeat;

background-position:left;

padding:1px 5px 0px 20px;

margin:0px;

}

ul.collapse{

padding:0px;

margin:0px;

}

div.navbox div.inactive {

color:#000000;

background-color:#f9f9ff;

border:solid 1px #c0d3e2;

padding:0px 0px 20px 0px;

margin:-1px 0px 0px 0px;

}

div.navbox div.active {

color:#000000;

background-color:#fff0f0;

border:solid 1px #ffc9c9;

padding:0px 0px 20px 0px;

margin:-1px 0px 0px 0px;

}

div.navbox div.active h5 {

color:#000000;

background-color:#ffe0e0;

}

div.navbox div.impressum {

color:#000000;

background-color:#f9f9ff;

padding:0px;

margin:20px 0px 0px 0px;

border:solid 1px #c0d3e2;

}

div.navbox div.impressum div.active {

border:solid 1px #ffc9c9;

padding:0px;

margin:-1px;

}

/*****************************/

/* navbox ends               */

/*****************************/

           

/*******************************/

/* right side starts           */

/*******************************/

td.rightbox {

vertical-align:top;

width:205px;

}

div.rightbox {

font-size:11px;

font-weight:normal;

line-height:17px;

width:190px;

border-top:solid 1px #c0d3e2;

padding:0px;

margin:12px 5px 10px 15px;/* 160px + 10px + 10px = 180px td.width */

}

div.rightbox h5 {

font-size:13px;

font-weight:bold;

padding:2px 5px 1px 5px;

margin:0px;

border:none;

}

div.rightbox h5 a {

font-size:13px;

font-weight:bold;

text-decoration:none;

}

div.rightbox2 ul {

list-style-type:none;

padding:0px;

margin:0px;

}

div.rightbox2 li {

background-image:url("arrow_li_inact.gif");

background-repeat:no-repeat;

background-position:left;

padding:1px 5px 0px 20px;

margin:0px;

}

ul.collapse{

padding:0px;

margin:0px;

}

div.rightbox div.inactive {

color:#000000;

background-color:#f9f9ff;

border:solid 1px #c0d3e2;

padding:0px 0px 20px 0px;

margin:-1px 0px 0px 0px;

}

div.rightbox div.active {

color:#000000;

background-color:#fff0f0;

border:solid 1px #ffc9c9;

padding:0px 0px 20px 0px;

margin:-1px 0px 0px 0px;

}

div.rightbox div.active h5 {

color:#000000;

background-color:#ffe0e0;

}

div.rightbox div.impressum {

color:#000000;

background-color:#f9f9ff;

padding:0px;

margin:20px 0px 0px 0px;

border:solid 1px #c0d3e2;

}



div.rightbox div.impressum div.active {

border:solid 1px #ffc9c9;

padding:0px;

margin:-1px;

}



/*****************************/

/* rightbox ends               */

/*****************************/



----------------------------------------------------------------------          

           

As you can see i copied the original code from the navbox (the left Column) and

renamed to rightbox. I have also changed some padding,margin,width to best fit the page

MAIN

Copy and paste the code below in your MAIN template

$this->header

    <table border="0" cellspacing="0" width="100%">

      <tr>

        <td class="title_top_left"><a id="top"></a><h1 class=title><a href="{$this->relpath}">{$this->settings['sitename']}</a></h1></td>

        <td class="title_top_right">

        <!-- ### quick navigation starts ### -->

        <div class="quicknav">

          <a href="{$this->relpath}">Home</a>

          | <a href="{$this->Url->submit}">Submit</a>

          | <a href="{$this->Url->search}">Search</a>

          | <a href="{$this->Url->feed}">RSS</a>

        </div> <!-- class="quicknav" -->

        <!-- ### quick navigation ends ### -->

            </td>

      </tr> 

      <tr>

        <td class="title_bot_left"><h2 class=title>Welcome <b>{$this->User->name}</b></h2></td>

        <td class="title_bot_right">  

        <!-- ### quicksearch starts ### -->

        <form class="qs" method="get" action="{$this->Url->search}">

          <p>

          Search:

          <input type="hidden" name="a" value="search">

          <input class="textfield" type="text" name="q" value="" size="21" maxlength="255" />

          <input class="button" type="submit" name="sa" value="Go" />

          </p>

        </form>

        <!-- ### quicksearch ends ### -->     

        </td>

      </tr>

    </table>

    <!-- ### top table ends ### -->

    <!-- ### main table starts ### -->

    <table class="main" border="0" cellspacing="0">

      <tr valign="top"> 

        <!-- ### navigation column starts ### -->

        <td class="navbox">

<!-- ### navigation box starts ### -->

<div class="navbox">

  <div class="inactive">

   {$Blocks->mainmenu}

</div> <!-- class="inactive" -->

  <div class="inactive">

    $Blocks->categorytree

   </div> <!-- class="inactive" -->

  <div class="inactive">

     $Blocks->pagetree

   </div> <!-- class="active" -->

  <div class="inactive">

   $Blocks->sponsors

  </div>

    <div class="impressum">

  $Blocks->Stats

  </div> <!-- class="impressum" -->

<!-- ### navigation box ends ### -->

        </td>

        <!-- ### navigation column ends ### -->  

        <!-- ### content column starts ### -->

        <td class="main">

        <div class="path">

         {$Blocks->navbar}

        </div> <!-- class="path" -->

<!-- ### content starts ### -->

<div class="main">

$this->output

</div> <!-- class="main" -->

<!-- ### content ends ### -->      

        </td>

        <!-- ### content column ends ### -->

    <!-- ### main table ends ### -->

  </td>

<!-- ### right column starts ### -->

        <td class="rightbox">

<!-- ### navigation box starts ### -->

<div class="rightbox">

<!-- class="inactive" -->

<div class="inactive">

$Blocks->googleskys

</div>

<div class="inactive">

    $Blocks->sponsors

   </div> <!-- class="inactive" -->

  <div class="inactive">

    $Blocks->links

   </div>

<!-- class="active" -->

   <div class="impressum">

    <ul>

     <li> {$this->Active->total} users online. </li>

    </ul>

  </div> <!-- class="impressum" -->

<!-- ### rightboxbox ends ### -->

        </td>

        <!-- ### navigation column ends ### -->

    </tr>

    </table>

    <!-- ### footer starts ### -->

    <div class="footer">

      {$this->copyright}

    </div> <!-- class="footer" -->

    <!-- ### footer ends ### -->

$this->footer

-----------------------------------

As you can see i have added some blocks in the rightbox. Of course you can create your own block and put it in the right column.

You can see the and the .

Hope that this suggestion can help you. For any question you can contact me at the . My nickname is blooobs