How to

Revision as of 17:25, 11 August 2006

Find/Edit the default contact forms

Contact forms
Via FTP, the files are located here...

[public_html]/sohoadmin/program/modules/page_editor/formlib/forms

The files are:

• Contact_Form_(Basic).form
• General_Email_Form.form

Newsletter quick signup form
The file for this is located here...

[public_html]/sohoadmin/program/modules/page_editor/formlib/newsletter/Quick-N-Easy_Signup.form

Points to remember:

• Though they're technicaly just html files, make sure to preserve the .form extension when you upload them back to your site so the system can recognize them (which is the whole idea behind the .form extension --- so know it's a form).

Find your template folder

1. Log-in via FTP to your website and navigate to this folder...

public_html/sohoadmin/program/modules/site_templates/pages/

2. Find the folder for your specific template. This is the naming convention for template folders..

CATEGORY-Template_Name-Color

So if you're using CORPORATE > A_Curvacious_Mark (Blue), your template folder would be...

CORPORATE-A_Curvacious_Mark-Blue

...and the full path from your home directory would be:

public_html/sohoadmin/program/modules/site_templates/pages/CORPORATE-A_Curvacious_Mark-Blue

Swap out your template header text for a logo image

1. Download the index.html file from your template folder

2. Find (ctrl+f) "#LOGO#"

3. Replace it with "#LOGOIMG#"

4. Save the file and upload it back to your template folder

You can now add and change the logo image in your template via Template Manager (where it says choose logo image).

Set background image

1. Log-in via FTP and find your template's folder...

2. Upload the image you want to use as your background to that folder

3. Download the custom.css file that's in there and open it up in your code editor of choice (or notepad will work if nothing else)

4. Add in this code...

body { background-image: url(mybackgroundimage.gif); }

5. Save the file (custom.css) and upload it back to your template's folder

Make a button that links to another website, but opens that link in a new window?

Solution: Pull up the Text Editor where you put in the button, click on the "HTML" button at the bottom left.

The HTML for your button should look something like this...

<input type="button" style="width: 163px; color: 
rgb(29, 0, 237); height: 24px; background-color: rgb(249, 186, 0);"
size="217" value="Click here to go to example.com">

To make this button link to "www.example.com", insert the following "onclick" attribute...

onclick="window.open('http://www.example.com','', 
'width=800px,height=600px,resizable');"

So the full code for the button should look something like...

<input type="button" onclick="window.open('http://www.example.com','',
'width=800px, height=600px,resizable');"
style="width: 163px; color: rgb(29, 0, 237); 
height: 24px; background-color: rgb(249, 186, 0);" 
size="217" value="My Button">

Just replace "www.example.com" with the site you want to link to, and you're good to go.