TechnWeb.Net

It ain’t all about what you have done that matters, it’s about what you continue to do, about moving forwarding and acting. You have to face the music and act quick, and precise to get to the real gold, the basket of cash.  Contact TechnWeb.net.  We will get you top placement with increased visibility, boost targeted traffic, heighten your brand recognition, and maximize your site presence, and receive more targeted visitors when your company’s name appears first. Our search engine optimization will generate a website ranking and analysis report showing you exactly where your website currently stands in all the major search engines. We will then email you your SEO report along with recommendations of how we can increase your website ranking to first place. Our proven SEO services can get your website to the top quickly!

HTML and PHP

We will start by using WordPress core functions in order to retrieve our pages and categories. Edit the header.php of your theme, and replace your old nav code by this one:

<ul id="nav">
<li><a href="<?php echo get_option('home'); ?>/">Home</a></li>
<?php wp_list_pages('title_li='); ?>
<li><a href="#">Categories</a>
<ul>
<?php wp_list_categories('orderby=name&title_li=');
$this_category = get_category($cat);
if (get_category_children($this_category->cat_ID) != "") {
echo "<ul>";
wp_list_categories('orderby=id&show_count=0&title_li=
&use_desc_for_title=1&child_of='.$this_category->cat_ID);
echo "</ul>";
}
?>
</ul>
</li>
</ul>

This code will make a list of all our pages and subpages, as well as a last list element named “Categories”. When an user will hover top level pages (in case of a page menu) or top level categories, we will show up the related sub pages/categories.

CSS

Even if the code is fully functional, our script needs a good CSS styling.

#nav{
background:#222;
font-size:1.1em;
}
#nav, #nav ul {
list-style: none;
line-height: 1;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}
#nav li {
float: left;
list-style:none;
border-right:1px solid #a9a9a9;
}
#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #f5f5f4;
padding:6px 12px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
background:#000;
text-decoration:none
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 1px solid #a9a9a9;
}
#nav li li {
width: 172px;
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
background: #777;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#nav li li a:hover, #nav li li a:active {
background:#000;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}

Javascript

Modern browsers (Safari, Firefox, Opera, and even Internet Explorer 7) will not have any problem with the :hover pseudo-class on li elements. But as we can easily guess it, the obsolete IE6 can’t deal with that.

In order to make our script compatible with IE6, we’ll need to charge this little unobtrusive Javascript code, in the head section our our HTML document, or even better, in a separate .js file.

<![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]>

Drop-down menu is ready.  It will give your website a professional look.

Your presence on the Internet is key to survive. These times are not easy and competition for the business is fierce.  Not only do you need the customer to stay long enough and buy, or to contact you, you need a brand they will remember.

Our designs are coded to provide you with Brand Potency in mind.  A solution that is attractive, professional, original, creative, and memorable sets its competition waist side.  High-quality, user friendly, functional, and entertaining are just a few adjectives we embrace.  Brand Identity is everything. To convey a message your clients and members understand and enjoy talking about is visual that is stimulating.

From blogs, e-commerce, promotional, to networking interactive search engine friendly sites,  that incorporate all of your requirements you set forth, from credit card payment systems, hosting, and encryption we recommend, to the installation and customization we develop, to e-commerce solutions, to modifications and maintenance of your existing e-commerce systems, we are there for you. You can maintain your site and/or we can, or both.  We give you access to maintain it all by yourself if you need the complete autonomy.

We are a flexible group of techs who can communicate with you, unlike most geeks. The process is made easy. We will have you up and running in no time so you can start you towards that profit potential you deserve.  Below are just a handful of services:

Hosting Plans | Domain Names | Renew Domains | Assign an Account Exec | Register Domains
Transfer Domains | Bulk Registration | Bulk Transfer | Internationalized Domain Names (IDN)
Private Registration | Backorder Domains | Forwarding & Masking | Domain Name Appraisals Dedicated Servers | Blogcast | Dedicated IP | Search Engine Visibility
Site Analytics | SSL Certificates | Code Signing Certificates | Hosted Exchange Email
Contact Manager | Online File Folder | Fax Thru Email | Calendar | Email Accounts
Shopping Carts | Logo Design Services | Brand Identity Design Services | Web Banner Design
Services Search Engine Visibility | Contact Manager | Site Surveys | Email Marketing Blogcast
Marketing Tools | Photo Album | Shopping Cart