-

Plantillas CSS


Texto por encima de la pagina:
Code:

</style>   
<div id="sidebar_container"></div> <div id="side"></div>       
</style>

Texto por debajo de la pagina:
Code:

<div style="position:absolute;left:115px;top:135px"> <div id="tabs"> <ul> <li><a href="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>

Codes sin style sin tags:
Code:

#tabs a { float:left; background:url("http://pixelea.com/s/acf81cdc52.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }

 #tabs a span { float:left; display:block; background:url("http://pixelea.com/s/acf81cdc52.gif")

no-repeat right top; padding:5px 15px 4px 6px; color:#000000; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:# #ffffff; } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; }


body{background-image:url(http://pixelea.com/s/dc9adf4090.jpg);background-attachment: fixed}



#extraDiv1 {display: none;}
 #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;}
#sidebar_container {display: none;}
  div.header{display : none;}
 h1#title{display: none;}
  h2#title span {display: none;}
    a{ color:#000000; text-decoration: none; font-size:13px;} 
a:hover { color: #000000; font-size: 13px; text-decoration: none;}
  a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;}
 a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;}
 a:visited { color: #000000; font-size: 13px; text-decoration: none;}   
#header_container { position: absolute; left: 50%; margin-left:-360px; width: 770px; height:108px; background-color:#343434; background-image:url(http://pixelea.com/s/77b14de31a.png);
 color:#FFFFFF; font-size:13px; border: 1px solid #000000;}  #content { position: absolute; left: 50%; top: 176px; margin-left:-360px; width: 589px; height: auto;  padding:10px; color: #000000; font-size:13px; background-color:#e7e7e7; background-image:url(http://pixelea.com/s/67e375259a.png); border: 1px solid #000000; overflow:auto;background-repeat:no-repeat;} 
   #nav_container{ position: absolute; left: 50%; top: 176px; margin-left: 250px; background-color:#dbdbdb; width: 160px; height: auto;  border:1px solid #000000; overflow:auto;}   ul#nav{ width: 160px; padding: 0px; margin: 0px;} 
li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 160px;} 
border: 0px solid #000000;overflow:auto;background-repeat:no-repeat;}  li.nav_element a:hover{ color: #000000; background-color:#C9C9C9; background-image: none;} 
#sidebar_container{ position: absolute; left: 50%; top:176px; margin-left: 250px; width: 160px; height: 400px; background-color:#dbdbdb; background-image:url; border:1px solid #000000; color:#000000; overflow:auto;}
 #side{ position: absolute; left: 50%; top:140px; margin-left: -360px; width: 770px; height: 35px; background-color:#dbdbdb; background-image:url(http://pixelea.com/s/51bfb34def.png); border:1px solid #000000; color:#000000; overflow:auto;}


Texto por encima de la pagina:
Code:

<head>
<title>tu titulo</title>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
</head>


<div id="cabecera"><img src="http://pixelea.com/s/58d4c353c8.png" width="700" height="106" alt="warioteayuda.es.tl" border="0"></div>

<div style="position:absolute;left:45px;top:200px;">
<img src="http://pixelea.com/s/056441bafb.png">
</div>

<div style="position:absolute;left:45px;top:420px;">
<img src="http://pixelea.com/s/056441bafb.png">
</div>

<div style="position:absolute;left:45px;top:650px;">
<img src="http://pixelea.com/s/056441bafb.png">
</div>
<div style="position:absolute;left:95px;top:300px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>
<div style="position:absolute;left:775px;top:200px;">
<img src="http://pixelea.com/s/136080757d.png">
</div>

<div style="position:absolute;left:95px;top:510px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>
<div style="position:absolute;left:95px;top:750px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>

<div style="position:absolute;left:855px;top:220px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>

<div style="position:absolute;left:675px;top:130px;"><center>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
</center></div>

<div style="position:absolute;left:45px;top:990px;">
<img src="http://pixelea.com/s/58fad67749.png">
</div>

<div style="position:absolute;left:110px;top:1035px;"><center>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
</center></div>


Css codes sin style tags algoh asi xD:
Code:

BODY {
background : #C0D9D9 url(http://pixelea.com/s/515836e03f.png) repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: center;
}


#content {
height: 740px;
width: 460px;
background:;
background-image:url(http://pixelea.com/s/7fb86853d2.png);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
border: 1px solid #6E6E6E;
z-index: 4;
position:absolute;left:260px;top:170px;}




#extraDiv1 {display: none;}
#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;}

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color:#ffffff;
font-size: 13px;
text-decoration: none;}
a:link {
color:#4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color:#d3d7da;
font-size: 13px;
text-decoration: none;}
a:visited {
color:#1c3878;
font-size: 13px;
text-decoration: none;}

#counter {
position: absolute;
left: 50%;
top:4px;
margin-left: 300px;
width: 1000px;
height:0px;



 Escoje el diseño que deseas ver con su codigo oprime en el nombre de la palntilla la cual deseas ver su codigo, todas estas plantillas que se encuntran en mi web son propias por lo tanto es porhibida su reroduccion sin una autorizacion

 
 

 Halo Wars   Diseño Rustico
http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudaplantillan6.jpg
 
 

Moxilla Firefox ( azul )

  Moxilla Firefox ( gris )

 

 








Desing Gree




Pegar En Texto Por Encima De La Pagina


Pegar En Texto Por Debajo De La Pagina




Pegar En CSS-Code sin Style Tags:


Regalo



Pegar En Texto Por Encima De La Pagina


Pegar En CSS-Code sin Style Tags




La Mejor Web



Pegar En Texto Por Encima De La Pagina


Pegar En CSS-Code sin Style Tags:




My Web Navideña




Pegar En Texto Por Encima De La Pagina


Pegar En CSS-Code sin Style Tags:















Añadir comentario acerca de esta página:
Tu nombre:
Tu dirección de correo electrónico:
Tu página web:
Tu mensaje:

En Total ha habido 219409 visitantes¡Aqui en esta página!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=