Hoy en día no es difícil crear tu propio sitio web, incluso si no tienes ningún conocimiento específico en el campo del diseño y programación web. En cualquier momento, puede utilizar la gran cantidad de plantillas diferentes publicadas en Internet y, basándose en plantillas ya preparadas, crear y publicar su sitio web en la red. Sin embargo, no todo el mundo está completamente satisfecho con la versión del sitio que ofrece la plantilla. Le diremos cómo cambiar la plantilla del sitio y hacerlo único en este artículo.
Instrucciones
Paso 1
Descargue la plantilla y busque el archivo style.css en ella. Normalmente, este archivo se encuentra en la carpeta public_html.
Paso 2
Abra el archivo style.css en el bloc de notas y busque el fragmento de código responsable de la apariencia de la parte superior del sitio. Este fragmento tiene este aspecto:
#logotype {
background: url (images / logotype.png) sin repetición en el centro izquierdo #fff;
ancho: 230px;
altura: 60px;
margen: 10px 25px;
posición: relativa;
Paso 3
En este código, en la línea background: url, debe especificar la ruta a la imagen de fondo del sitio futuro. Las siguientes líneas indican la longitud y la altura de la imagen, y el elemento de margen define la sangría vertical y horizontal de la imagen.
Paso 4
Busque el archivo logotype.png
Paso 5
Sube la imagen de fondo a la carpeta public_html / tmpl / template_name / Images /, después de lo cual, como se mencionó anteriormente, escribe la ruta a la imagen en el fondo: línea url.
Paso 6
Si es necesario, vuelva a escribir los parámetros de altura, longitud y desplazamiento de la imagen. La posición: la línea relativa se puede dejar sola. Guarde los cambios en el archivo y cárguelo en el servidor en lugar del archivo de plantilla anterior.
Paso 7
Si desea cambiar el logotipo del sitio de pie de página, busque en style.css el fragmento de código que comienza con las palabras logotype-footer. Guarde la imagen con el nuevo logotipo y cárguela en la carpeta Imágenes de la plantilla.
Paso 8
Cambie los parámetros de longitud y altura. Guarde el archivo style.css nuevamente y cargue el sitio actualizado en el servidor.
