SiempreHacker
◙◙◙◙◙◙◙◙◙◙◙ஜ۩۞۩ஜ◙◙◙◙◙◙◙◙◙◙◙
█ ▓ ░ •• ☼ •• Bienvenidos! •• ☼ •• ░ ▓ █
◙◙◙◙◙◙◙◙◙◙◙ஜ۩۞۩ஜ◙◙◙◙◙◙◙◙◙◙◙

Hola invitado, si lees esto, significa que no estás Registrado.

da click en Registrarse

o conectarse si ya estas Registrado


salu2
۩۞۩SiémpreHackérs۩۞۩

TU FORO DE InFormatica

y MUCHO MAS..


plantillas gratis

Ver el tema anterior Ver el tema siguiente Ir abajo

plantillas gratis

Mensaje por ۩۞۩SiémpreHackérs۩۞۩ el Sáb Oct 22, 2011 8:27 pm

Plantillas gratis En este enlace podras encontrar plantillas web gratuitas muy vistosas para utilizar o para coger ideas.







Hola Invitado Reglas Generales Del Foro
Reglas Generales Del Chat
Si Te Solucionamos Un Tema Pone ()
Si Aun Tienes Dudas Pone ()
!No Se Da Soporte Por MP¡
avatar
۩۞۩SiémpreHackérs۩۞۩
Admin
Admin

Sexo. : Masculino
Mensajes Mensajes : 539
Puntos Puntos : 3508
Reputación Reputación : 4

Edad Edad : 21


http://siemprehackers.foro-activo.com/

Volver arriba Ir abajo

Re: plantillas gratis

Mensaje por Teletronik el Vie Nov 18, 2011 4:31 pm

Aqui les dejo este CSS beta que es bueno para lo principiantes..

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>BWDEC2007</title>

<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="topbar">

  <div class="content">

    <div class="wrap content">

      <form action="http://www.free-css.com/" method="post">

        <div class="se">

          <input class="text" name="search" type="text" value="Search..."  onblur="if(this.value=='') this.value='Search...';" onfocus="if(this.value=='Search...') this.value='';" />

        </div>

      </form>

      <h1><a href="http://www.free-css.com/">Your Website - H1</a></h1>

    </div>

  </div>

</div>

<div id="subbar">

  <div class="content">

    <div class="wrap menu">

      <div class="right rss"> <a href="http://www.free-css.com/"><img src="images/rss.gif" alt="" /></a> </div>

      <ul>

        <li><a class="current" href="http://www.free-css.com/"><span>Home</span></a></li>

        <li><a href="http://www.free-css.com/">Gallery</a></li>

        <li><a href="http://www.free-css.com/">Download</a></li>

        <li><a href="http://www.free-css.com/">Community</a></li>

        <li><a href="http://www.free-css.com/">About</a></li>

        <li><a href="http://www.free-css.com/">Contact</a></li>

      </ul>

    </div>

  </div>

</div>

