Como adaptar plantillas CSS

primero descargamos la plantilla:
para buscar una plantilla que se pueda adactar a pwg
deves escrivir en google:

Descargar diseños css gratis
diseños css free
css design
free css design
etc.. todo lo que escriban para buscar plantillas tiene que ser con css

para una mejor busqueda les recomiendo que agan esto
pongan el simbolo de + encada espacio ejemplo:

diseños css gratis
con el simbolo de +
diseños+css+design

para q sirve esto?
esto sirve para que el buscador solo busque temas relacionados con la busqueda y no te lleve a otra pagina con otro contenido q no es el que buscas.

pasos para adactar una plantilla css:
descomprimir el archivo .rar, .zip, etc...

luego buscamos el codigo css llamdo de las siguientes formas:
css, style, code, html, etc...


antes de copiar todo el codigo nos dirigimos a Paginawebmaster.es
y copiamos este codigo en css style tag:

Código:
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;}


luego copiamos todo el codigo que nos aparecera en el bloc de notas

y lo pegamos en css style tag

luego abrimos el archivo index.htm con firefox


luego le damos clic derecho luego clic en ver codigo de fuente de la pagina


luego copiamos el codigo asta donde comienza el contenido de la web



Luego pegamos el codigo en texto por encima de la pagina

10° luego copiamos el codigo q sobra despues del contenido


11° luego pegamos el codigo en texto por debajo de la pagina

12° ahora subimos todas las imagenes a un servidor de imagenes y la pegamos en donde nos indica el codigo por ejemplo:

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

body {
margin:5px 0;
padding:0;
font: 74% Arial, Sans-Serif;
color:#FFF;
background-color:#eee;
line-height: 1.4em;
background : #7D8085;
}

.toph { background: #3D3E42 url(http://pixelea.com/s/da80d0fe61.jpg) no-repeat center; height: 39px; margin:0; padding:0; }

.content {
color: #a0a0a0;
margin: 0 auto;
padding: 0;
width: 800px;
background: #3D3E42 url(http://pixelea.com/s/e3c46765bb.jpg) repeat-y center;
}

.title {
background: #FFF url(logo.jpg) left no-repeat;
height: 28px;
color: #F29900;
font-size:140%;
font-weight:bold;
padding: 10px 0 0 40px;

}



.center {
float:left;
width: 530px;
font-size: 95%;
margin: 0px 0 5px 35px !important;
margin: 0px 0 5px 20px;
padding: 0;
background: #3D3E42;
color: #FFF;
}

.center a { color: #F29900;}
.center a:hover { color: #FFF; }



.footer_text {
text-align: right;
margin: 0; padding: 0;
color: #aaa;
}




13° luego guardamos todo



por: WWW.TEAM-WEBMASTER.ES.TL
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis