How to

From Sohowiki
(Difference between revisions)
Jump to: navigation, search
Line 5: Line 5:
 
So if you're using CORPORATE > A_Curvacious_Mark (Blue), your template html file would be here...
 
So if you're using CORPORATE > A_Curvacious_Mark (Blue), your template html file would be here...
 
public_html/sohoadmin/program/modules/site_templates/pages/CORPORATE-A_Curvacious_Mark-Blue/index.html
 
public_html/sohoadmin/program/modules/site_templates/pages/CORPORATE-A_Curvacious_Mark-Blue/index.html
 +
  
 
2. Upload the image you want to use as your background to that 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)
 
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...
 
4. Add in this code...
 
  body { background-image: url(mybackgroundimage.gif); }
 
  body { background-image: url(mybackgroundimage.gif); }
  
5. Save the file and upload it back to your template's folder
+
 
 +
5. Save the file (custom.css) and upload it back to your template's folder
 +
 
  
  

Revision as of 13:45, 10 August 2006

Set background image

1. Log-in via FTP and find your template's folder... public_html/sohoadmin/program/modules/site_templates/pages/CATEGORY-Template_Name-Color/index.html

So if you're using CORPORATE > A_Curvacious_Mark (Blue), your template html file would be here... public_html/sohoadmin/program/modules/site_templates/pages/CORPORATE-A_Curvacious_Mark-Blue/index.html


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.

Personal tools