<div class="content">

  <div id="main">

    <div class="padding">

      <div class="right_side">

        <div class="sponsors"> <a href="http://www.free-css.com/"><img class="ml" src="images/sponsor.jpg" alt="" /></a> <a href="http://www.free-css.com/"><img class="ml" src="images/sponsor.jpg" alt="" /></a> <a href="http://www.free-css.com/"><img src="images/sponsor.jpg" alt="" /></a> </div>

        <h3>Latest Articles</h3>

        <ul>

          <li><a href="http://www.free-css.com/">Helpful Links for Webdesigners</a></li>

          <li><a href="http://www.free-css.com/">XHTML and CSS Validator</a></li>

          <li><a href="http://www.free-css.com/">Free Photoshop Alternatives</a></li>

          <li><a href="http://www.free-css.com/">The StumbleUpon effect</a></li>

          <li><a href="http://www.free-css.com/">Free PSD Icons</a></li>

          <li><a href="http://www.free-css.com/">Creating Attractive Web Charts and Graphs</a></li>

          <li><a href="http://www.free-css.com/">20 Cool Website Headers</a></li>

        </ul>

        <div class="extra">

          <div class="padding"> Place your extra content here like ads, news, tags,... </div>

        </div>

        <div class="ls">

          <h3>Categories</h3>

          <ul>

            <li><a href="http://www.free-css.com/">Home</a></li>

            <li><a href="http://www.free-css.com/">Templates (14)</a></li>

            <li><a href="http://www.free-css.com/">Webdesign (11)</a></li>

            <li><a href="http://www.free-css.com/">Tutorials (21)</a></li>

            <li><a href="http://www.free-css.com/">Photoshop (14)</a></li>

            <li><a href="http://www.free-css.com/">CSS Techniques (15)</a></li>

          </ul>

          <h3>New Comments</h3>

          <ul>

            <li><a href="http://www.free-css.com/">Ok Mike, it's done...)</a></li>

            <li><a href="http://www.free-css.com/">Thanks I got it...</a></li>

            <li><a href="http://www.free-css.com/">Mike: Just make links to...</a></li>

            <li><a href="http://www.free-css.com/">Site referenced on comme...</a></li>

            <li><a href="http://www.free-css.com/">I'm very pleased I found this...</a></li>

          </ul>

        </div>

        <div class="rs">

          <h3>Links</h3>

          <ul>

            <li><a href="http://www.free-css.com/">Code2Css</a></li>

            <li><a href="http://www.free-css.com/">Free Css Templates</a></li>

            <li><a href="http://www.free-css.com/">Website Templates</a></li>

            <li><a href="http://www.free-css.com/">sNews CMS</a></li>

            <li><a href="http://www.free-css.com/">Css Heaven</a></li>

            <li><a href="http://www.free-css.com/">Css Creme</a></li>

            <li><a href="http://www.free-css.com/">Link4se.com</a></li>

          </ul>

        </div>

      </div><div id="left_side">

        <div class="intro">


____________________________________________________Debajo________________________________




        </div>

      </div>

    </div>

  </div>

  <div id="footer">

    <div class="right"> <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> / <a target="_blank" href="http://validator.w3.org/check?uri=referer">XHTML</a> Valid! </div>

    <div class="fmenu">

      <ul>

        <li><a href="http://www.free-css.com/"><span>Home</span></a> | </li>

        <li><a href="http://www.free-css.com/">Gallery</a>| </li>

        <li><a href="http://www.free-css.com/">Download</a> | </li>

        <li><a href="http://www.free-css.com/">Community</a> | </li>

        <li><a href="http://www.free-css.com/">About</a> | </li>

        <li><a href="http://www.free-css.com/">Contact</a></li>

      </ul>

    </div>

    <br />

    © Copyright 2007, Your Website - Diseñado por: Free-Css.com - Adaptado por: <href="http://www.free-css-templates.com">GM Sistem Vzla</a> </div>

</div>

</body>

</html>



________________________________________CSS Style________________



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;}


/*

    BWDEC2007 Template

    CSS StyleSheet by David Herreman

    http://www.free-css-templates.com

*/



body {

padding : 0;

margin : 0;

font : 0.74em Arial, sans-serif;

line-height : 1.5em;

background : #F8F8F8;

color : #454545;

}



a {

color : #FF6603;

background : inherit;

text-decoration : none;

}

a:hover {

color : #FF6603;

background : inherit;

text-decoration : underline;

}

p {

margin : 5px 0;

}

h1 {

font : bold 1.8em Arial, Sans-Serif;

padding : 8px 0 4px 0;

margin : 0;

letter-spacing : -1px;

}

h2 {

font : bold 1.6em Arial, Sans-Serif;

letter-spacing : -1px;

}

h3 {

padding : 4px 0;

margin : 0;

}

img { border : 0 }

.right { float: right }





ul {

margin : 0;

padding : 0;

list-style : none;

}



hr {

height : 1px;

border-style : none;

color : #d0d0d0;

background-color : #c0c0c0;

margin : 10px 0;

}

