RSS Feeds

Witools ¡¡ Ayuda Pwg

Adaptar Plantillas Css

primero Tendremos que Bajar el diseño ,Puedes Buscar en Google e Incluso en Nuestra Seccion Diseños AQUI


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
Hoy habia 6 visitantes (20 clics a subpáginas) ¡Aqui en esta página!
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis