Any suggestion on how we can make our own templates/ themes?

Any suggestion on how we can make our own templates/ themes? Any help wud be great:)

i was workin on it, but had certain problems. What fiels cud i edit?
cheers:)

Well, that's not as hard as it looks at first sight. I'll try to explain the entire process in few posts here. And the first thing I want to mention - is file structure of any PAS theme.

As you can see, there are 2 types of files in a theme (see for example the "Toys" theme): the names of files in the first type start from "page_" ("page_index.html", "page_game.html", etc.) These are the main templates used to define the pages' layouts. So, they contain the main elements only, like header, content columns, footer.

Since existing themes are 100% CSS-based, the markup is quite simple, but you should understand how to position elements using CSS. If you wish, you can use <table>-based markup though.

The next type of templates are page block's templates, they are used to define the layout for each content block on a page (for example "Most popular games" block, "Stats" block, etc.)

To be continued

hmmm...interesting

I changed the graphics on the template to something else, and it was actually easier than it looked.  

In fact its pretty simple for a non web designer person to change the look of the site, by just changing the graphics and the colors involved. This way you dont need any major web design skill

Make a backup of your images folder in the templates folder, then you can amend the graphics. The styles.css file in the images folder contains information about background colors. So using a web html package you can search for the color and change it.

Do this bit by bit and before you know it you will see the site change.

Jason

sweet i will try it:) you know in the homepage instaed of having 2 coloumns of games, is it possible to have 3?

cheerS:)

3? yes, of course... actualy the reason of removing the 3rd column from that page is simple - I needed more space for a game.  To bring the 3rd column back you just need to do 2 things in the page_game.html:
1. replace

Code:

<div id="MAIN" class="Wide">

by

Code:

<div id="MAIN">

2. add

Code:

<div class="Side Right">...your content...</div>

after the

Code:

<div class="Side Left">...</div>

That's it

By the way, since the entire theme is CSS-based, you can change the entire look and feel by editing CSS file along with images...
Also I'd suggest you to copy the entire "Toys" folder to a new one and make all changes in that new folder, this will let you to switch from your new theme to default and vice versa. To make that new folder/theme active, enter its name in the "theme" field under the "settings" tab of admin CP.

One more thing, in case you want to fit game in the tighter center culumn (3-columns layout), you should also edit the  config.php file located in the theme's folder:

Code:

"nMaxGameW" => 655,

This constant defines the maximum width of a game, and if game is wider, it will be stretched down. So you need to replace 655 by a smaller number.

Thnx alot man:) but for some reason i am unable to align the game and stars in the games page, example:
http://toddlehop.com/play/5--miles--2--go/

I was trying to get the game in the middle and then stars exactly below the game in the middle, any idea on how that cud be done?
cheers:)

try to wrap page contents (game and rating stars) in a new div:

Code:

<div style="width:!GAMEWIDTH!px; margin:0 auto;"> ... contents ... </div>

for better results try to play with padding...
hope this will help