Adaptar Plantillas Css
primero Tendremos que Bajar el diseño ,Puedes Buscar en Google e Incluso en Nuestra Seccion Diseños AQUIpasos 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
