ayuda031

Yourcss


verdemo.png (123×43)

Texto por encima de la página:
<style type="text/css">table[height ="102"] {margin-left:auto;margin-right:auto;}</style>    
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
    <div id="header">
        <a href="#"></a>
        <ul id="navBar">
            <li class="current"><a href="#">Url</a></li>
            <li><a href="#">Url</a></li>
            <li><a href="#">Url</a></li>
            <li><a href="#">Url</a></li>
            <li><a href="#">Url</a></li>           
        </ul>
</div>
    <div id="welcomeMessage">
        <h1>Welcome to Your Business ayuda031 </h1>
        <p><span>Contenido </span>Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido </p>
</div>
    <div id="wrapper">
        <div id="secWrapper">
            <div id="container" class="clearfix">
                <div id="mainCol" class="clearfix">
                    <div id="services">
                    <h3>Titulo</h3>
                    <ul>
                    <li>
                    <h4>Titulo</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </li>
                     <li>
                    <h4>Titulo2</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </li>
                     <li>
                    <h4>Titulo3</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </li>
                    </ul>
                    </div>
                    <h3 id="why">Comtenido:</h3>
                 

Texto por debajo de la pagina:


<ul>
                      <li class="clearfix">
                        <h2>Guranteed added value</h2>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                      </li>
                      <li class="clearfix">
                        <h2>Support you can trust</h2>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                      </li>
                      <li class="clearfix last">
                        <h2>Professional team at you help</h2>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                      </li>
                  </ul>
              </div>
                <div id="secCol">
                      <fieldset id="login">
                        <h4>Members login</h4>
                           <form action="#">
                            <p class="clearfix"><label for="username">Username</label>
                            <input name="username" id="username" type="text" value="" /></p>
                            <p class="clearfix"><label for="password">Password</label>
                            <input name="password" id="password" type="text" value="" /></p>
                            <p class="clearfix check"><input type="checkbox" id="remember" name="remember" />
                            <label for="remember" id="remlabel">Remember me</label>
                        <input name="submit" id="submit" type="submit" value="" /></p>
                        </form>
                        <p class="member"><a href="#">Lost your Password?</a><br />Not a member yet? <a href="#">Register now!</a></p>
                    </fieldset>
                    <h3 id="news">Titulo</h3>
                    <ul>
                        <li class="clearfix">
                        <h4><a href="#">News title goes here</a></h4>
                        <span>19 November, 2008</span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipis elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                        <a href="#" class="more">Read more</a>
                        </li>
                        <li class="clearfix">
                        <h4><a href="#">News title goes here</a></h4>
                        <span>19 November, 2008</span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipis elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                        <a href="#" class="more">Read more</a>
                        </li>
                    </ul>
                    <h3 id="test">Testimonials</h3>
                    <ul>
                    <li class="clearfix">
                    <p>Lorem ipsum dolor sit amet, consectetur adipis elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    <p class="test"><span>Lorem ipsum</span>, <a href="#">dolorsit.com</a></p>
                    </li>
                    </ul>
                    
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <ul>
            <li><a href="#">Home</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
              <li><a href="#">Terms and Conditions</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
            <li><a href="#">Privacy Policy</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
             <li><a href="#">Sitemap</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
              <li><a href="#">Support</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
            <li><a href="#">Contact Us</a></li>
        </ul>
        <p>Copyrights &copy; 2008 yourbusiness.com, All Rights Reserved adaptado por <a href="www.ayuda031.es.tl">ayuda031 </a></p>
    </div>
</body>
</html>

