Sélection de la langue

Recherche


Documentation au sujet de la page de nouvelles

Statut
Stable
Type
Gabarit de Canada.ca
Dernière revue
2024-09-13
Est conforme à
Spécifications du contenu et de l'architecture de l'information 3.0
Spécification
Pages de profil des ministres - Modèle obligatoire de Canada.ca
Version du gabarit
Version 3.0
Instances disponibles
https://www.canada.ca/fr/nouvelles.html
https://www.canada.ca/en/news.html

Exemples pratiques

Liste des modifications

Version précédente

Version 2.0
Gabarit de la page d'accueil des nouvelles - Version 2.0

Transition de la version 2.0 à la version 3.0

Gabarit obsolète

À partir de la version 5.0.0 de GCWeb, les promotions utilisent la version 5.0 des promotions contextuelles. Le morceau de code suivant est donc obsolète.

<header>
...
</header>

<aside class="prm-flpr">
	<div class="container">
		<h2 class="wb-inv">Promotions</h2>
		<div class="wb-tabs carousel-s2 show-thumbs playing slow">
			<ul role="tablist">
				<li class="active">
					<a href="#tab1"><img src="./img/promos/1170x347-1.png" alt="><span class="wb-inv">Tab 1: Banff National Park</span></a>
				</li>
				<li>
					<a href="#tab2"><img src="./img/promos/1170x347-2.png" alt="><span class="wb-inv">Tab 2: Algonquin Provincial Park</span></a>
				</li>
				<li>
					<a href="#tab3"><img src="./img/promos/1170x347-3.png" alt="><span class="wb-inv">Tab 3: Rideau Canal</span></a>
				</li>
			</ul>
			<div class="tabpanels">
				<div role="tabpanel" id="tab1" class="in fade">
					<a href="#" class="learnmore">
						<figure>
							<img src="./img/promos/1170x347-1.png" alt=">
							<figcaption>
								<p>Banff National Park </p>
							</figcaption>
						</figure>
					</a>
				</div>
				<div role="tabpanel" id="tab2" class="out fade">
					<a href="#" class="learnmore">
						<figure>
							<img src="./img/promos/1170x347-2.png" alt=">
							<figcaption>
								<p>Algonquin Provincial Park </p>
							</figcaption>
						</figure>
					</a>
				</div>
				<div role="tabpanel" id="tab3" class="out fade">
					<a href="#" class="learnmore">
						<figure>
							<img src="./img/promos/1170x347-3.png" alt=">
							<figcaption>
								<p>Rideau Canal </p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
		</div>
	</div>
</aside>

<main>
...
</main>

Raport et évaluation

Il n'y aucun raport ou évaluation disponible pour ce gabarit.

Détails de la page

Date de modification :