Étape 3: Ajouter votre Style de Konami
Ajout d’un ensemble de balises de style vous permet d’utiliser les CSS personnalisé dans votre code de Konami. Vous n’avez pas besoin de suivre ma dimensions parce que mes dimensions sont données à mon image.
Pour savoir les dimensions de votre image pour la hauteur et la largeur, afficher l’image et puis faites un clic droit sur votre image et sélectionnez inspecter. La fenêtre d’outils de développeur sautera vers le haut à droite et vous verrez du code. Passez votre souris sur le lien que vous voyez ; Si votre image met en évidence le bleu, c’est le lien de l’image. La hauteur et la largeur dont vous avez besoin sont ici.
Maintenant, en vertu de vos balises < div >, ajoutez un ensemble de balises de style (< style >< / style >) et entre les balises, ajoutez le code suivant :
.className {}
contenu : url('IMAGE URL FROM BEFORE') ;
position : fixe ;
Largeur : largeur votre ;
hauteur : votre grandeur ;
gauche : 50 % ;
bas : 30px ;
background-position : 0px-178px ;
z-index : 1000 ;
}
N’hésitez pas à jouer avec les autres éléments css. L’Index-Z apporte votre image en face des autres éléments de la page, alors vous voudrez garder qui est élevé. Mais vous pouvez vous sentir libre de jouer avec l’orientation de votre image sur la page !