Go back to previous page
Forum URL: http://www.dombom.com/cgi-bin/dcforum/dcboard.cgi
Forum Name: FatBomb
Topic ID: 6
Message ID: 1
#1, RE: FatBomb Templates and Skins
Posted by Poker on Apr-18-04 at 08:04 AM
In response to message #0
LAST EDITED ON Apr-18-04 AT 10:20 AM (PST)
 
******Before you ATTEMPT to modify files you need to have knowledge of HTML, CSS and be familiar with some .cgi coding practices.*****

These are my recommendations based on coding for several years!

First step before messing with skins or templates is. . .

1) Make sure Fatbomb works first!

2) Only work on ONE file at a time. There is a lot going here, so the less you mess with at one time the less likely you are to screw something up!

3) Rename your skins files by adding a "1" or "a" behind file name. This way you have a working backup copy ALREADY on your server.

4) Upload ANOTHER copy of the skins and templates to their respective folders. These will be the ones that you will customize. If something goes haywire then you can either revert to your renamed files or upload another copy and start from scratch.

5) Make sure newly uploaded files work.

6) Start customizing!

SKINS--- default.html


The skins/default.html is the one that will form the overall look and layout to your Fat page. Consider it the "bread" of a sandwich. Make changes to everything ABOVE:

(% if errors %)

and BELOW:

(% if search.results %)
(% include "default-results.html" %)
(% end %)

Do not mess with the above code unless you REALLY know what you are doing!

Before you start "customizing" this file you should do one of two things:

1) Upload a copy of "style.css" in the TEMPLATES folder directly to your "skins" folder, and call it like so before the </head> tag:

<style type="text/css">(% include "style.css" %)</style>

OR:

2) Link to it in the <head> using this syntax:

<style type="text/css">(% include "../templates/style.css" %)</style>

***The '(' and ')' should be replaced with square brackets.***

As I mentioned above, make small changes at a time! This will potentially save you a lot of time and/or having to pay Jeff or myself to "fix" it!!!

To make FatBomb look and feel like your site simply take everything from your opening <html> tag to where your content starts and put that before (% if errors %) . Remember the link to the style sheet and also include any styles of your OWN in the "style.css".

Then make your <title> tag look like so:

<title>Results For (% form.keywords as html %)</title>

***The '(' and ')' should be replaced with square brackets.***

This will display Results For Keyword at the top of the users browser. Of course the "keyword" will be whatever they searched for.

Then take everything below your body content and put that BELOW the last (% end %).

PLease note that <!-- virtual include ---> WILL NOT WORK. If you have any virtual includes you will need to replace them with the actuall content. If this includes navigation make sure to use full urls (ht tp://www.yoursite.com/yourpage.html) as you are no longer in the "root" anymore.

This should get you started!

Next we will look at the "default-results.html." That is the "peanutbutter and jelly" to the page!

Chris