|
[Accueil :: Mor.pho.GEN.e.sis :: Cette page]
|
theme.html |
Ce fichier est le plus important pour l'affichage du contenu de votre site
Début du code du fichier
Déclaration du DocType
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Déclaration de la langue et de son encodage
< html xmlns="http://www.w3.org/1999/xhtml" lang="<{$xoops_langcode}>" xml:lang="<{$xoops_langcode}>">
Début de l'entête du fichier
< head>
Paramètres pour le positionnement des blocs centraux haut et bas
<{* Center blocks display order valid values are: lrc (left right / center) lcr (left center right) clr (center / left right) *}>
<{assign var=theme_top_order value=clr}>
<{assign var=theme_bottom_order value=clr}>
Indique le nom du thème
<{assign var=theme_name value=$xoTheme->folderName}>
Titre de la page
< title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> : <{/if}><{$xoops_sitename}>< /title>
Meta description
< meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
< meta name="robots" content="<{$xoops_meta_robots}>" />
< meta name="keywords" content="<{$xoops_meta_keywords}>" />
< meta name="description" content="<{$xoops_meta_description}>" />
< meta name="rating" content="<{$xoops_meta_rating}>" />
< meta name="author" content="<{$xoops_meta_author}>" />
< meta name="copyright" content="<{$xoops_meta_copyright}>" />
< meta name="generator" content="XOOPS" />
Force MSIE sans le javascript d'activer ou supporter à prendre le thème default
< {if $isMsie}>
< noscript>
< meta http-equiv="refresh" content="0; url=< {xoAppUrl . xoops_theme_select=default}>" />
</noscript>
<{/if}>
Code pour l'effet de transition entre les pages
< meta http-equiv="Page-Enter" content="revealtrans(duration=1, transition=23)" />
< meta http-equiv="Page-Exit" content="revealtrans(duration=1, transition=23)" />
* Ce code ne fonctionne que sous IE
Chemin du fil Rss (indication pour certains navigateurs)
< link rel="alternate" type="application/rss+xml" title="<{$smarty.const.THEME_RSS}>" href="<{xoAppUrl backend.php}>" />
Chemin du favicon
< link rel="shortcut icon" type="image/ico" href="<{xoImgUrl /favicon.ico}>" />
< link rel="icon" type="image/png" href="<{xoImgUrl /icon.png}>" />
Css du thème
Feuilles de style "Affichage écran"
< link rel="stylesheet" type="text/css" media="screen" href="<{xoImgUrl /layout-soup.css}>" />
< link rel="stylesheet" type="text/css" media="all" title="Color" href="<{xoImgUrl /style.css}>" />
* En cas de feuille de style pour l'impression, la seconde ligne ci-dessus doit être remplacée (ou commentée) par celle-ci :
< link rel="stylesheet" type="text/css" media="screen" title="Color" href="<{xoImgUrl /style.css}>" />
Feuille de style "Impression"
* En cas de feuille de style pour l'impression, décommenter cette ligne :
< link rel="stylesheet" type="text/css" media="print" href="<{xoImgUrl /print.css}>" />
Feuille de style "Audio"
* En cas de feuille de style pour la fonction audio de certains navigateurs, décommenter cette ligne :
< link rel="stylesheet" type="text/css" media="aural" href="<{xoImgUrl /aural.css}>" />
Appel au script "xoops.js" et affichage d'éléments du header.php de xoops et des modules affichés
<{$xoops_module_header}>
Appel au script "textsizer.js" pour pouvoir modifier la taille de la police par l'utilisateur
<!-- Scripts -->
< script type="text/javascript" src="< {xoAppUrl /jseffects/others/textsizer.js}>"></script>
* Ce code fait appel à un script se trouvant dans le package "JsEffects"
Code pour la transparence des images au format png sous MSIE pour l'ensemble des pages du site
< !--[if lt IE 6]>
< script type="text/javascript">
var WEBFX_PNG_PATTERN=".*.png";
var WEBFX_PNG_BLANK = "<{xoImgUrl /jseffects/img/blank.gif}>";
< /script>
< style type="text/css">
img { behavior: url(<{xoImgUrl /jseffects/pngbehavior.htc}>); }
< /style>
< ![endif]-->
* Ce code fait appel au script "PngBehavior" se trouvant dans le package "JsEffects"
Fin de l'entête du fichier
< /head>
Début du corps de la page
* avec possibilité de personnalisation de son style (id et/ou class) en fonction du module et/ou de la langue affichés
< body id="<{$xoops_dirname}>" class="<{$xoops_langcode}>">
Sélection de l'architecture du squelette en fonction de la configuration des colonnes
<{if $xoBlocks.canvas_left and $xoBlocks.canvas_right}><{assign var=columns_layout value='threecolumns-layout'}>
<{elseif $xoBlocks.canvas_left}><{assign var=columns_layout value='leftcolumn-layout'}>
<{elseif $xoBlocks.canvas_right}><{assign var=columns_layout value='rightcolumn-layout'}>
<{/if}>
Début de la partie "Affichage" - ceci est le "container" du thème
< div id="xo-wrapper" class="<{$xoops_dirname}>">
* avec possibilité de personnalisation de son style en fonction du module affiché par exemple
Bloc "xo-bgstatic"
< div id="xo-bgstatic" class="<{$xoops_dirname}>"></div>
* avec possibilité de personnalisation de son style en fonction du module affiché par exemple
Ce bloc peut être utilisé pour insérer un contenu statique (un exemple d'utilisation est le thème "thmxoofoo")
Début de la partie "Affichage contenu" Xo-Canvas généré par Xoops
< div id="xo-canvas"<{if $columns_layout}> class="<{$columns_layout}>"<{/if}>>
Début du header - haut de page
Ouverture du bloc principal contenant le header
< div id="xo-header" class="<{$xoops_dirname}>">
* avec possibilité de personnalisation de son style en fonction du module affiché par exemple
Bloc "Xo-Top" en partie supérieur du header
< div id="xo-top">
Affichage du choix de langue
< {includeq file="$theme_name/language.html"}>
Affichage de la boîte de recherche
< {includeq file="$theme_name/searchbar.html"}>
Affichage de la fonction d'accessibilité pour la taille de la police
< {includeq file="$theme_name/accessibilitybar.html"}>
Affichage de la barre "utilisateur"
< {includeq file="$theme_name/userbar.html"}>
Fin du bloc "Xo-Top"
< /div>
Bloc "Xo-Banner
Début de la boucle d'interrogation du mode d'affichage en fonction de l'existence d'une bannière
< {if $xoops_banner and $xoops_banner != ' '}>
Si bannière activé
Ouverture du bloc
< div id="xo-banner" class="commercial">
Affichage du logo
< a id="xo-main-logo" class="commercial" href="<{xoAppUrl /}>">< img src="<{xoImgUrl img/header-logo_small.gif}>" alt="<{$xoops_sitename}>" />
Affichage du nom du thème inscrit dans le fichier de langue theme.php
< a id="xo-site-title" class="commercial" href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><{$smarty.const.THEME_NAME}></a>
Affichage de la description du thème inscrite dans le fichier de langue theme.php
< div id="xo-site-slogan" class="commercial"><{$smarty.const.THEME_DESC}>"</div>
Affichage de la bannière
< div id="xo-banner-ad">< {$xoops_banner|smarty:nodefaults}>< /div>
Fin du bloc avec l'affichage de la bannière activé
< /div><{else}>
Avec affichage de la bannière désactivé
Ouverture du bloc
< div id="xo-banner">< /div>
Affichage du logo
< a id="xo-main-logo" href="<{xoAppUrl /}>">< img src="<{xoImgUrl img/header-logo_small.gif}>" alt="<{$xoops_sitename}>" />
Affichage du nom du site défini dans les préférences de l'administration
< a id="xo-site-title" href="<{xoAppUrl /}>"><{$xoops_sitename}>< /a>
Affichage du slogan défini dans les préférences de l'administration
< div id="xo-site-slogan"><{$xoops_slogan}>< /div>
Fin du bloc avec l'affichage de la bannière désactivé
< /div>
Fin de la boucle d'interrogation sur le mode d'affichage en fonction de l'activation ou non de la bannière
< {/if}>
Include du menu horizontal en dessous du header
<{includeq file="$theme_name/globalnav.html"}>
Fermeture du bloc contenant le header
</div>
Partie centrale "Contenu" Xo-Canvas-Content
Cette partie est supposé être l'architecture standard que chacun doit utiliser
< div id="xo-canvas-content">
Affichage du bloc "haut" en mode sans colonne
<{if $xoBlocks.canvas_top}>
<{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_top
zoneClass='' zoneId='xo-canvas-header'
}>
<{/if}>
Début de l'affichage en mode "Colonne"
< table id="xo-canvas-columns" cellspacing="0">< /table>
Affichage de la colonne de gauche
< tr>
<{if $xoBlocks.canvas_left}>
<{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_left
zoneClass='xo-canvas-column' zoneId='xo-canvas-leftcolumn' zoneTag='td'
}>
<{/if}>
Affichage de la colonne centrale/principale "Xo-Page"
< td id="xo-page">
Affichage et ordre des blocs "haut"
<{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
< div class="xo-blockszone xo-<{$theme_top_order}>pageblocks" id="xo-page-topblocks">
<{includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:0:1}>
<{includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:1:1}>
<{includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:2:1}>
< /div>
<{/if}>
Affichage du contenu "module"
<{if $xoops_contents}>
< div id="xo-content"><{$xoops_contents}>< /div><{/if}>
Affichage et ordre des blocs "bas"
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>
< div class="xo-blockszone xo-<{$theme_bottom_order}>pageblocks" id="xo-page-bottomblocks">
<{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:0:1}>
<{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:1:1}>
<{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:2:1}>
< /div>
<{/if}>
Fin de l'affichage de la colonne centrale/principale "Xo-Page"
< /td>
Affichage colonne de droite
<{if $xoBlocks.canvas_right}>
<{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_right
zoneClass='xo-canvas-column' zoneId='xo-canvas-rightcolumn' zoneTag='td'
}>
<{/if}>
Fin de l'affichage en mode "colonne"
< /tr>
< /table>
Affichage du bloc "bas" en mode sans colonne
<{if $xoBlocks.canvas_bottom}>
<{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_bottom
zoneClass='' zoneId='xo-canvas-footer'
}>
<{/if}>
Affichage du bloc "xo-uptop"
< div id="xo-uptop">| < a href="#top" title="<{$smarty.const.THEME_UPTOP}>"><{$smarty.const.THEME_UPTOP}></a> |</div>
* le texte affiché est défini dans le fichier de langue theme.php
Fin de la partie centrale "Contenu" Xo-Canvas-Content
< /div>
