ayuda031

intbro

Plantilla : Internet Broadcast

verdemo.png (123×43)

Texto por encima de la pagina:

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /></head>
<body>
<div id="content">
  <div id="top_info">
    <p><strong>Bienvenido a TUPAGINA </strong><span id="loginbutton"><a href="http://www.free-css.com/" title="Log In"> </a></span><br />
      <strong>Inicia seccion </strong>
      .</p>
  </div>
  <div id="logo">
    <h1><a href="http://www.free-css.com/">Internet Broadcast</a></h1>
    <p id="slogan">Por ayuda031 </p>
  </div>
  <ul id="tablist">
    <li><a class="current" href="#" accesskey="n"><span class="key">Home</span></a></li>
    <li><a href="#" accesskey="b"><span class="key">Link</span></a></li>
    <li><a href="#" accesskey="p"><span class="key">Link</span></a></li>
    <li><a href="#" accesskey="r">link</a></li>
    <li><a href="#" accesskey="f"><span class="key">Link</span></a></li>
    <li><a href="#" accesskey="o">Link</a></li>
  </ul>
  <div id="topics">
    <div class="thirds">
      <p><br />
        Nuevos aportes de Hoy:</p>
    </div>
    <div class="thirds">
      <ul>
        <li><a href="http://ayuda031.es.tl/aportes.htm">Aportes de ayuda031 </a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
      </ul>
    </div>
    <div class="thirds">
      <ul>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">link</a></li>
      </ul>
    </div>
  </div>
  <div id="search">
    <form method="post" action="http://www.free-css.com/">
      <p>
        <input type="text" name="search" class="search" />
        <input type="submit" value="Search" class="button" />
      </p>
    </form>
  </div>
  <div id="left">
    <div class="subheader">
      <p><a href="ayuda031.es.tl">Tu pagina </a>Te da la bienvenida, Aqui podras encontrar distintas bariedad de cosas </p>
    </div>
    <div class="left_articles">
      <h2>Contenido</h2>
      <p class="date">Patrocina Ayuda031 </p>
      <p>
 

Texto por debajo de la pagina:

</p>
    </div>
    <div class="left_box">
      <p>Hola gracias por visitarnos.</p>
    </div>
    <div class="thirds">
      <p><b><a href="#">Titulo</a></b><br />
      Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="https://img.webme.com/pic/p/plantillas031/intbrocomment.gif" alt="Comment" width="9" height="9" /></a></p>
    </div>
    <div class="thirds">
      <p><b><a href="#" class="title">Titulo</a></b><br />
      Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="https://img.webme.com/pic/p/plantillas031/intbrocomment.gif" alt="Comment" width="9" height="9" /></a></p>
    </div>
    <div class="thirds">
      <p><b><a href="#" class="title">Titulo</a></b><br />
      Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="https://img.webme.com/pic/p/plantillas031/intbrocomment.gif" alt="Comment" width="9" height="9" /></a></p>
    </div>
  </div>
  <div id="right">
    <div class="right_articles">
      <p><img src="https://img.webme.com/pic/p/plantillas031/intbroimage.gif" alt="Image" title="Image" class="image" /><b>Titulo</b><br />
        consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>
    </div>
    <div class="right_articles">
      <p><img src="https://img.webme.com/pic/p/plantillas031/intbroimage.gif" alt="Image" title="Image" class="image" /><b>Titulo</b><br />
      consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>
    </div>
    <div class="right_articles">
      <p><img src="https://img.webme.com/pic/p/plantillas031/intbroimage.gif" alt="Image" width="60" height="60" class="image" title="Image" /><b>Titulo</b><br />
      consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>
    </div>
    <div class="notes">
      <p>Te interesan mas plantillas ¿css? entonces Visita  <a href="http://www.free-css.com/">free CSS templates</a> y <a href="ayuda031.es.tl">Ayuda031</a>.</p>
    </div>
  </div>
  <div id="footer">
    <p class="right">© 2011 TUPAGINA, Design: Luka Cvrk - <a href="http://www.solucija.com/" title="Information Architecture and Web Design">Solucija</a> -<a href="www.ayuda031.es.tl" title="Information Architecture and Web Design"> Ayuda031 </a>-<a href="http://www.free-css.com/" title="Information Architecture and Web Design"> CSS templates</a></p>
     <p><a href="http://www.free-css.com/">RSS Feed</a> · <a href="http://www.free-css.com/">Contact</a> · <a href="http://www.free-css.com/">Accessibility</a> · <a href="http://www.free-css.com/">Products</a> · <a href="http://www.free-css.com/">Disclaimer</a> · <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
    </p>
  </div>
