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
<span style="color: rgb(153, 51, 0);">/*****************************/<br /> /* element definitions start */<br /> /*****************************/<br /> html, body {<br /> font-family:lucida,verdana,sans-serif;<br /> font-size:12px;<br /> font-weight:normal;<br /> color:#000000;<br /> background-color:#6b6b6b;<br /> }<br /> body {<br /> padding:0px;<br /> margin:10px 15px 15px 15px;<br /> color:#000000;<br /> background-color:#ffffff;<br /> border:solid 1px #000000;<br /> }<br /> a {<br /> font-family:lucida,verdana,sans-serif;<br /> font-size:12px;<br /> font-weight:normal;<br /> text-decoration:underline;<br /> }<br /> a.link {<br /> color:#0033CC;<br /> background-color:transparent;<br /> }<br /> a:hover {<br /> color:#ff0000;<br /> }<br /> a img {<br /> text-decoration:none;<br /> border:none;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> h1 {<br /> font-size:18px;<br /> text-align:left;<br /> background-color:transparent;<br /> padding:0px;<br /> <br /> }<br /> .catroot {<br /> font-weight: bold;<br /> text-decoration:underline;<br /> }<br /> a.black{<br />  color:black;<br /> }<br /> a.black:hover{<br />  color:red;<br /> }<br /> .catsub {    <br />         line-height: 1px;<br />  margin-left:6px;<br /> text-decoration:underline;<br /> }<br /> h1.title {<br />   color:#ffffff;<br />   margin:0px 0px 0px 20px;<br /> }<br /> h1 a {<br /> font-size:18px;<br /> font-weight:normal;<br /> text-decoration:none;<br /> color:#ffffff;<br /> background-color:transparent;<br /> }<br /> h1 a:hover {<br /> text-decoration:none;<br /> color:#ffffff;<br /> background-color:transparent;<br /> }<br /> h2 {<br /> font-size:16px;<br /> text-align:left;<br /> background-color:#transparent;<br /> padding:0px;<br /> }<br /> <br /> h2.title {<br />   font-size:11px;<br />   font-weight:normal;<br />   color:#ffffff;<br />   margin:0px 0px 0px 20px;<br /> }<br /> h2 a {<br /> font-size:13px;<br /> font-weight:normal;<br /> text-decoration:none;<br /> color:#ffffff;<br /> background-color:transparent;<br /> }<br /> h2 a:hover {<br /> text-decoration:none;<br /> color:#ffffff;<br /> background-color:transparent;<br /> }<br /> div.summary {<br />   color:#555555;<br />   margin-left:15px;<br /> }<br /> /*****************************/<br /> /* element definitions end   */<br /> /*****************************/<br /> <br /> /*****************************/<br /> /* class definitions start   */<br /> /*****************************/<br /> div.footer {<br /> color:#555555;<br /> font-size:11px;<br /> font-weight:normal;<br /> background-color:transparent;<br /> border-top:solid 1px #cccccc;<br /> padding:10px 5px 10px 5px;<br /> margin:30px 10px 0px 10px;<br /> text-align: center;<br /> }<br /> div.footer a {<br /> font-size:11px;<br /> font-weight:normal;<br /> }<br /> div.path {<br /> font-size:11px;<br /> font-weight:normal;<br /> padding:0px;<br /> margin:15px 10px 10px 10px;<br /> }<br /> div.path a {<br /> font-size:11px;<br /> font-weight:normal;<br /> }<br /> div.printlink {<br /> float:right;<br /> width:auto;<br /> }<br /> div.quicknav {<br /> font-size:12px;<br /> font-weight:normal;<br /> text-align:right;<br /> padding:0px;<br /> margin:0px 13px 0px 0px;<br /> }<br /> div.quicknav a {<br /> font-size:12px;<br /> font-weight:normal;<br /> color:#ffffff;<br /> background:transparent;<br /> }<br /> div.quicknav a:hover {<br /> color:#ff0000;<br /> }<br /> div.toplink {<br /> padding:0px;<br /> margin:0px 0px 0px 15px;<br /> }<br /> div.toplink a {<br /> font-size:11px;<br /> font-weight:normal;<br /> }<br /> table.main {<br /> padding:0px;<br /> margin : 0 auto;<br /> width:100%;<br /> border:none;<br /> }<br /> /*****************************/<br /> /* class definitions end     */<br /> /*****************************/<br /> <br /> /*****************************/<br /> /* top table starts          */<br /> /*****************************/<br /> td.title_top_left {<br /> color:#ffffff;<br /> background-color:#990000;<br /> height:44px;<br /> border-top:solid 1px #bb0000;<br /> border-bottom:solid 1px #880000;<br /> }<br /> td.title_top_right {<br /> color:#ffffff;<br /> background-color:#990000;<br /> height:44px;<br /> border-top:solid 1px #bb0000;<br /> border-bottom:solid 1px #880000;<br /> }<br /> td.title_bot_left {<br /> color:#ffffff;<br /> background-color:#cc3300;<br /> height:29px;<br /> border-top:solid 1px #ee3300;<br /> border-bottom:solid 1px #a07050;<br /> }<br /> td.title_bot_right {<br /> color:#ffffff;<br /> background-color:#cc3300;<br /> border-top:solid 1px #ee3300;<br /> border-bottom:solid 1px #a07050;<br /> }<br /> /*****************************/<br /> /* top table ends            */<br /> /*****************************/<br /> <br /> /*****************************/<br /> /* quicksearch starts        */<br /> /*****************************/<br /> form.qs {<br /> text-align:right;<br /> padding:0px;<br /> margin:0px 13px 0px 0px;<br /> }<br /> form.qs p {<br /> font-size:11px;<br /> font-weight:normal;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> form.qs input.button {<br /> font-size:11px;<br /> font-weight:normal;<br /> width:30px;<br /> color:#000000;<br /> background-color:#f9f9ff;<br /> border:solid 1px #c0d3e2;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> form.qs input.textfield {<br /> font-size:11px;<br /> font-weight:normal;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> /*****************************/<br /> /* quicksearch ends          */<br /> /*****************************/<br /> <br /> /*****************************/<br /> /* main starts               */<br /> /*****************************/<br /> td.main {<br /> vertical-align:top;<br /> width:100%;<br /> }<br /> div.main {<br /> font-size:12px;/* Internet Explorer needs this */<br /> font-weight:normal;<br /> line-height:18px;<br /> color:#000000;<br /> background-color:#fafafa;<br /> padding:10px 10px 10px 10px;<br /> margin:10px 0 10px 5px;<br /> border:solid 1px #cccccc;<br /> }<br /> div.main h3 {<br /> font-size:16px;<br /> font-weight:normal;<br /> }<br /> div.main h4 {<br /> font-size:13px;<br /> font-weight:bold;<br /> padding:0px;<br /> margin:25px 0px 2px 0px;<br /> border-bottom:solid 1px #cccccc;<br /> }<br /> div.main h4 a {<br /> font-size:13px;<br /> font-weight:bold;<br /> text-decoration:none;<br /> }<br /> div.main h4 span.top {<br /> font-size:11px;<br /> font-weight:normal;<br /> }<br /> div.main h4 span.top a {<br /> font-size:11px;<br /> font-weight:normal;<br /> text-decoration:none;<br /> }<br /> div.main p {<br /> padding:0px;<br /> margin:2px 0px 10px 10px;<br /> }<br /> div.main table {<br /> font-family:lucida,verdana,sans-serif;<br /> font-size:12px;                /* Internet Explorer needs this */<br /> font-weight:normal;<br /> line-height:17px;<br /> margin-left:10px;<br /> }<br /> div.main td {<br /> padding:0px 5px 0px 5px;<br /> margin:0px;<br /> }<br /> div.main ul {<br /> list-style-type:square;<br /> padding:0px;<br /> margin:0px 0px 10px 10px;<br /> }<br /> div.main ul.none {<br /> list-style-type:none;<br /> }<br /> div.main li {<br /> padding:0px;<br /> margin:1px 0px 1px 0px;<br /> }<br /> /*****************************/<br /> /* main ends                 */<br /> /*****************************/<br /> <br /> /*****************************/<br /> /* navbox starts             */<br /> /*****************************/<br /> td.navbox {<br /> vertical-align:top;<br /> width:205px;<br /> }<br /> div.navbox {<br /> font-size:11px;<br /> font-weight:normal;<br /> line-height:17px;<br /> width:190px;<br /> border-top:solid 1px #c0d3e2;<br /> padding:0px;<br /> margin:12px 10px 10px 5px;/* 160px + 10px + 10px = 180px td.width */<br /> }<br /> div.navbox h5 {<br /> font-size:13px;<br /> font-weight:bold;<br /> padding:2px 5px 1px 5px;<br /> margin:0px;<br /> border:none;<br /> }<br /> div.navbox h5 a {<br /> font-size:13px;<br /> font-weight:bold;<br /> text-decoration:none;<br /> }<br /> div.navbox2 ul {<br /> list-style-type:none;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> div.navbox2 li {<br /> background-image:url("arrow_li_inact.gif");<br /> background-repeat:no-repeat;<br /> background-position:left;<br /> padding:1px 5px 0px 20px;<br /> margin:0px;<br /> }<br /> ul.collapse{<br /> padding:0px;<br /> margin:0px;<br /> }<br /> div.navbox div.inactive {<br /> color:#000000;<br /> background-color:#f9f9ff;<br /> border:solid 1px #c0d3e2;<br /> padding:0px 0px 20px 0px;<br /> margin:-1px 0px 0px 0px;<br /> }<br /> div.navbox div.active {<br /> color:#000000;<br /> background-color:#fff0f0;<br /> border:solid 1px #ffc9c9;<br /> padding:0px 0px 20px 0px;<br /> margin:-1px 0px 0px 0px;<br /> }<br /> div.navbox div.active h5 {<br /> color:#000000;<br /> background-color:#ffe0e0;<br /> }<br /> div.navbox div.impressum {<br /> color:#000000;<br /> background-color:#f9f9ff;<br /> padding:0px;<br /> margin:20px 0px 0px 0px;<br /> border:solid 1px #c0d3e2;<br /> }<br /> div.navbox div.impressum div.active {<br /> border:solid 1px #ffc9c9;<br /> padding:0px;<br /> margin:-1px;<br /> }<br /> /*****************************/<br /> /* navbox ends               */<br /> /*****************************/<br />             <br /> /*******************************/<br /> /* right side starts           */<br /> /*******************************/<br /> td.rightbox {<br /> vertical-align:top;<br /> width:205px;<br /> }<br /> div.rightbox {<br /> font-size:11px;<br /> font-weight:normal;<br /> line-height:17px;<br /> width:190px;<br /> border-top:solid 1px #c0d3e2;<br /> padding:0px;<br /> margin:12px 5px 10px 15px;/* 160px + 10px + 10px = 180px td.width */<br /> }<br /> div.rightbox h5 {<br /> font-size:13px;<br /> font-weight:bold;<br /> padding:2px 5px 1px 5px;<br /> margin:0px;<br /> border:none;<br /> }<br /> div.rightbox h5 a {<br /> font-size:13px;<br /> font-weight:bold;<br /> text-decoration:none;<br /> }<br /> div.rightbox2 ul {<br /> list-style-type:none;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> div.rightbox2 li {<br /> background-image:url("arrow_li_inact.gif");<br /> background-repeat:no-repeat;<br /> background-position:left;<br /> padding:1px 5px 0px 20px;<br /> margin:0px;<br /> }<br /> ul.collapse{<br /> padding:0px;<br /> margin:0px;<br /> }<br /> div.rightbox div.inactive {<br /> color:#000000;<br /> background-color:#f9f9ff;<br /> border:solid 1px #c0d3e2;<br /> padding:0px 0px 20px 0px;<br /> margin:-1px 0px 0px 0px;<br /> }<br /> div.rightbox div.active {<br /> color:#000000;<br /> background-color:#fff0f0;<br /> border:solid 1px #ffc9c9;<br /> padding:0px 0px 20px 0px;<br /> margin:-1px 0px 0px 0px;<br /> }<br /> div.rightbox div.active h5 {<br /> color:#000000;<br /> background-color:#ffe0e0;<br /> }<br /> div.rightbox div.impressum {<br /> color:#000000;<br /> background-color:#f9f9ff;<br /> padding:0px;<br /> margin:20px 0px 0px 0px;<br /> border:solid 1px #c0d3e2;<br /> }<br /> <br /> div.rightbox div.impressum div.active {<br /> border:solid 1px #ffc9c9;<br /> padding:0px;<br /> margin:-1px;<br /> }<br /> <br /> /*****************************/<br /> /* rightbox ends               */<br /> /*****************************/<br /> </span><br /> ----------------------------------------------------------------------           <br />             <br /> As you can see i copied the original code from the navbox (the left Column) and<br /> renamed to rightbox. I have also changed some padding,margin,width to best fit the page <br /> <b>MAIN</b><br /> Copy and paste the code below in your MAIN template<br /> <span style="color: rgb(153, 51, 0);">$this->header<br />     <table border="0" cellspacing="0" width="100%"><br />       <tr><br />         <td class="title_top_left"><a id="top"></a><h1 class=title><a href="{$this->relpath}">{$this->settings['sitename']}</a></h1></td><br />         <td class="title_top_right"><br />         <!-- ### quick navigation starts ### --><br />         <div class="quicknav"><br />           <a href="{$this->relpath}">Home</a><br />           | <a href="{$this->Url->submit}">Submit</a><br />           | <a href="{$this->Url->search}">Search</a><br />           | <a href="{$this->Url->feed}">RSS</a><br />         </div> <!-- class="quicknav" --><br />         <!-- ### quick navigation ends ### --><br />             </td><br />       </tr>  <br />       <tr><br />         <td class="title_bot_left"><h2 class=title>Welcome <b>{$this->User->name}</b></h2></td><br />         <td class="title_bot_right">   <br />         <!-- ### quicksearch starts ### --><br />         <form class="qs" method="get" action="{$this->Url->search}"><br />           <p><br />           Search:<br />           <input type="hidden" name="a" value="search"><br />           <input class="textfield" type="text" name="q" value="" size="21" maxlength="255" /><br />           <input class="button" type="submit" name="sa" value="Go" /><br />           </p><br />         </form><br />         <!-- ### quicksearch ends ### -->      <br />         </td><br />       </tr><br />     </table><br />     <!-- ### top table ends ### --><br />     <!-- ### main table starts ### --><br />     <table class="main" border="0" cellspacing="0"><br />       <tr valign="top">  <br />         <!-- ### navigation column starts ### --><br />         <td class="navbox"><br /> <!-- ### navigation box starts ### --><br /> <div class="navbox"><br />   <div class="inactive"><br />    {$Blocks->mainmenu}<br /> </div> <!-- class="inactive" --><br />   <div class="inactive"><br />     $Blocks->categorytree <br />    </div> <!-- class="inactive" --> <br />   <div class="inactive"><br />      $Blocks->pagetree<br />    </div> <!-- class="active" --><br />   <div class="inactive"><br />    $Blocks->sponsors<br />   </div><br />     <div class="impressum"><br />   $Blocks->Stats<br />   </div> <!-- class="impressum" --><br /> <!-- ### navigation box ends ### --><br />         </td><br />         <!-- ### navigation column ends ### -->   <br />         <!-- ### content column starts ### --><br />         <td class="main"><br />         <div class="path"><br />          {$Blocks->navbar}<br />         </div> <!-- class="path" --><br /> <!-- ### content starts ### --><br /> <div class="main"><br /> $this->output<br /> </div> <!-- class="main" --><br /> <!-- ### content ends ### -->       <br />         </td><br />         <!-- ### content column ends ### --><br />     <!-- ### main table ends ### --><br />   </td><br /> <!-- ### right column starts ### --><br />         <td class="rightbox"><br /> <!-- ### navigation box starts ### --><br /> <div class="rightbox"><br /> <!-- class="inactive" --><br /> <div class="inactive"><br /> $Blocks->googleskys<br /> </div><br /> <div class="inactive"><br />     $Blocks->sponsors<br />    </div> <!-- class="inactive" --><br />   <div class="inactive"><br />     $Blocks->links<br />    </div> <br /> <!-- class="active" --><br />    <div class="impressum"><br />     <ul><br />      <li> {$this->Active->total} users online. </li><br />     </ul><br />   </div> <!-- class="impressum" --><br /> <!-- ### rightboxbox ends ### --><br />         </td><br />         <!-- ### navigation column ends ### --><br />     </tr><br />     </table><br />     <!-- ### footer starts ### --><br />     <div class="footer"><br />       {$this->copyright}<br />     </div> <!-- class="footer" --><br />     <!-- ### footer ends ### --><br /> $this->footer</span><br />

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
           

About the Author

Admin of AllBestArticles.com and  blog.allbestarticles.com

- Next Article

Article Submitted By: Admin
Subscribe To: Admin Rss Feed
This Article Has Been Read 1863 Times

---

Publish/Share this article

Remember: The article body, title, author bio and links may not be changed or removed. By publishing this article, you agree to all the terms in our Terms of Service.

Rating: Not yet rated

--Choose-- 0 1 2 3 4 5

More articles in this Category

Top Authors Block: How To

How To Upgrade ArticleMs 1.3 Skin to ArticleMs 2.0

Top Authors Block for ArticleMs 2.0

The most famous Article Directory Script ArticleMs 2.0 - Beta 1 released

How To Install a New Skin

Most Active Authors Block

ArticleMs Default Skin: display third column only in some pages

ArticleMs Default Skin: add the third column

Main Menu

Login Register Our Services Latest Articles Contact Us

Main Categories

Useful Resources

Link To Us Article Marketing Article Submission Website Design

ArticleMsDesign.com ArticlesFinder.com

Stats

Total Category: 528
38 users online.