Xsitepro - Reviews, Templates, Headers and Tips
 

Adding An XSitePro Border To Your Website

 

When you are building a website in XSitePro and want to add a border around the entire page, you will need to add a bit of code to the “Scripts” section on the “Other” tab. Just copy the code below and paste it into the bottom box in the scripts section.

 

<style>

TABLE.XSP_OUTLINE {HEIGHT: 100%; WIDTH: 780px; border: 8px solid #B6B3B7; }

</style>



You will have to edit the width by changing the pixels to the size of your page. Also you can change the width, the color, and the type of border.

If you want to add a border to each panel instead of the entire page, then try this code below.

<style>
td.XSP_HEADER_PANEL_SPC
{
border-bottom: solid 1px mediumblue;
border-left: solid 1px mediumblue;
border-right: solid 1px mediumblue;
}
td.XSP_HEADER_PANEL
{
border-left: solid 1px mediumblue;
border-right: solid 1px mediumblue;
border-bottom: solid 1px mediumblue;
}
 td.XSP_CENTER_PANEL
{
border-top: solid 0px mediumblue;
border-left: solid 0px mediumblue;
border-right: solid 0px mediumblue;
 }
td.XSP_CENTER_PANEL
{
border-left: solid 0px mediumblue;
border-right: solid 0px mediumblue; 
border-bottom: solid 0px mediumblue; 
}
td.XSP_LEFT_PANEL_SPC
{
border-top: solid 1px mediumblue;
border-left: solid 1px mediumblue;
border-right: solid 1px mediumblue;
}
td.XSP_LEFT_PANEL
{
border-left: solid 1px mediumblue;
border-right: solid 1px mediumblue;
border-bottom: solid 1px mediumblue;
}
td.XSP_RIGHT_PANEL_SPC
{
border-top: solid 1px mediumblue;
border-left: solid 1px mediumblue;
border-right: solid 1px mediumblue;
}
td.XSP_RIGHT_PANEL
{
border-left: solid 1px mediumblue;
border-right: ssolid 1px mediumblue;
border-bottom: solid 1px mediumblue;
}
td.XSP_FOOTER_PANEL_SPC
{
border-top: solid 1px mediumblue;
border-left: solid 1px mediumblue;
border-right: solid 1px mediumblue;
}
td.XSP_FOOTER_PANEL
{
border-left: solid 1px mediumblue;
border-right: solid 1px mediumblue;
border-top: solid 1px mediumblue;
}
</style>



The type of border can be any of the following:

solid
dashed
dotted
double (needs to be at least 3px wide)


 

You can change the color to be whatever you like. You can use color names like Red, Blue and Green or if you want to use an exact color you can use something like #00ff00.

The width can be any number of pixels between 1 and ?? , 1 or 2 pixels will give you a nice clean edge.

 

McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams

"Sign Up For My
XSitePro Tips Newsletter
And Pick Up A
Free XSitePro Template"

First Name:
Email:

 Bookmark this Site

XSitePro
Bonus Pack
Don't Miss Out!

XSitePro Bonus Pack

Get Access to
11 XSitePro Videos

• XSitePro Website Design Builder
XSitePro
• XSitePro Bonus Pack
SEO Elite
• SEO Elite Review
Other Info
• Website Building Articles

Download the XSitePro V2 Product Guide

XSitePro Ver2 Product Brochure

Jason,

I just wanted to say thank you for the great design and service. Not only did you build a great looking header for my website, but you went out of your way to help me with some technical issues as well. I couldn’t ask for better service. Keep up the great work!

Terry Edwards
http://www.
surviving-pregnancy.
infofroma-z.com/


"Jason has helped me solve a multitude of challenging problems and he always comes up with a great solution.

I can't imagine how anyone could be more knowledgeable or helpful when it comes to XSitePro.

In addition, Jason is a true professional of the highest order and he's a joy to work with. I couldn't imagine my work life without him.

My guess is once you contact Jason, he'll be your "go-to guy" too! Quite simply, Jason is the best at what he does. I can't recommend him highly enough."

E. Alvin Davis
President
Visitors2Clients.com

Official PayPal Seal