</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;}
li.nav_element{display: none;}
/*
    project: internet broadcast template
    author: luka cvrk (www.solucija.com)
    
*/
   
/* default styles */
body { padding: 5px 0 0 0; margin: 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(https://img.webme.com/pic/p/plantillas031/intbrobg.gif) repeat-x; color: #454545; }
a { color: #2F637A; background: inherit; }
a:hover { color: #808080; background: inherit; }
p {    margin: 0 0 5px 0; }
h1 {    font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }


/* layout */
#content { margin: 10px auto; width: 960px; }
#logo { margin: 0 0 10px 0; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(https://img.webme.com/pic/p/plantillas031/intbrolbhover.gif) no-repeat; color: #000;}

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; }
    #tablist li{ list-style: none; display: inline; margin: 0; }
    #tablist li a{
        text-decoration: none;
        padding: 4px 22px;
        margin-right: 2px;
        background: #808080 url(https://img.webme.com/pic/p/plantillas031/intbrocorner.gif) no-repeat top right;
        font-weight: bold;
        color: #fff;
    }
    #tablist li a:hover{
        background: #6495AB url(https://img.webme.com/pic/p/plantillas031/intbrocorner.gif) no-repeat top right;
        color: #fff;
    }
    #tablist li a.current{
        background: #9FC7D8 url(https://img.webme.com/pic/p/plantillas031/intbrocorner.gif) no-repeat top right;
        color: #2F637A;
        padding: 6px 22px;
    }
    #tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
    clear: left;
    float: left;
    width: 640px;
    background: #B0D0DC url(https://img.webme.com/pic/p/plantillas031/intbrotopicsbg.gif) repeat-x left bottom;
    padding: 8px 5px;
    margin: 0 0 5px 0;
    color: #fff;
    height: 59px;
}
    #topics li a { background-image: url(https://img.webme.com/pic/p/plantillas031/intbrobullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }

/* main menu search */
#search {
    float: right;
    text-align: right;
    background: #fff url(https://img.webme.com/pic/p/plantillas031/intbrosearchbg.gif) no-repeat;
    color: #000;
    padding: 32px 20px 12px 20px;
    min-height: 32px; /* FF height */
    height: 25px;    /* IE height */
    width: 270px;
}
    /* search form styling */
    form, form p { margin: 0; padding: 0; line-height: 25px; }
    
        .search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
        .button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

/* left side */
#left {
    float: left;
    width: 635px;
    margin: 0 0 10px 0;
}
    .subheader {
        margin: 0 0 10px 0;
        padding: 8px;
        background: #f4f4f4 url(https://img.webme.com/pic/p/plantillas031/intbrobgshade.gif) repeat-x;
        color: #808080;
        border-bottom: 1px solid #ccc;
    }
    .left_articles {
        margin: 0px 0 10px 0;
        background: #fff url(https://img.webme.com/pic/p/plantillas031/intbrobgshade.gif) repeat-x;
        color: #454545;
        padding: 15px 15px 5px 10px;
    }
        .date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(https://img.webme.com/pic/p/plantillas031/intbronews.gif) no-repeat center left; color: #808080; }
        .bigimage {
            float: left;
            clear: left;
            border: 1px solid #ccc;
            background: #eee;
            color: #000;
            width: 200px;
            height: 150px;
            margin: 0 15px 10px 0;
        }
    .left_box {
        background: #f4f4f4;
        color: #808080;
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        padding: 15px;
        margin: 0 0 15px 0;
    }
    .thirds {
        float: left;
        width: 186px;
        padding: 0 10px 0 15px;
    }        
       
/* right side */
#right {
    float: right;
    width: 310px;
    margin: 0 0 10px 0;
}
    .right_articles {
        border: 1px solid #ccc;
        padding: 8px;    
        margin: 0 0 10px 0;
        background: #eee;
        color: #454545;
    }
    .image { float: left; margin: 0 9px 3px 0; }
    .notes {
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        padding: 17px 10px 17px 80px;    
        margin: 0 0 10px 0;
        background: #fff url(https://img.webme.com/pic/p/plantillas031/intbronotes.gif) no-repeat center left;
        color: #454545;
    }
/* footer */
#footer {
    clear: both;
    color: #808080;
    background: #FFF;
    padding: 10px 15px;
    border-top: 1px solid #ccc;
}
    #footer .right { float: right; }
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