Índice
Portal
Buscar
Últimas imágenes
Registrarse
Conectarse
![[Diseño para CSS design] counter strike Empty](https://2img.net/i/empty.gif)
Bueno aqui esta y es Adaptada:
![[Diseño para CSS design] counter strike 98290f06f2](https://2img.net/h/pixelea.com/s/98290f06f2.gif)
ENCIMA DE LA PAGINA:
DEBAJO DE LA PAGINA:
CSS code sin style tags:
![[Diseño para CSS design] counter strike 98290f06f2](http://pixelea.com/ver.php?imagen=98290f06f2.gif)
ENCIMA DE LA PAGINA:
- Código:
<!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">
<!-- Start of Body Container -->
<div id="body_container">
<div id="body_container_b">
<div id="body_container_c">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Website Title -->
<h1><span class="hidethis"> Counter Strike </span></h1>
</div>
<!-- End of Page Header -->
<!-- Start of Page Content -->
<div id="page_content">
</div>
<!-- End of Page Content -->
</div>
</div>
DEBAJO DE LA PAGINA:
- Código:
</div>
<!-- End of Body Container -->
<!-- Start of Navigation Menu -->
<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>
<!-- End of Navigation Menu -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
<!-- End of Page Footer -->
</div>
</body>
</html>
CSS code sin style tags:
- Código:
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;
}
