Gabarit 1 colonne cmsms

On a plusieurs blocs de contenu qui sont définis après le DOCTYPE :

  • Introduction = [content = introduction]
  • Titre du script 1 = [titre1]
  • Script 1 = [le_code1]
  • Titre du script 2 = [titre2]
  • Script 2 = [le_code2]
  • Titre du script 3 = [titre3]
  • Script 3 = [le_code3]

Ce gabarit est utilisé par toutes les pages proposant du code (comme celle-ci).

Cette page a été vue 1171 fois. Date de mise à jour : 13/02/2014 20:16:47.

Page de code sur 1 colonne avec compatibilité HTML5


<!DOCTYPE html>{process_pagedata}
{content assign=introduction label="Introduction" wysiwyg=true tab="Introduction"}
{content block=titre1 assign=titre1 label="1 - Titre du script 1 " wysiwyg=false oneline=true size=100 tab="Code colorié"}
{content block=le_code1 assign=le_code1 default='<pre class="line-numbers" data-start="0"><code class="language-">

</code></pre>' label="1 - Sélectionner le language approprié === markup-css-javascript-php-sql " wysiwyg=false tab="Code colorié"}
{content block=titre2 assign=titre2 label="2 - Titre du script 2 " wysiwyg=false oneline=true size=100 tab="Code colorié"}
{content block=le_code2 assign=le_code2 default='<pre class="line-numbers" data-start="0"><code class="language-">

</code></pre>' label="2 - Sélectionner le language approprié === markup-css-javascript-php-sql " wysiwyg=false tab="Code colorié"}
{content block=titre3 assign=titre3 label="3 - Titre du script 3 " wysiwyg=false oneline=true size=100 tab="Code colorié"}
{content block=le_code3 assign=le_code3 default='<pre class="line-numbers" data-start="0"><code class="language-">

</code></pre>' label="3 - Sélectionner le language approprié === markup-css-javascript-php-sql " wysiwyg=false tab="Code colorié"}
<html lang="fr" >
<head>
	<title>{title} - {sitename}</title>
	{metadata}
	{* Metadata is entered in Site Admin/Global settings. *}
	{cms_stylesheet}
	{* This is how all the stylesheets attached to this template are linked to it *}
</head>
<body>
<!-- start header -->
<div id="header" style="height:200px">
	{global_content name='header'}
</div>
<!-- end header -->

<!-- BLOC CENTRAL de CONTENU  -->
<div id="main">
	<!-- start contenu sur 1 colonne  -->
	<div id="content_full">
		{* Start bouton pour imprimer la page *}
		<div class="main-top">
			{print showbutton=true popup=true script=true}
		</div>
		{* End bouton pour imprimer la page *}
		<!-- start Bloc Introduction -->
		<div class="introduction">
			<h1>{title}</h1>
			{$introduction}
		</div>
		<!-- end Bloc Introduction -->
		<!-- BLOC googleadsense -->
		<div class="GoogleAdsense">
		{global_content name='googleadsense'}
		</div>
		<!-- ### BLOC googleadsense -->
		<h2>{$titre1}</h2>
		{$le_code1}
		<h2>{$titre2}</h2>
		{$le_code2}
		<h2>{$titre3}</h2>
		{$le_code3}
	</div>
	<!-- end contenu sur 1 colonne  -->
</div>
<!-- FERMETURE du BLOC CENTRAL de CONTENU  -->

<!-- start footer -->
<div id="footer">
	{global_content name='footer'}
</div>
<!-- end footer -->
	{* Inclusion du js pour la coloration syntaxique *}
	{literal}
	<script src="http://webapps.ceck.org/wapsmeans/js/prism.js"></script>
	{/literal}
</body>
</html>