gigaprogramas-desing

diseño VI

TEXTO POR ENCIMA
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>Free CSS template by ChocoTemplates.com</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="" />
<link rel="stylesheet" href="http://chocotemplates.com/preview/corporate/simplymore/css/style.css" type="text/css" media="all" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://chocotemplates.com/preview/corporate/simplymore/css/ie6.css" type="text/css" media="all" />
<script src="http://chocotemplates.com/preview/corporate/simplymore/js/png-fix.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
<script src="http://chocotemplates.com/preview/corporate/simplymore/js/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>

<script src="http://chocotemplates.com/preview/corporate/simplymore/js/jquery.jcarousel.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/simplymore/js/cufon-yui.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/simplymore/js/Arial.font.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/simplymore/js/js-func.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- header -->
<div id="header" class="center">
<h1 id="logo" class="notext"><a href="http://"><img border="0" alt="" src="http://chocotemplates.com/preview/corporate/simplymore/css/images/logo.gif" /></a> </h1>

<div class="cl"> </div>
</div>
<!-- end header -->
<!-- shell -->
<div class="shell">

<!-- slider -->
<div id="slider">

<!-- slider content -->
<div class="content">
<ul>

<li><img src="http://chocotemplates.com/preview/corporate/simplymore/css/images/slider-image.gif" alt="" class="slide-image" />
<div class="text-container">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur ante vel augue egestas ac accumsan nunc sollicitudin. Fusce gravida vehicula neque, vitae fringilla ante aliquet in.</p>
<a href="#" class="btn"><span>read more</span></a>
<div class="cl"> </div>
</div>

<div class="cl"> </div>
</li>
<li><img src="http://chocotemplates.com/preview/corporate/simplymore/css/images/slider-image.gif" alt="" class="slide-image" />
<div class="text-container">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur ante vel augue egestas ac accumsan nunc sollicitudin. Fusce gravida vehicula neque, vitae fringilla ante aliquet in.</p>
<a href="#" class="btn"><span>read more</span></a>

<div class="cl"> </div>
</div>
<div class="cl"> </div>
</li>
<li><img src="http://chocotemplates.com/preview/corporate/simplymore/css/images/slider-image.gif" alt="" class="slide-image" />
<div class="text-container">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur ante vel augue egestas ac accumsan nunc sollicitudin. Fusce gravida vehicula neque, vitae fringilla ante aliquet in.</p>

<a href="#" class="btn"><span>read more</span></a>
<div class="cl"> </div>
</div>
<div class="cl"> </div>
</li>
</ul>
</div>
<!-- end slider content -->


<!-- slider navigation -->
<div class="nav">
<a href="#" id="up" class="notext"> </a>
<a href="#" id="down" class="notext"> </a>
</div>
<!-- end slider navigation -->

</div>
<!-- end slider -->


<!-- navigation -->
<div id="navigation">
<ul>
<li><a href="#" class="active"><span>Menu</span></a></li>
<li><a href="#"><span>Menu</span></a></li>
<li><a href="#"><span>Menu</span></a></li>
<li><a href="#"><span>Menu</span></a></li>

<li><a href="#"><span>Menu</span></a></li>
<li><a href="#"><span>Menu</span></a></li>
</ul>
</div>
<!-- end navigation -->

<!-- main -->
<div id="main">
<!-- content -->

<div id="content" class="left">

<!-- welcome -->
<div class="welcome">
<h2>Welcome</h2>
<p>
TEXTO POR DEBAJO
</p>
</div>
</div>
<div id="sidebar" class="right">

<!-- blog roll -->
<div class="blog-roll">
<a href="#" class="rss-feed notext"> </a>
<h2>noticias</h2>

<div class="cl"> </div>

<!-- blog roll item -->
<div class="blog-item">
<h4><a href="#">Nulla at lobortis mauris.</a></h4>
<span class="blog-date">23.05.09</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris.</p>
</div>

<!-- end blog roll item -->

<!-- blog roll item -->
<div class="blog-item">
<h4><a href="#">Ipsum dolor sit</a></h4>
<span class="blog-date">23.05.09</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris.</p>
</div>

<!-- end blog roll item -->

<!-- blog roll item -->
<div class="blog-item">
<h4><a href="#">Suspedisse quis orci vitae</a></h4>
<span class="blog-date">23.05.09</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris.</p>
</div>

<!-- end blog roll item -->

</div>
<!-- end blog roll -->

<!-- contact -->
<div class="contact">
<h2>contactame</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>

</div>
<!-- end contact -->

</div>
<!-- end sidebar -->

<div class="cl"> </div>
</div>
<!-- end main -->

<!-- footer -->
<div id="footer">

<p class="left">
<a href="#">TERMS OF USE</a>
<span>|</span>
<a href="#">PRIVACY POLICY</a>
</p>
<p class="right">
© tu web Design by <a href="http://perceoz.es.tl" target="_blank" title="The Sweetest CSS Templates WorldWide">Perceoz.es.tl</a>

</p>
</div>
<!-- por favor no quites los pequenos credito que puse arriba -->
<!-- end footer -->

</div>
</div>
</div>
<!-- end shell -->
<script type="text/javascript" charset="utf-8">
Cufon.now();
</script>
</body>
</html>
CSS CODE
table {margin-left:auto;margin-right:auto;}

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

