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:
1° descomprimir el archivo .rar, .zip, etc...
2° luego buscamos el codigo css llamdo de las siguientes formas:
css, style, code, html, etc...
3° 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;} |
4° luego copiamos todo el codigo que nos aparecera en el bloc de notas
5° y lo pegamos en css style tag
6° luego abrimos el archivo index.htm con firefox
7° luego le damos clic derecho luego clic en ver codigo de fuente de la pagina
8° luego copiamos el codigo asta donde comienza el contenido de la web
9° 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
