Techmania

Plantillas Pwg

  He Seleccionado para mi las Mejores Plantillas de Pwg del  foro Css de Pagina web Gratis, para asi hacer mas facil aquellos usuarios Nuevos la busqueda.

19 Jul 2008  
Título del mensaje: "[Diseño para Css Dsign] CSS-DESIGN BLACK

Posteado Por:
team-webmaster
team-webmaster.es.tl


Offline

Destacado
Destacado


Vista Previa :

ESTO SE COLOCA EN TEXTO POR ENCIMA DE LA PAGINA:
Cita:
<div id="red_on_grey"></div> <div id="header_container"><span>AQUI TU TEXTO DE ENCABEZADO</span></div>


ESTO SE COLOCA EN CSS-CODE SIN STYLE TAGS:

#extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} #counter {display:none;} body { background-color:#000000;} *{ padding: 0; margin: 0; } #header_container { position: relative; left: 50%; top: 120px; margin-left:-170px; width: 370px; height:37px; background-color:transparent; background-image: none; color:#FFFFFF; font-size:23px; border: 0px solid #FFFFFF;} #content { position: absolute; left: 50%; top: 230px; margin-left:-175px; width: 518px; height: 430px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image: none; border: 0px solid white; overflow:auto;} #red_on_grey { position: absolute; left: 50%; top: 35px; margin-left:-510px; width: 970px; height: 720px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image:url(http://www.fileden.com/files/2008/3/24/1833523/black.png); border: 0px solid #FFFFFF; overflow:none;} #sidebar_container{ position: absolute; left: 50%; top: 60px; margin-left: -430px; width: 192px; height: 122px; background-color:transparent; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:auto;} #nav_container{ position: absolute; left: 50%; top:220px; margin-left: -430px; width: 182px; height: 460px; border:0px solid #FFFFFF;} ul#nav{ width: 130px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 182px;} li.nav_element a{ display: block; width: 182px; height: 24px; padding:0px; font-weight: bold; text-decoration: none; text-align: left; color:#FFFFFF; background-color:000000; background-image:url( http://www.fileden.com/files/2008/3/24/1833523/BOTON.png); border: 0px solid #000000;} li.nav_element a:hover{ color: #FFFFFF; background-color:000000; background-image:url(http://www.fileden.com/files/2008/3/24/1833523/boton2.png);}


22 Nov 2008 13:24 Título del mensaje: [Diseño para css-Desing] Tecno Formal.

todobanners
todobanners.es.tl


Offline

since-2007
since-2007



Vista Previa:



Texto por encima de la pagina

Código:
<div id="Tb"><span class="Estilo1">..::</span>Plantilla por <a href="http://todobanners.es.tl">todobanners</a> Web<span class="Estilo1"><sup>2.0 </sup></span>Designer<span class="Estilo1">::..</span></div>
<div id="Header_oben">
<div class="textocabezal" id="textocabezal">Texto cabezal </div>
</div>




Css sin style tags
Código:

body {
   background-image: url(http://img179.imageshack.us/img179/8471/website2tecxb4.png);
   background-repeat: no-repeat;
   background-color: #000000;
}
#sidebar_container {
   height: 253px;
   width: 298px;
background:;
   background-image:url(IMg.png
);
   color:#FFFFFF;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   border: 1px solid #6E6E6E;
   float: left;
   overflow:auto;
   z-index: 4;
   position: absolute;
   left: 665px;
   top: 80px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
}
#textocabezal {
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-size: 36px;
   text-decoration: underline overline;
   margin-top: 90px;
   margin-right: 50px;
   margin-bottom: 50px;
   margin-left: 200px;
}

#content {
   height: 637px;
   width: 577px;
background:;
   color: #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   display: inline;
   float: left;
   position: absolute;
   left: 33px;
   top: 323px;
   overflow: scroll;
   font-family: Arial, Helvetica, sans-serif;
}
overflow:auto;
border: 1px solid #6E6E6E;
z-index: 4;
#content h2 {
   font-family: Arial, Helvetica, sans-serif;
   color: #00CCFF;
   text-decoration: underline overline;
   border: medium dotted #FFCC00;
   width: 200px;
   margin-top: 7px;
   text-transform: capitalize;
   margin-right: 1px;
   margin-bottom: 4px;
   margin-left: 5px;
   overflow: hidden;
   font-size: 14px;
   font-weight: bold;
}

#Header_oben {
   height: 232px;
   width: 590px;
background:;
   background-image:url(Imagen%20de%20fondo%20maximo%20590*232);
   color: #000000;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   float: left;
   z-index: 2;
   position: absolute;
   left: 27px;
   top: 70px;
   background-repeat: no-repeat;
   background-position: 10px 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: right;
}
#Header_oben h1 {
   word-spacing: 5pt;
   letter-spacing: 1px;
   margin-top: 80px;
   margin-right: 30px;
   margin-bottom: 20px;
   margin-left: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   width: 300px;
   text-align: center;
   white-space: normal;
}

li.nav_element a{
   color:#ffffff;
   display: block;
   line-height: 25px;
   margin: 5px;
padding-left: 10px
text-decoration: none;
   text-align: center;
   width: 170px;
   height: 39px;
   background-image:url(http://img227.imageshack.us/img227/8596/botonmq7.png);
background-color:;    font-family: Arial, Helvetica, sans-serif;
   border: 2px dotted #FFFFFF;
   list-style-type: none;
}
#header_container {
   visibility: hidden;
}
#counter {
   visibility: hidden;
}
li.nav_element a:hover{
color:#000000;
display: block;
line-height: 25px;
margin: 5px;
padding-left: 10px
text-decoration: none;
text-align: center;
width: 170px;
height: 39px;
position: relative;
align:center;
background-image:url(http://img212.imageshack.us/img212/3356/botonhrt1.png);
background-color:}
#nav_container {
   height: 480px;
   width: 299px;
background:;
   color:#00CCFF;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   border: 3px dotted #FFCC33;
   float: left;
   overflow:auto;
   z-index: 4;
   position:absolute;
   left:666px;
   top:401px;
   font-family: "Courier New", Courier, monospace;
   list-style-type: none;
   text-transform: capitalize;
   text-align: center;
}
#nav {
   list-style-type: none;
}
a:link {
   color: #FFCC00;
}
a:hover {
   font-family: Arial, Helvetica, sans-serif;
   color: #CC0000;
   text-decoration: underline overline blink;
}
#Tb {
   position: absolute;
   left: -3px;
   top: 1102px;
   width: 1000px;
   height: 52px;
   font-family: "Courier New", Courier, monospace;
   color: #CCCCCC;
   text-align: center;
}
a:link {
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   background-color: #333333;
   text-decoration: underline overline;
   border: 2px doble #0000FF;
}
#noborrar {
   position:absolute;
   left:1px;
   top:887px;
   width:9px;
   height:165px;
   z-index:5;
}
.Estilo1 {color: #FFFFFF}


Y aun Faltan Mas
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=