CsS :

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
/*************** Start Top Fixed Sections code *************************************/
* {
  margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  margin: 1em 0;
}
img {
    border: 0;
}
a:link {
color: #006eab;
text-decoration: none;
border-bottom: 1px dotted #006eab;
}
a:visited {
color: #04527d;
text-decoration: none;
border-bottom: 1px dotted #04527d;
}
a:hover {
color: #0285cd;
text-decoration: none;
border-bottom: none;
}
span {
color: #002337;
}
.clear {
clear:both;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac */
* html .clearfix { height:1%; }
.clearfix {display:block;}
/* End hide from IE-mac */
body {
font: 62.5%/1.6 Arial, Helvetica, sans-serif;
background: url(https://img.webme.com/pic/p/plantillas031/yourbg.png) repeat-x top left #1f2331;
text-align: center;
color: #33394d;
}
#header {
height: 84px;
width: 994px;
margin: 0px auto;
position: relative;
}
#logo {
position: absolute;
top: 18px;
left: 12px;
}
ul#navBar {
height: 84px;
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
bottom: 0px;
right: 0px;
}
ul#navBar li {
float: left;
display: block;
width: auto;
height: 84px;
padding: 0px 0px 0px 1px;
}
ul#navBar li a:link, ul#navBar li a:visited {
float: left;
display: block;
width: auto;
margin: 0px;
height: 34px;
padding: 25px 10px;
text-decoration: none;
font-weight: normal;
background: url(https://img.webme.com/pic/p/plantillas031/yournav_bg.png) repeat-x top left;
font-family: Cambria, "Times New Roman", Georgia, Times, serif;
font-size: 1.8em;
color: #ededed;
border: none;
}
ul#navBar li.current a:link, ul#navBar li.current a:visited {
background: url(https://img.webme.com/pic/p/plantillas031/yournav_hover.png) repeat-x top left;
}
ul#navBar li a:hover {
color: #fff;
text-decoration: none;
background: url(https://img.webme.com/pic/p/plantillas031/yournav_hover.png) repeat-x top left;
border: none;
}
#welcomeMessage{
height: 185px;
width: 944px;
margin: 0px auto;
padding: 25px;
position: relative;
background: none no-repeat 85% 60%;
text-align: left;
}
h1 {
margin: 0.7em;
font-size: 2.2em;
font-weight: normal;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #33394c;
}
#welcomeMessage p {
margin: 0.5em 0.5em 0.5em 3em ;
width: 520px;
padding: 0em;
font-size: 1.6em;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif ;
color: #494949;
line-height: 1.4em;
}
/*************** End Top Fixed Sections *************************************/
/*************** Start Content Section *************************************/
#wrapper {
width: 994px;
margin: 0px auto;
padding: 0px;
background: url(https://img.webme.com/pic/p/plantillas031/yourcontent_bg.png) repeat-y top left;
}
#secWrapper{
width: 994px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
background: url(https://img.webme.com/pic/p/plantillas031/yourcontent_top.png) no-repeat top left;
}
#container {
width: 964px;
margin: 0px auto;
padding: 0px 15px 30px 15px;
background: none no-repeat bottom left;
}
#mainCol {
width: 644px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
}
#mainCol #services {
position: relative;
background: url(https://img.webme.com/pic/p/plantillas031/yourservice_bg.jpg) no-repeat top left;
width: 643px;
padding: 0px;
padding-top: 46px;
height: 143px;
margin-bottom: 10px;
}
#services h3 {
font-size: 18px;
color: #112638;
font-weight: normal;
margin: 0px;
padding: 0px;
font-family: Cambria, Georgia, "Times New Roman", Times, serif;
position: absolute;
top: 10px;
left: 24px;
}
#mainCol #services ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#mainCol #services ul li {
float: left;
display: block;
width: 180px;
height: 120px;
padding: 5px;
margin: 0px 8px 0px 15px;
text-align: left;
}
#mainCol #services ul li h4 {
font-size: 14px;
color: #112638;
font-weight: bold;
margin: 0px;
padding: 0px;
font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}
#mainCol #services ul li p {
color: #414141;
font-size: 12px;
margin: 2px;
padding: 0px;
text-align: left;
}
#mainCol ul#maincon {
border: 1px solid #cde1f5;
margin: 0px;
padding: 6px;
width: 625px;
list-style-type: none;
background: url(https://img.webme.com/pic/p/plantillas031/yourmain_col_bg.png) no-repeat top left #f8fcff;
}
#mainCol ul#maincon li {
width: 625px;
padding: 5px 0px 10px 0px;
margin: 0px 0px 5px 0px;
border-bottom: 1px dotted #aeaeae;
}
#mainCol ul#maincon li.last {
border: none;
}
#mainCol ul#maincon li img {
width: 153px;
height: 117px;
padding: 1px;
margin: 6px 0px 0px 0px;
float: left;
border: 2px solid #cde1f5;
}
#mainCol ul#maincon li h2 {
font-size: 18px;
color: #34394e;
font-family: Cambria, Georgia, "Times New Roman", Times, serif;
font-weight: normal;
padding: 0px;
margin: 0px 0px 0px 170px;
}
#mainCol ul#maincon li p {
font-size: 13px;
color: #4d4d4d;
margin: 0px;
padding: 0px;
margin-left: 170px;
}
#secCol {
width: 320px;
float: right;
margin: 0px;
padding: 0px;
text-align: center;
}
fieldset#login {
background: url(https://img.webme.com/pic/p/plantillas031/yourlogin_bg.png) no-repeat top left;
margin: 0px auto;
padding: 5px 5px 5px 5px;
width: 276px;
height: 179px;
font-size: 1.4em;
border: none;
position: relative;
left: 15px;
}
#login h4 {
font-size: 18px;
font-weight: normal;
font-family: Cambria, Georgia, "Times New Roman", Times, serif;
width: 246px;
height: 31px;
padding: 4px 0px 0px 30px;
margin: 0px;
text-align: left;
}
#login form {
height: 95px;
width: 276px;
padding: 10px 0px 0px 0px;
margin: 0px;
}
#login p {
width: 276px;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#login form p label {
text-align: left;
margin-left: 0.5em;
float: left;
font-size: 14px;
}
#login form p.check {
padding-left: 77px;
width: 199px;
height: 23px;
}
#login #remlabel {
float: left;
font-size: 12px;
position: relative;
left: -3px;
}
#login #remember {
float: left;
width: 14px;
height: 14px;
margin: 0px;
padding: 0px;
position: relative;
top: 3px;
}
#login #submit {
background: url(https://img.webme.com/pic/p/plantillas031/yourlogin.png) no-repeat top left;
width: 77px;
height: 27px;
cursor: pointer;
border: none;
float: right;
}
#login #username, #login #password {
background: url(https://img.webme.com/pic/p/plantillas031/yourinput_bg.png) no-repeat top left;
border: 1px solid #d0d0d0;
width: 192px;
height: 19px;
padding: 2px;
color: #222222;
font-size: 14px;
float: right;
margin-bottom: 10px;
}
#login p.member {
text-align: left;
width: 270px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
margin: 2px 2px 0px 2px;
padding: 2px;
line-height: 18px;
}
h3#news, h3#test, h3#why {
position: relative;
left: 21px;
background: url(https://img.webme.com/pic/p/plantillas031/yourlatest_bg.png) no-repeat top left;
width: 289px;
text-align: left;
height: 33px;
padding: 3px 5px 3px 25px;
margin: 0px;
margin-top: 10px;
color: #fff;
font-size: 18px;
font-weight: normal;
font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}
h3#test {
background: url(https://img.webme.com/pic/p/plantillas031/yourtest_bg.png) no-repeat top left;
}
h3#why {
background: url(https://img.webme.com/pic/p/plantillas031/yourwhy_bg.png) no-repeat top left;
width: 284px;
position: relative;
left: -20px;
padding: 3px 5px 3px 30px;
}
#secCol ul {
position: relative;
left: 15px;
border: 1px solid #d0d0d0;
border-bottom: none;
list-style-type: none;
width: 285px;
margin: 0px auto;
margin-bottom: 10px;
padding: 0px;
text-align: left;
}
#secCol ul li {
display: block;
margin: 0px;
padding: 5px;
width: 275px;
background: url(https://img.webme.com/pic/p/plantillas031/yourside_col_bg.png) no-repeat top left #fff;
border-bottom: 1px solid #d0d0d0;
}
#secCol ul li h4 {
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#secCol ul li span {
color: #6b6b6b;
font-weight: bold;
}
#secCol ul li p {
color: #4d4d4d;
font-size: 12px;
margin: 2px;
padding: 2px;
}
#secCol ul li a.more:link, #secCol ul li a.more:visited, #secCol ul li a.more:hover {
background: url(https://img.webme.com/pic/p/plantillas031/yourarrow.png) no-repeat center left;
margin: 0px 0px 0px 200px;
padding: 0px;
display: inline;
padding-left: 12px;
border: none;
text-decoration: underline;
font-size: 12px;
text-align: right;
}
#secCol ul li a.more:hover {
text-decoration: none;
}
#secCol ul li p.test {
text-align: right;
}
#footer {
width: 994px;
margin: 5px auto;
font-size: 12px;
color: #d9d7d7;
padding: 0px;
}
#footer p {
margin: 2px;
padding: 2px;
font-size: 12px;
font-family: arial;
}
#footer ul {
list-style-type: none;
display: inline;
}
#footer ul li {
display: inline;
}
#footer ul li a:link, #footer ul li a:visited {
border: none;
color: #d9d7d7;
text-decoration: underline;
}
#footer ul li a:hover {
color: #fff;
text-decoration: none;
}
Hoy habia 115786 visitantes¡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