int // used for integers
double // used for real numbers
bool // used for true or false statements
string // used for a sequence of text characters

HOW TO:
Examples of declaring ints:

int x, xillent, Xillent, XillentCorp; // declares an int
int x = 0; // initializes x to an integer, in this case 0

Examples of declaring doubles:

double x, X, Xillent, XillentCorp; // declares a double
double x = 4.5; // initializes x to a real number, in this case 4.5

Examples of using bool:

bool x, xillent, Xillent, XillentCorp; // declares a bool
bool x = true; // initializes x to true

Examples of using string:

string x, xillent, Xillent, XillentCorp; // declares a string
string x = “Xillent is a website design company.”; // initializes x to a string, in this case “Xillent is a website design company.”

The post How to declare variables in the .NET framework using C# appeared first on San Jose Web Design | San Francisco Website Design | Development Company.

#menutab {
background: url(../images/menubar2.gif) no-repeat top;
height: 34px;
width: 900px;
color: #FFF;
margin: 20px auto;
font-size: 14px;
}

#menutab a { color: #FFF; text-decoration: none; }
#menutab a:hover { color: #FFF; text-decoration: none; }
#menutab a:visited { color: #FFF; text-decoration: none; }

#tab1 {
height: 34px;
width: 225px;
display: block;
float: left;
text-align: center;
margin: 0px;
padding: 0px;
}

#tab1 a:hover {
background:url(../images/menubar2.gif);
height: 34px;
width: 225px;
display: block;
background-position: 0px -34px;
}

#tab2 {
height: 34px;
width: 225px;
display: block;
float: left;
text-align: center;
}

#tab2 a:hover {
background:url(../images/menubar2.gif);
height: 34px;
width: 225px;
display: block;
background-position: -225px -34px;
}

#tab3 {
height: 34px;
width: 225px;
display: block;
float: left;
text-align: center;
}

#tab3 a:hover {
background:url(../images/menubar2.gif) no-repeat;
height: 34px;
width: 225px;
display: block;
background-position: -225px -34px;
}

#tab4 {
height: 34px;
width: 225px;
display: block;
float: left;
text-align: center;
}

#tab4 a:hover {
background:url(../images/menubar2.gif) no-repeat;
height: 34px;
width: 225px;
display: block;
background-position: -675px -34px;
}

There is only one image used, as well. It is the entire length of the menu bar that the links sit inside of. Take a look.

The top half of the image is the off state, and the lower half is the on state. We then change the background position of the divs so when you rollover each one, it moves the background image into place, giving it the hover effect. Below you will see the HTML.

<div id="menutab">
<div id="tab1"><a href="#"><div style="padding-top: 7px;">Web Design and Development</div></a></div>
<div id="tab2"><a href="#"><div style="padding-top: 7px;">Search Engine Optimization</div></a></div>
<div id="tab3"><a href="#"><div style="padding-top: 7px;">Application Programming</div></a></div>
<div id="tab4"><a href="#"><div style="padding-top: 7px;">E-Commerce</div></a></div>
</div>

There is an inline style set in each href to center the text in each div, but that could have been done in the external style sheet as well. Have fun!

The post Xillent CSS rollover menu bar appeared first on San Jose Web Design | San Francisco Website Design | Development Company.

The post Welcome to Xillent appeared first on San Jose Web Design | San Francisco Website Design | Development Company.