ol {

padding : 0;

margin : 0;

}

.code {

padding : 3px 5px 3px 35px;

border : 1px solid #ccc;

list-style-type : decimal-leading-zero;

font-family : Courier;

}

.code code {

font-family : Monaco, "Courier New", Tahoma;

font-size : 1.2em;

}

.code li {

margin : 2px 0;

padding : 0 5px;

background : #F6F6E3;

}

.code li.t1 {

padding-left : 4ex;

}

.code li.t2 {

padding-left : 8ex;

}

.code li.t3 {

padding-left : 12ex;

}

.code li.t4 {

padding-left : 16ex;

}

.code li.t5 {

padding-left : 20ex;

}

.code li.t6 {

padding-left : 24ex;

}

.code li.t7 {

padding-left : 28ex;

}

.code li.t8 {

padding-left : 32ex;

}





.content {

margin : 0 auto;

width : 960px;

}



#topbar {

height : 51px;

background : #000;

width : 100%;
color: #FFF;

}



#topbar .wrap {

    background: #3F4040;

    height: 51px;

    width: 958px

 

}



#topbar h1 {

    font : bold 2.0em Arial, sans-serif;

    color: #FFF;

    line-height: 51px;

    padding: 0 0 0 10px;
    background: inherit;

}
#topbar h1 a { color: #FFF }
#topbar h1 a:hover { color: #FFF; text-decoration: none }

#topbar .se {
    float: right;
    padding: 12px 10px 0 0;

}



#subbar {

    background: #F4F4F3;

    height: 34px;

    border-bottom: 1px solid #D6D6D6;

    width: 100%;
}



#subbar .rss {

    position: relative;
    right: 20px;
    top: 7px;
    width: 21px;
    height: 21px;
}


.menu {

    background: #F7F7F6;

    height: 34px;

    line-height: 34px;

    border-left: 1px solid #D6D6D6;

    border-right: 1px solid #D6D6D6;
    padding: 0;
    margin: 0;

}



.menu a {

color : #74797E;

background : inherit;

text-decoration : none;

padding: 0 10px 0 10px;

line-height : 23px;

}

.menu a:hover, .menu .current {

color : #000;

background : inherit;

height : 23px;

text-decoration: underline

}

.menu ul {

list-style : none;

padding : 0;

margin : 0;

}

.menu li {

float : left;

margin : 0 0 0 0px;

display: inline;

}



#main {

width : 958px;

background: #FFF;

margin : 0px 0 0 0;

border-left: 1px solid #D6D6D6;

border-right: 1px solid #D6D6D6;

border-bottom: 1px solid #D6D6D6;
padding: 10px 0 0 0;

}

#main .padding {

    padding: 10px;

}

.right_side {

float : right;

width : 391px;

background : inherit;

overflow : hidden;

}

.right_side .pad {

padding : 0 0 10px 17px;

}

.right_side p {

padding : 0 0 5px 5px;

}

.right_side ul {

padding : 3px 0 12px 0px;

}



.right_side li {

line-height : 22px;

list-style : none;

background: #f8f8f8 url(images/li.gif) no-repeat left;

margin-bottom: 2px;

}

.right_side li a{

    padding-left: 15px;

    color: #74797E;

 

}





.right_side a:hover {

text-decoration : underline;

color: #000;
background: inherit;

}

.right_side h3 {

color : #eee;

font : bold 1.0em Arial, Sans-Serif;

background : #3F4040;

width : 100%;

height : 24px;

line-height : 22px;

text-indent : 10px;

font-weight: normal;

}



.right_side .sponsors {

    margin-bottom: 5px;

    width : 391px;
    overflow: hidden;
 

}

.right_side .sponsors img.ml { margin-right: 4px; overflow: hidden }



.right_side .ls {

    float: left;

    width: 191px;

}



.right_side .rs {

    float: right;

    width: 191px;

 

}



.right_side .extra {

    background : #F4F4F3;

    color : #454545;

    border-top: 4px solid #e5e5e5;

    border-bottom: 4px solid #e5e5e5;

    margin-bottom: 10px;

}