/*
<---------------Template By Gigaprogramas--------------->
* { margin: 0; padding: 0; outline:0; }

body {
font-size: 13px;
line-height: 1.3;
font-family: Arial, Helvetica, Sans-Serif;
color: #565656;
background: #fcfff4 url(http://chocotemplates.com/preview/corporate/simplymore/css/images/bg.gif) repeat-x 0 0;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

h2 { font-size: 25px; line-height: 27px; color: #cd5243; font-family: "Trebuchet MS",Arial, sans-serif; font-style: italic; font-weight: normal; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.center { width: 980px; margin: 0 auto; }

.shell { width: 986px; background: #fff url(http://chocotemplates.com/preview/corporate/simplymore/css/images/shell-t.gif) no-repeat 0 0; margin: 0 auto; position: relative; padding-bottom: 50px; }

#header { margin-bottom: 13px; }

h1#logo { float: left; display: inline; width: 330px; height: 31px; padding: 26px 0 0 7px; }
h1#logo a { display: block; height: 31px; background: none no-repeat 0 0; }

.btn,
.btn span { float: left; display: inline; height: 21px; background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/read-more-btn.gif) no-repeat 0 0; padding-left: 5px; color: #fbfef3; font-weight: bold; font-size: 13px; line-height: 20px; }
.btn span { background-position: right 0; padding: 0 5px 0 0; }
.btn:hover,
.btn:hover span { text-decoration: none; color: #000; }

#slider { height: 236px; padding: 3px 3px 0; position: relative; }
#slider .content { width: 980px; height: 236px; position: relative; overflow: hidden; }
#slider .content ul { list-style: none outside none; position: relative; overflow: hidden; }
#slider .content ul li { width: 901px; height: 215px; position: relative; overflow: hidden; padding: 21px 0 0 79px; }
#slider .content ul li .slide-image { float: left; display: inline; margin-right: 72px; }
#slider .content ul li .text-container { float: left; display: inline; width: 480px; padding-top: 25px; }
#slider .content ul li .text-container h2 { margin-bottom: 5px; }
#slider .content ul li .text-container .btn { margin-top: 20px; }
#slider .content .jcarousel-clip,
#slider .content .jcarousel-container { position: relative; overflow: hidden; width: 980px; height: 236px; }
#slider .nav { position: absolute; top: 91px; right: -35px; width: 38px; height: 90px; display: block; background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/slider-nav.gif) no-repeat 0 0; }
#slider .nav #up,
#slider .nav #down { width: 18px; height: 16px; display: block; }
#slider .nav #up { background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/slider-up.gif) no-repeat 0 bottom; margin: 15px 0 0 8px; }
#slider .nav #up:hover { background-position: 0 0; }
#slider .nav #down { background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/slider-down.gif) no-repeat 0 0; margin: 30px 0 0 8px; }
#slider .nav #down:hover { background-position: 0 bottom; }

#navigation { position: absolute; width: 1036px; height: 69px; background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/navigation-bg.png) no-repeat 0 0; top: 226px; left: -10px; }
#navigation ul { list-style: none outside none; padding: 27px 0 0 15px; }
#navigation ul li { float: left; display: inline; margin-right: 10px; }
#navigation ul li a,
#navigation ul li a span { float: left; display: inline; height: 25px; line-height: 24px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #545d50; padding-left: 10px; }
#navigation ul li a span { padding: 0 10px 0 0; }
#navigation ul li a:hover,
#navigation ul li a:hover span { text-decoration: none; background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/nav-hover.gif) no-repeat 0 0; color: #fff; }
#navigation ul li a:hover span { background-position: right 0; }

#main { padding: 70px 10px 0; }

#content { width: 600px; }

#sidebar { width: 350px; }

.welcome { border-bottom: 1px dashed #c2c2c2; padding-bottom: 23px; }
.welcome h2{ padding-bottom: 10px; }

.news { padding-top: 20px; }
.news-item { border-bottom: 1px dashed #c2c2c2; padding-bottom: 20px; margin-bottom: 20px; }
.news-item .news-pointer { position: relative; float: left; display: inline; width: 78px; height: 63px; background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/news-pointer.gif) no-repeat 0 0; font-size: 43px; font-weight: bold; padding: 17px 0 0 36px; margin: 0 30px 0 -23px; }
.news-item .news-body { float: left; display: inline; width: 470px; }
.news-item .news-body h3 { float: left; display: inline; font-size: 23px; color: #768070; font-family: "Trebuchet MS",Arial, sans-serif; font-weight: normal; }
.news-item a.btn { margin: 5px 0 0 8px; }
.news-item a.btn span em { background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/ico-btn.gif) no-repeat right 5px; padding-right: 13px; font-style: normal; }

.blog-roll{ }
.blog-roll h2 { margin-bottom: 10px; }
.blog-roll .rss-feed { float: right; display: inline; width: 19px; height: 20px; background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/ico-rss.gif) no-repeat 0 0; margin-top: 8px; }
.blog-roll .blog-item { border-bottom: 1px dashed #c2c2c2; line-height: 16px; padding-bottom: 7px; margin-bottom: 7px; }
.blog-roll .blog-item h4 a { font-size: 13px; color: #78823a; }
.blog-roll .blog-item .blog-date { font-size: 10px; }
.blog-roll .blog-item h4 a:hover { color: #000; text-decoration: none; }

.contact { border-bottom: 1px dashed #c2c2c2; padding-bottom: 10px; margin-top: 25px; }
.contact h2 { margin-bottom: 10px; }

#footer { width: 1010px; height: 73px; position: relative; background: url(http://chocotemplates.com/preview/corporate/simplymore/css/images/footer-bg.png) no-repeat 0 0; margin: 0 -16px 0 -14px; }
#footer .left { padding: 33px 0 0 21px; }
#footer .left a { font-size: 10px; color: #7a7a78; text-decoration: underline;}
#footer .left a:hover { color: #000; text-decoration: none; }
#footer .right { font-size: 11px; color: #4a4a4a; padding: 36px 45px 0 0; }
#footer .right a { color: #4a4a4a; }


Hoy habia 1 visitantes (2 clics a subpáginas) ¡Aqui en esta página!
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis