iWebHelp

Plantilla4

ENCIMA DE LA PAGINA:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Counter-Strike</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">

<div id="body_container">
<div id="body_container_b">
<div id="body_container_c">

<div id="page_header">

<h1><span class="hidethis"> Counter Strike </span></h1>
</div>


<div id="page_content">
</div>

</div>
</div>

DEBAJO DE LA PAGINA:

</div>


<div id="navmenu">
<div id="navmenu_b">
<div id="navmenu_c">
<h3><span class="hidethis">Site Menu:</span></h3>
<ul>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
</ul>
</div>
</div>
</div>

<div class="clearthis"> </div>

<div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>

</div>
</body>
</html>

CSS CODE SIN STYLE TAGS:

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display:none;}

/* +++++++++++++++++++++++++++++ Shifting Ground +++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++ Common Styles ++++++++++++++++++++ */

* {
margin: 0px;
padding: 0px;
}

body {
color: #fff;
background-color: #484848;
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 100%;
text-align: center;
}

table {
font-size: 1em;
}

td {
color: #fff;
background-color: inherit;
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 1em;
}

a {
color: #fff;
background-color: inherit;
text-decoration: underline;
}

a:hover {
color: #fff;
background-color: inherit;
text-decoration: none;
}

img {
border: none;
}

ul, ul li {
list-style: none outside;
}

ol, ol li {
list-style: decimal inside;
}

p {
padding: 0.6em 0em 0.6em;
}

fieldset {
border: none;
}

input, textarea, select {
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 13px;
}

.hidethis {
display: none;
}

.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size: 1px;
overflow : hidden;
visibility: hidden;
}

/* ++++++++++++++++++++ Image Thumbnails ++++++++++++++++++++ */

.tb_center {
text-align: center;
}

.tb_center img {
margin: 1.3em auto;
border: 1px #fff solid;
}

/* ++++++++++++++++++++ Body Wrappers ++++++++++++++++++++ */

#body_wrapper {
margin: 35px 10px;
width: 982px;
background: url('http://pixelea.com/s/53591f674d.gif') no-repeat 100% 68px;
font-size: 0.71em;
}

/* ++++++++++++++++++++ Body Container ++++++++++++++++++++ */

#body_container {
float: right;
position: relative;
left: -243px;
width: 496px;
background: url('http://pixelea.com/s/efe87f031e.gif') no-repeat 0% 100%;
}

#body_container_b {
padding: 15px 0px;
width: 496px;
background: url('http://pixelea.com/s/9af24ff3a5.gif') no-repeat 0% 0%;
}

#body_container_c {
color: inherit;
background-color: #8e8257;
border-left: #fff 6px solid;
border-right: #fff 6px solid;
}

/* ++++++++++++++++++++ Page Header ++++++++++++++++++++ */

#page_header {
padding-bottom: 2px;
color: inherit;
background-color: #b3ab78;
}

#page_header h1 {
position: relative;
top: -4px;
width: 100%;
height: 40px;
background: url('http://pixelea.com/s/1849ebb0dc.gif') no-repeat 50% 50%;
}

/* ++++++++++++++++++++ Page Content ++++++++++++++++++++ */

#page_content {
padding: 15px 17px 10px;
font-weight: bold;
text-align: left;
}

.link_readmore {
padding: 35px 0px 10px;
text-align: right;
}

.link_readmore a {
margin-left: auto;
display: block;
width: 94px;
height: 24px;
background: url('http://pixelea.com/s/bad2ca2273.gif') no-repeat 0% 0%;
}

/* ++++++++++++++++++++ Navigation Menu ++++++++++++++++++++ */

#navmenu {
float: left;
margin-top: 68px;
position: relative;
left: 77px;
width: 166px;
background: url('http://pixelea.com/s/572c7123ab.gif') no-repeat 0% 100%;
font-size: 1.15em;
font-weight: bold;
}

#navmenu_b {
padding: 15px 0px;
width: 166px;
background: url('http://pixelea.com/s/190d05656c.gif') no-repeat 0% 0%;
}

#navmenu_c {
color: inherit;
background-color: #6d6845;
border-left: #fff 6px solid;
}

#navmenu a {
text-decoration: none;
text-transform: uppercase;
}

#navmenu li {
border-top: #fff 1px solid;
}

#navmenu li a {
display: block;
padding: 5px 0px;
width: 160px;
}

#navmenu li a:hover {
color: inherit;
background-color: #989160
}

#navmenu li.list_first {
border-top: none;
}

/* ++++++++++++++++++++ Page Footer ++++++++++++++++++++ */

#page_footer {
padding: 20px 0px;
font-size: 0.9em;
font-weight: bold;
}

Bienvenido

Plantilla4