Les pages Web utilisent souvent des superpositions pour afficher le contenu de premier plan à un visiteur du site et de l'utilisateur . La superposition est semi-transparent et comme si elle flottait au-dessus du reste du contenu . Superpositions sont utilisés pour l'accent de certains contenus ; Drupal 7 , l'un des systèmes de gestion de contenu les plus populaires sur l'Internet , par exemple, utilise une surcouche administrative pour aider les administrateurs du site naviguer sur son site web. Modification de la présentation d'un revêtement préfabriqué nécessite que vous connaissiez certains HTML , CSS et JavaScript, puisque ce sont les langues qui superpositions sont made in Instructions
1
trouver le code source qui est la construction de la superposition que vous souhaitez modifier . C'est peut-être la partie la plus difficile du processus . Si votre site prédéfini n'est pas venu avec documentation , chargez la page Web qui présente la superposition dans un navigateur. Sélectionnez l'affichage du code source de regarder le code source de la page avec la surimpression. Par exemple, sélectionnez " Afficher ", puis " développeur" puis " Afficher la source " dans Google Chrome. Dans Firefox , sélectionnez "Affichage" puis " source de la page . "
2
Trouvez l'élément " div " qui abrite la superposition. Cela peut être appelé « Displayoverlay " ou quelque chose de semblable . Un div est comme une boîte qui stocke et affiche les informations sur une page Web HTML et CSS .
3
Ouvrez le fichier CSS qui crée les styles de la div overlay. Appuyez sur "Ctrl + F " pour ouvrir la fenêtre "Recherche". Tapez le nom de la superposition. Ceci vous amène à des styles de contrôle qui se superposent .
4
changer sa taille , l'opacité, la couleur de fond, Stylings de texte , positionnement sur la page et tout ce que vous aimez liés à l' apparence et la disposition de la superposition . Par exemple, si l'opacité est fixée à 50 pour cent , mais vous voulez plus sombre , vous modifiez la ligne qui dit " Opacité: 50% " à " Opacité: . 60% "
5 < p> Ouvrez le fichier JavaScript qui crée la fonction div overlay ainsi que ce contenu va à la superposition. Cette fonction peut être dans son propre fichier JavaScript, enterré parmi de nombreuses autres fonctions qui abritent l'ensemble des JavaScript pour votre site web ou directement sur votre page HTML et CSS . Recherchez la fonction qui définit une variable avec le même nom que le div que vous avez trouvé plus tôt .
6
Trouvez la ligne de code JavaScript qui définit le contenu de la div quand il est affiché . Cette ligne est à l'intérieur de la fonction d'affichage de la div . Modifier le contenu de ce que vous voulez . Par exemple, si la ligne est " overlaydiv.innerHTML », « overlaydiv " est le nom de la superposition et " innerHTML " est une propriété qui définit ce contenu va à l'intérieur d'un élément, qui dans ce cas est la superposition . Commencez et terminez votre contenu avec des guillemets. Ne changez rien d'autre sur la fonction ou la superposition peut se briser .