[Yankidank]

Here are some tutorials for customizing the layout and style of the Wistie template. First is a tutorial for changing the order of the columns so that the 2 sidebars are to the left of the main story content. Then is a tutorial for changing Wistie into a 2 column template. Both of these probably have some bugs, but they should offer you guidance if you are interested in customizing Wistie.
______________________________________

Reverse Columns Tutorial
These changes will reverse the order of the columns so that you have a small left column, medium middle column and large right column with the news. Click here for an example screenshot.

Open up /css/style.css

 #leftcol {
width: 550px;
float: right;
overflow: hidden;
 }

 #leftcol-wide {
width: 790px;
float: right;
overflow: hidden;
 }

 #midcol {
width: 220px;
margin-right: 20px;
float: right;
overflow:hidden;
font-size: 12px;
}

 #rightcol {
width: 150px;
margin-right: 20px;
float: left;
 }

______________________________________

2 Column Tutorial
To combine the middle column and right column into one column so that Wistie becomes a 2 column template, follow this guide. This will need some additional tweaking, but it covers the basics. Here is a screenshot example of the result.

----------------
Open /pligg.tpl and Find:

    {if $pagename eq "submit"}
    {elseif $pagename neq "story" && $pagename neq "user" && $pagename neq "profile" && $pagename neq "login" && $pagename neq "register" }
        <div id="leftcol">
    {else}
        <div id="leftcol-wide">
    {/if}

Replace with:

    {if $pagename eq "submit"}
    {else}
        <div id="leftcol">
    {/if}

Find:

        </div>
<!-- END MIDDLE COLUMN -->

Replace with:

<!-- END MIDDLE COLUMN -->

Find:

<!-- START RIGHT COLUMN -->
        <div id="rightcol">

Replace with:

<!-- START RIGHT COLUMN -->

----------------
Open /sidebar.tpl
Replace line 1 with:

{if $pagename eq "story" || $pagename eq "login" || $pagename eq "register"}<div id="midcol">{/if}

----------------
Open /css/style.css and replace all instances of 550px with 660px.

Also Replace:

#midcol {
width: 220px;

with:

#midcol {
width: 280px;

[GoPliggure]

On the 2-column tutorial, I can't find the code in my pligg.tpl. There aren't any <div> tags in it at all. I haven't modified that file at all myself. Am I missing something? Thanks!

[Yankidank]

Originally Posted by GoPliggure

On the 2-column tutorial, I can't find the code in my pligg.tpl. There aren't any <div> tags in it at all. I haven't modified that file at all myself. Am I missing something? Thanks!

What version of Wistie are you using (what version of Pligg did it come with)? I believe the Wistie pligg.tpl file hasn't had many changes since RC1.

[GoPliggure]

Originally Posted by Yankidank

What version of Wistie are you using (what version of Pligg did it come with)? I believe the Wistie pligg.tpl file hasn't had many changes since RC1.

I'm not sure where to find my version (RC1-RC5) but I just downloaded it all from the main Pligg page 2 or 3 days ago, so I'm assuming it's the latest one. This is my site. Here's the untouched pligg.tpl from the Wistie folder. Thanks for the help!!

{checkActionsTpl location="tpl_pligg_head_start"} {include file="meta.tpl"} {if $pagename eq "submit"}{/if} {if $Voting_Method eq 2} {/if} {checkForCss} {checkForJs} {if $pagename neq "published" && $pagename neq "upcoming"} {if $Spell_Checker eq 1} {/if} {/if} {if $request_category} {elseif $pagename eq "groups"} {elseif $pagename eq "group_story"} {elseif $pagename eq "submit_groups"} {elseif $pagename eq "upcoming"} {elseif $pagename eq "published"} {elseif $pagename eq "index"} {elseif $pagename eq "story"} {else} {/if} {checkActionsTpl location="tpl_pligg_head_end"} {checkActionsTpl location="tpl_pligg_body_start"}
{literal} {/literal} {checkActionsTpl location="tpl_pligg_banner_top"} {include file=$tpl_header.".tpl"} {if $pagename eq "submit"} {elseif $pagename neq "story" && $pagename neq "user" && $pagename neq "profile" && $pagename neq "login" && $pagename neq "register" }
{else}
{/if} {if $pagename eq "group_story"}

{/if} {checkActionsTpl location="tpl_pligg_content_start"} {checkActionsTpl location="tpl_pligg_above_center"} {include file=$tpl_center.".tpl"} {checkActionsTpl location="tpl_pligg_below_center"} {checkActionsTpl location="tpl_pligg_content_end"}
{if $pagename neq "story" && $pagename neq "submit" && $pagename neq "user" && $pagename neq "profile" && $pagename neq "login" && $pagename neq "register"}
{include file=$tpl_second_sidebar.".tpl"}
{/if}
{include file=$tpl_right_sidebar.".tpl"}
{checkActionsTpl location="tpl_pligg_banner_bottom"} {include file=$tpl_footer.".tpl"}
{* this line HAS to be towards the END of pligg.tpl *} {checkActionsTpl location="tpl_pligg_body_end"}

[Yankidank]

You are only quoting part of the code from pligg.tpl. There's a lot more to it:
{$pretitle} {$meta_description} {if $pagename eq "upcoming"}| {$posttitle} {/if}| {#PLIGG_Visual_Name#}

[GoPliggure]

Oh, wow! I was opening and editing the .tpl files in a text editor; I just opened pligg.tpl in Dreamweaver and there was the rest. Do you know why that wouldn't show up in a text editor? (Sorry, I'm a noob.)

[simosmme]

it didn't work for me, i think there are some faults on your changes, are you sure it's ok?

[jerryf196]

doesn't work!

When people post up tutorials why can they work and I walways have to be scratching my head figuring the bugs of other people

thanks anyway!

[jerryf196]

here is an example

find this:

</div>
<!-- END MIDDLE COLUMN -->


replace it with this:

</div>
<!-- END MIDDLE COLUMN -->

thanks man!

[fatfish]

Originally Posted by Yankidank

Open /sidebar.tpl
Replace line 1 with:

{if $pagename eq "story" || $pagename eq "login" || $pagename eq "register"}<div id="midcol">{/if}

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

when I did the replacement above, I got the errors like below:
----------------
Parse error: syntax error, unexpected ')' in /opt/lampp/htdocs/class.template.php(745) : eval()'d code on line 3
----------------

could you help me?

thanks.