Pour cet exercice, nous allons tester vos aptitudes avec l’inspecteur du navigateur en fous faisant “hacker”, le site d’Urbania.ca.
Aperçu du résultat 👇
Matériel
Médias
TIM
Nul besoin de télécharger l'image, veuillez simplement copier le lien vers la dite image.
Requis
Rendez-vous sur l'article d'Urbania Sondecken, jeune gardien de la culture québécoise.
Remplacez la source de l'image principale de la nouvelle par celle de TIM fournis en pièce jointe. Notez qu'il est possible que vous ayez à supprimer l'attribut srcset s'il est présent afin de forcer le navigateur à n'afficher que l'image de la source de base.
Remplacez le titre de la nouvelle par la phrase: "TIM Montmorency nommé meilleur programme TIM en Amérique du nord!".
Supprimez le bloc contenant le sous-titre, le nom de l'auteur et la date.
S'il est présent, supprimez aussi le bloc publicitaire qui se trouve en dessous de la date avant que vous ne la supprimiez.
Modifiez le CSS des éléments de la barre tout en haut, afin d'aligner le logo Urnania tout à gauche.
Déplacez le bloc "Vous aimez ce que Ben écrit?" contenant la classe .block-subscription au tout début de l'article juste avant le premier paragraphe et au même niveau que ce paragraphe dans le DOM.
Bonus
Modifiez les titres des 3 prochaines nouvelles de Benoît Lelièvre sous l'article principal pour des titres loufoques de votre choix.
Notes de cours 📚