.right_side .extra .padding { padding: 10px }



#left_side {

background : inherit;

margin-bottom : 10px;

width : 527px;

color: #454545;

}

#left_side .intro {

background : #FDFDF0;

color : #454545;

border-bottom: 4px solid #F6F6E3

}

#left_side .intro .pad {

padding : 10px;

}

#left_side .intro a {

color : #FF6603;

text-decoration : none;

}

#left_side .intro a:hover {

color : #FF6603;

text-decoration : underline;

}

#left_side .mpart {

padding : 20px 0 0 0;

}

#left_side h2 {

background : inherit;

padding : 0;

margin : 0;

font : 1.8em verdana, Arial, Sans-Serif;

color: #3F4040

}

#left_side .mpart h3 {

background : inherit;

padding : 0;

margin : 0 0 15px 0;

font : 0.9em verdana, Arial, Sans-Serif;

color : #a5a5a5;

}

#left_side p {

color : #454545;

padding : 0;

text-align : justify;

}



#left_side img {

float : left;

padding : 0 10px 5px 0;

}

#left_side blockquote {

padding-left : 10px;

border-left : 3px solid #a7cc44;

margin : 10px 0 10px 25px;

}

.date {

padding : 7px 10px 0 0;

margin : 10px 0 20px 0;

text-align : right;

background : #F4F4F3;

height : 26px;

width: auto;

}

.date a {

color: #74797E;

background : inherit;

}

#left_side .rs {

float : right;

margin : 0 0 0 10px;

border : 1px solid #888;

padding : 5px;

background : inherit;

}

#left_side ul {

list-style-position : inside;

margin-left : 2px;

}

#left_side ul li {

list-style-type : square;

margin-left : 15px;

}

#left_side ul ul li {

list-style : none;

margin-left : 10px;

list-style-type : lower-alpha;

list-style-position : inside;

}

#footer {

clear : both;

width : 100%;

margin : 0 0 6em 0;

padding : 10px 0px 0 10px;

color : #777;

background : inherit;
line-height : 1.7em;
}

#footer .right {

float : right;
padding-right: 20px;

}

#footer a {

text-decoration : none;

background : inherit;

}
#footer .fmenu {

    background: inherit;

    padding: 0;
    margin: 0;

}



#footer .fmenu a {

color : #74797E;

background : inherit;

text-decoration : none;

padding: 0 10px 0 0px;

}

#footer .fmenu a:hover {

color : #000;

background : inherit;

text-decoration: underline

}

#footer .fmenu ul {

list-style : none;

padding : 0;

margin : 0;

}

#footer .fmenu li {

float : left;

margin : 0 10px 0 0px;

display: inline;

}

input.text { border: 1px solid #CCC; padding: 2px 5px 2px 5px; }
avatar
Teletronik
Usuario Nuevo
Usuario Nuevo

Sexo. : Masculino
Mensajes Mensajes : 3
Puntos Puntos : 25
Reputación Reputación : 0

Edad Edad : 22


http://www.teletronik.es.tl

Volver arriba Ir abajo

Re: plantillas gratis

Mensaje por ۩۞۩SiémpreHackérs۩۞۩ el Miér Nov 23, 2011 12:43 pm

muy bueno grax


Recuerda poner contenido oculto

salu2

si el msj no es editado en 2 semanas


sera editado

salu2 muy buen aporte







Hola Invitado Reglas Generales Del Foro
Reglas Generales Del Chat
Si Te Solucionamos Un Tema Pone ()
Si Aun Tienes Dudas Pone ()
!No Se Da Soporte Por MP¡
avatar
۩۞۩SiémpreHackérs۩۞۩
Admin
Admin

Sexo. : Masculino
Mensajes Mensajes : 539
Puntos Puntos : 3508
Reputación Reputación : 4

Edad Edad : 21


http://siemprehackers.foro-activo.com/

Volver arriba Ir abajo

Re: plantillas gratis

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.