Cómo editar una superposición de diseño de Premade

páginas web utilizan comúnmente superposiciones para mostrar el contenido destacado a un visitante del sitio y el usuario. La superposición parece semitransparente y como si estuviera flotando por encima del resto del contenido. Las superposiciones se utilizan para enfatizar ciertos contenidos; Drupal 7, uno de los sistemas de gestión de contenido más populares en Internet, por ejemplo, utiliza una superposición administrativa para ayudar a los administradores del sitio navegar su sitio web. Modificar la vista de un recubrimiento preparado de antemano requiere que sabes algo de HTML, CSS y JavaScript, ya que estos son los idiomas que superposiciones se realizan en.

Instrucciones

1 Busque el código fuente que se está construyendo la plantilla que desea editar. Esto puede ser la parte más difícil del proceso. Si su sitio web creado previamente no vienen con la documentación, la carga de la página Web en donde la superposición en un navegador. Seleccione la vista de código fuente que mirar el código fuente de la página de la superposición. Por ejemplo, seleccione "Ver" y luego "desarrolladores" y luego "Ver código fuente" en Google Chrome. En Firefox, seleccione "Ver" y luego "fuente de la página."

2 Encontrar el elemento "div" que alberga la superposición. Esto puede ser llamado "displayoverlay" o algo similar. Un div es como una caja que almacena y muestra la información en una página web HTML y CSS.

3 Abra el archivo CSS que crea los estilos de la div superposición. Pulse la tecla "Ctrl + F" para abrir la ventana "Buscar". Escribir el nombre de la plantilla. Esto le llevará a los estilos de control que se superponen.

4 Cambiar su tamaño, opacidad, color de fondo, estilos de texto, el posicionamiento de la página y todo lo que tiene gusto a la apariencia y el diseño de la plantilla. Por ejemplo, si su opacidad se establece en un 50 por ciento, pero desea más oscuro, que iba a cambiar la línea que dice "Opacidad: 50%" a "Opacidad:. 60%"

5 Abra el archivo JavaScript que crea la función div superposición, así como el contenido que va en la superposición. Esta función puede ser en su propio archivo JavaScript, enterrado entre otras muchas funciones que albergan todo el Javascript para su sitio web o directamente en su página HTML y CSS. Buscar la función que define una variable con el mismo nombre que el div que ha encontrado antes.

6 Encuentra la línea de código JavaScript que establece el contenido del div cuando se muestra. Esta línea se encuentra dentro de la función de visualización de la div. Cambiar el contenido a lo que quieras. Por ejemplo, si la línea es "overlaydiv.innerHTML", "overlaydiv" es el nombre de la plantilla y "innerHTML" es una propiedad que establece el contenido que va dentro de un elemento, que en este caso es su superposición. Comience y termine su contenido con comillas. No cambie nada más acerca de la función o la superposición se puede romper.