Sélection de la langue

Gouvernement du Canada / Government of Canada

Recherche

Lien de téléchargement - Exemples pratiques

Les liens de téléchargement servent à renvoyer ou à lier à des fichiers de format autre que HTML sur les pages Web de Canada.ca.

Horizontal

Par défaut :

Titre du document avec un très long nom
(PDF, 273 Ko)
Code 
<a href="#" class="gc-dwnld" download>
	<img src="[url de l'image]" alt="">
	<span>[Titre du document]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="Kilo-octet">Ko</abbr>)</span>
</a>

À l'intérieur d'une grille :

Titre du document
(PDF, 273 Ko)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld" download>
			<img src="[url de l'image]" alt="">
			<span>[Titre du document]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="Kilo-octet">Ko</abbr>)</span>
		</a>
	</div>
</div>

À l'intérieur d'une grille avec la classe facultative full-width :

Titre du document
(PDF, 273 Ko)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld full-width" download>
			<img src="[url de l'image]" alt="">
			<span>[Titre du document]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="Kilo-octet">Ko</abbr>)</span>
		</a>
	</div>
</div>

Vertical

Par défaut :

Titre du document avec un très long nom
(PDF, 273 Ko)
Code 
<a href="#" class="gc-dwnld vertical" download>
	<img src="[url de l'image]" alt="">
	<span>[Titre du document]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="Kilo-octet">Ko</abbr>)</span>
</a>

À l'intérieur d'une grille :

Titre du document
(PDF, 273 Ko)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld vertical" download>
			<img src="[url de l'image]" alt="">
			<span>[Titre du document]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="Kilo-octet">Ko</abbr>)</span>
		</a>
	</div>
</div>

À l'intérieur d'une grille avec la classe facultative full-width :

Titre du document
(PDF, 273 Ko)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld vertical full-width" download>
			<img src="[url de l'image]" alt="">
			<span>[Titre du document]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="Kilo-octet">Ko</abbr>)</span>
		</a>
	</div>
</div>

Sans image

Titre du document avec un très long nom
(PDF, 273 Ko)
Code 
<a href="#" class="gc-dwnld" download>
	<span>[Titre du document]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="Kilo-octet">Ko</abbr>)</span>
</a>

Détails de la page

Date de modification :