Last changed pages

Accueil

Mon, 15 Oct 2007 23:55:30 +0200

Présentation du Wiki XooFoo.org

Les pages de ce wiki, ouvert depuis en Mars 2007, sont consacrées à la documentation en ligne du gabarit de thèmes "Mor.pho.GEN.e.sis", du package "JsEffects", et de diverses expérimentations et/ou hacks pour les CMS XOOPS.
Les objectifs collaboratifs sont :

apporter une compréhension et une aide pour les utilisateurs de Xoops,
vous faire participe à la documentation concernant les thèmes, templates et certains hacks que vous avez réalisés, n'est-ce pas comme celà que progresse la communauté ?
vous documenter et vous expliquer certains travaux réalisés dans ce Laboratoire XooFoo.

Les motivations qui ont amené la création de ce wiki sont développées par une simple Pourquoi ce Wiki ?.

Sommaire

Semantics Css Xoops

Mor.pho.GEN.e.sis

les fichiers html

les fichiers Css

les fichiers php

fichier de langue theme.php

Package JsEffects

Hacks Core Xoops

Hacks Modules

Utilisation du Wiki

L'écriture dans le wiki est réservé à une équipe de contributeurs. Pour faire partie de ce groupe, il suffit de soumettre ces articles, en fonction de leurs intérêt et richesse, votre candidature sera étudiée et vous pourrez ainsi participer à l'enrichissement de nos savoirs communs.
Pour de plus amples renseignements vous pouvez utiliser le formulaire de contact du site.

Index des pages

Pages récemments modifiées

[A]
accessibilitybar.html
Accueil

[B]
blocks.css
blockszone.html

[C]
  centerblocks.html
  Code accessibilitybar.html
  Code blocks.css
  Code blockszone.html
  Code centerblocks.html
  Code content-data.css
  Code content.css
  Code forms.css
  Code globalnav.html
  Code language.html
  Code layout-soup.css
  Code searchbar.html
  Code style.css
  Code theme.html
  Code theme.php
  Code userbar.html
  content-data.css
  content.css

[F]
forms.css

[G]
globalnav.html

[L]
language.html
layout-soup.css

[M]
Mor.pho.GEN.e.sis
Mor.pho.GEN.e.sis - Master Code Révision 2.0

[P]
Pourquoi ce Wiki ?

[S]
searchbar.html
style.css

[T]
theme.html
theme.php

[U]
userbar.html

[X]
XooFoo

15.10.07
23:55	Accueil	kris
28.05.07
00:50	theme.html	kris
27.05.07
20:35	theme.php	kris
17:57	userbar.html	kris
16:04	Mor.pho.GEN.e.sis	kris
15:42	blockszone.html	kris
11:21	content-data.css	kris
26.05.07
18:45	searchbar.html	kris
17:07	Code theme.html	kris
17:06	Code blockszone.html	kris
17:06	Code centerblocks.html	kris
17:05	Code globalnav.html	kris
17:04	Code userbar.html	kris
17:04	Code searchbar.html	kris
17:03	Code accessibilitybar.html	kris
17:03	Code language.html	kris
17:01	Code content.css	kris
16:59	Code forms.css	kris
16:58	Code theme.php	kris
16:57	Code content-data.css	kris

theme.html

Mon, 28 May 2007 00:50:19 +0200

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>

Début du pied de page - footer

Ouverture du bloc

< div id="xo-footer">

Bloc avec les images W3C

< div class="validw3c">< a href="http://validator.w3.org/" title="<{$smarty.const.THEME_VALIDXHTML}>">< img src="<{xoImgUrl img/w3c-xhtml.gif}>" alt="<{$smarty.const.THEME_VALIDXHTML}>" /></a><br />< a href="http://jigsaw.w3.org/css-validator/check/referer" title="<{$smarty.const.THEME_VALIDCSS}>">< img src="<{xoImgUrl img/w3c-css.gif}>" alt="<{$smarty.const.THEME_VALIDCSS}>" /></a></div>

* le texte affiché est défini dans le fichier de langue theme.php

Bloc avec le lien pour le fil rss

< div class="rss">< a href="<{xoAppUrl backend.php}>" title="<{$smarty.const.THEME_RSS}>">< img src="<{xoImgUrl icons/action/feed.png}>" alt="<{$smarty.const.THEME_RSS}>" /></a></div>

* le texte affiché est défini dans le fichier de langue theme.php

Bloc avec les infos sur le concepteur du thème

< div class="design"><{$smarty.const.THEME_DESIGNER}></a></div>

* le texte affiché est défini dans le fichier de langue theme.php

Bloc avec les infos du pied de page définis dans les préférences de l'administration

< div class="copyright"><{$xoops_footer}></div>

Fin du pied de page - footer

< /div>

Affichage des messages du mode debug

< --{xo-logger-output} -- >

Fin de la partie "affichage contenu" Xo-Canvas

< /div>

Fin de la partie "Affichage" du "container" Xo-Wrapper du thème

< /div>

Fin du corps de page

< /body>

Fin du fichier

< /html>

theme.php

Sun, 27 May 2007 20:35:45 +0200

Constantes de langue de généralités

define("THEME_NAME",					"Mor·Pho·GEN·e·sis 2.0");

define("THEME_DESC",					"birth of evolution");

define("THEME_DESIGNER",				"Design by : < a href='http://labs.xoofoo.org/' title='Le laboratoire XooFoo.org de Kris'>XooFoo - < a href='http://www.frxoops.org/' title='Communauté Francophone du Projet XOOPS'>Communauté Francophone XOOPS");

define("THEME_UPTOP",					"Haut de Page");

define("THEME_VALIDCSS",				"Ce gabarit de thème est valide W3C pour le CSS 1 et 2");

define("THEME_VALIDXHTML",				"Ce gabarit de thème est valide W3C pour le XHTML 1.01");

Constantes de langue pour le fichier "userbar.html"

Mode "anonyme"

define("THEME_REGISTER",				"Créer un compte ?");

define("THEME_REMEMBER",				" Se rappeller de moi ?");

define("THEME_PSEUDO",					" Pseudo");

define("THEME_DESC_PSEUDO",				" Saisissez votre Pseudo");

define("THEME_PASSWORD",				" Mot de passe");

define("THEME_DESC_PASSWORD",			" Saisissez votre mot de passe");

Mode "connecté"

define("THEME_WELLCOME",				"Bienvenue");

define("THEME_PROFILE",					"Voir son profil");

define("THEME_NOTIFICATION",			"voir ses notifications");

define("THEME_MESSAGE",					"Voir ses messages");

define("THEME_YOUHAVE",					"Vous avez");

define("THEME_NOTREAD",					"message(s) non lu(s)");

define("THEME_MYACCOUNT",				"Mon compte");

Constantes de langue pour le fichier "searchbar.html"

define("THEME_SEARCH",					"Recherche");

define("THEME_DESC_SEARCH",				"Recherche sur le site");

Constantes de langue pour le fichier "language.html"

define("THEME_ENGLISH",					"English");

define("THEME_FRENCH",					"Français");

define("THEME_SPAIN",					"Español");

define("THEME_DEUTCH",					"Deutsch");

define("THEME_ITALIA",					"Italiano");

define("THEME_PORTUGUESE",				"Português");

define("THEME_RUSSE",					"Russian");

define("THEME_JAPAN",					"Japanese");

define("THEME_CHINESE",					"Chinese");

define("THEME_KOREAN",					"Korean");

define("THEME_HOLLAND",					"Dutch");

define("THEME_FARSI",					"Farsi");

define("THEME_ARAB",					"Arab");

define("THEME_HEBRAIC",					"Hebrew");

define("THEME_BREITZ",					"Breitz");

define("THEME_BASQUE",					"Euskadi");

Constantes de langue pour le fichier"globalnav.html"

define("THEME_CONTACT",					"Contact");

define("THEME_CONTACT_DESC",			"Nous contacter ?");

define("THEME_SITEMAP",					"Plan du site");

define("THEME_RSS",						"Alimentations du fil RSS");

define("THEME_NAVTITLE",				"Navigation");

define("THEME_HOME",					"Accueil");

define("THEME_HOME_DESC",				"Revenir à l'accueil");

Nom et description du Module 1

define("THEME_MODULE1",					"Articles");

define("THEME_MODULE1_DESC",			"Voir les news");

Sous-menus du module 1 (version dynamic)

define("THEME_MODULE1_SUB1",			"Catégorie 1");

define("THEME_MODULE1_SUB2",			"Catégorie 2");

define("THEME_MODULE1_SUB3",			"Catégorie 3");

define("THEME_MODULE1_SUB4",			"Catégorie 4");

define("THEME_MODULE1_SUB5",			"Catégorie 5");

Nom et description du Module 2

define("THEME_MODULE2",					"Forum");

define("THEME_MODULE2_DESC",			"Visiter les Forums du site");

Nom et description du Module 3

define("THEME_MODULE3",					"Galerie");

define("THEME_MODULE3_DESC",			"Visiter les Galeries Photos");

Sous-menus du module 3 (version dynamic)

define("THEME_MODULE3_SUB1",			"Galerie 1");

define("THEME_MODULE3_SUB2",			"Galerie 2");

define("THEME_MODULE3_SUB3",			"Galerie 3");

define("THEME_MODULE3_SUB4",			"Galerie 4");

define("THEME_MODULE3_SUB5",			"Galerie 5");

Nom et description du Module 4

define("THEME_MODULE4",					"Vidéos");

define("THEME_MODULE4_DESC",			"Regarder les Vidéos publiées");

Sous-menus du module 4 (version dynamic)

define("THEME_MODULE4_SUB1",			"Vidéo 1");

define("THEME_MODULE4_SUB2",			"Vidéo 2");

define("THEME_MODULE4_SUB3",			"Vidéo 3");

define("THEME_MODULE4_SUB4",			"Vidéo 4");

define("THEME_MODULE4_SUB5",			"Vidéo 5");

Nom et description du Module 5

define("THEME_MODULE5",					"Liens Web");

define("THEME_MODULE5_DESC",			"Visiter nos Liens web favoris");

Nom et description du Module 6

define("THEME_MODULE6",					"Téléchargements");

define("THEME_MODULE6_DESC",			"Télécharger nos fichiers");

Nom et description du Module 7

define("THEME_MODULE7",					"XoopsInfo");

define("THEME_MODULE7_DESC",			"Utiliser le module XoopsInfo");

Nom et description du Module 8

define("THEME_MODULE8",					"Protector");

define("THEME_MODULE8_DESC",			"Utiliser Protector");

Noms et des descriptions des modules en mode anonyme

define("THEME_MODULE1a",				"Crédits");

define("THEME_MODULE1a_DESC",			"Crédits à la réalisation de ce site");

define("THEME_MODULE2a",				"Localisation");

define("THEME_MODULE2a_DESC",			"Nous localiser sur une carte");

Menu et sous-menus "Admin" (version dynamic)

define("THEME_ADMIN",					"Administration");

define("THEME_ADMIN_DESC",				"Se rendre dans l'Administration");

define("THEME_ADMIN_PREFERENCES",		"Préférences du site");

define("THEME_ADMIN_PREFERENCES_DESC",	"se rendre dans les Préférences du site");

define("THEME_ADMIN_GENERAL",			"Paramàtres généraux");

define("THEME_ADMIN_GENERAL_DESC",		"Se rendre dans les Paramàtres généraux");

define("THEME_ADMIN_MODULES",			"Modules");

define("THEME_ADMIN_MODULES_DESC",		"Administration des Modules");

define("THEME_ADMIN_IMAGES",			"Images");

define("THEME_ADMIN_IMAGES_DESC",		"Gestionnaire d'Images");

Constantes de langue pour le fichier " accessibilitybar.html"

define("THEME_ACCESS_PLUS",				"Augmenter la taille de police");

define("THEME_ACCESS_MINUS",			"Diminuer la taille de police");

userbar.html

Sun, 27 May 2007 17:57:37 +0200

Ce fichier permet d'afficher une boîte de connexion et un lien d'inscription, puis des icônes permettant d'accès au profil, à la messagerie privée, de se connecter à l'administration du site, si l'utilisateur en possède les droits, ainsi que de se déconnecter du site

Début du menu utilisateur

< div id="xo-userbar">

Début de vérification de l'appartenance à un groupe et affichage en mode utilisateur anonyme

<{if !$xoops_isuser}>

Début du formulaire de connexion

< form method="post" action="<{xoAppUrl /user.php op=login}>">

Texte indiquant l'ojet des champs

<{$smarty.const._LOGIN}>

Champ de saisie du pseudo

< input name="uname" type="text" title="<{$smarty.const.THEME_DESC_PSEUDO}>" />

Champ de saisie du mot de passe

< input name="pass" type="password" title="<{$smarty.const.THEME_DESC_PASSWORD}>"/>

Dans les lignes suivantes, les champs de saisie affichent les informations à mettre

< input name="uname" type="text" value="<{$smarty.const.THEME_PSEUDO}>" onfocus="this.value=(this.value=='<{$smarty.const.THEME_PSEUDO}>')? '' : this.value ;" title="<{$smarty.const.THEME_DESC_PSEUDO}>"/>  

< input name="pass" type="password" value="<{$smarty.const.THEME_PASSWORD}>" onfocus="this.value=(this.value=='<{$smarty.const.THEME_PASSWORD}>')? '' : this.value ;" title="<{$smarty.const.THEME_DESC_PASSWORD}>"/>

* Dans le fichier theme.html de l'archive original du gabarit de thème, ces lignes sont mises en commentaire.

Soumission de la requête de validation du pseudo et mode de passe

< input type="hidden" name="xoops_redirect" value="<{$smarty.server.REQUEST_URI}>" />

Vérification de la permission de connexion en cas de fermeture du site

< {if $lang_siteclosemsg}>

< input type="hidden" name="xoops_login" value="1" />

<{/if}>

Bouton de validation des informations saisies

< button type="submit">< img src="<{xoImgUrl /img/home.png}>" alt="<{$smarty.const._LOGIN}>" />< /button>

Case à cocher pour permettre à l'utilisateur de mémoriser sa connexion

< input id="remember"type="checkbox" name="rememberme" value="On" title="<{$smarty.const.THEME_REMEMBER}>"/><{$smarty.const.THEME_REMEMBER}>

Fin du formulaire de connexion

< /form>

Lien vers la page d'inscription

 + < a href="<{xoAppUrl /register.php}>" class="register" title="<{$smarty.const.THEME_REGISTER}>"><{$smarty.const.THEME_REGISTER}>

Fin de l'affichage du menu en mode utilisateur anonyme

<{else}>

Début de l'affichage du menu en mode utilisateur enregistré

Début du message de bienvenue

<{$smarty.const.THEME_WELLCOME}>

Lien vers le profil du l'utilisateur

< a href="<{xoAppUrl /user.php}>" title="<{$smarty.const.THEME_PROFILE}>">

Affichage du pseudo de l'utilisateur

<{$xoops_uname}>

Fin de l'affichage du pseudo de l'utilisateur

< /a>

Affichage de la date du jour

, nous sommes le < {$smarty.now|date_format:"%d %B %Y"}>

* si vous ne voulez pas afficher la date du jour il faut commenter la ligne

Lien vers la Messagerie Privé

Appel d'une classe pour la vérification du nombre de message dans la messagerie de l'utilisateur

<{xoInboxCount assign=pmcount}>

Début du lien vers la messagerie privée

< a href="<{xoAppUrl viewpmsg.php}>">

Vérification des messages et affichage d'une image différente en fonction du résultat de la requête

<{if $pmcount}>

S'il y a des messages cette image sera affichée

< img src="<{xoImgUrl icons/users/inbox-full.png}>" alt="(<{$pmcount}>) <{$smarty.const.THEME_NOTREAD}>"/>

Autrement,

<{else}>

S'il n'y a pas de message ce sera celle-ci

< img src="<{xoImgUrl icons/users/inbox.png}>" alt="<{$smarty.const.THEME_MESSAGE}>"/>

Fin de la vérification des messages et affichage de l'image en fonction du résultat

<{/if}>

Fin du lien vers la messagerie privée

< /a>

Lien vers les notifications

< a href="<{xoAppUrl /notifications.php}>" title="<{$smarty.const.THEME_NOTIFICATION}>">< img src="<{xoImgUrl icons/users/note_view.png}>" alt="<{$smarty.const.THEME_NOTIFICATION}>"/>

Lien vers le profil du membre

< a href="<{xoAppUrl /user.php}>" title="<{$smarty.const.THEME_MYACCOUNT}>">< img src="<{xoImgUrl icons/users/profile.png}>" alt="<{$smarty.const.THEME_MYACCOUNT}>"/>

Lien vers la page de recherche sur le site

< a href="<{xoAppUrl /search.php}>" title="<{$smarty.const.THEME_DESC_SEARCH}>">< img src="<{xoImgUrl icons/users/find.png}>" alt="<{$smarty.const.THEME_DESC_SEARCH}>" />

Vérification si le membre possède des droits d'administration

<{if $xoops_isadmin}>

Dans l'affirmative : liens supplémentaires

< a href="<{xoAppUrl /admin.php}>" title="<{$smarty.const._CPHOME}>">< img src="<{xoImgUrl icons/users/configuration.png}>" alt="<{$smarty.const._CPHOME}>" />

Fin de la boucle de vérification

<{/if}>

Lien pour la déconnexion du site en tant que membre

< a  href="<{xoAppUrl /user.php op=logout}>" title="<{$smarty.const._LOGOUT}>" >< img src="<{xoImgUrl icons/users/exit.png}>" alt="<{$smarty.const._LOGOUT}>"/>

Fin de la boucle de vérification et d'affichage en fonction de l'appartenance à un groupe d'utilisateur

<{/if}>

Fin du menu utilisateur

< /div>

Mor.pho.GEN.e.sis

Sun, 27 May 2007 16:04:20 +0200

Mor.pho.GEN.e.sis est un gabarit de thème pour Xoops
Il permet de réaliser simplement des thèmes valides aux normes W3C.
L'objectif étant d'imposer ce gabarit à tous les designers, pour que les thèmes disposent des mêmes normes en matière d'architecture et de nommage.
Le développement initial a été réalisé, par Leostotch, Snow77 et Skalpa, avec l'arrivée de la version 2.0.14 de Xoops, celle-ci apportant de nombreuses fonctionnalités, nous pouvons citer par exemple la surcharge des thèmes, la gestion des blocs bas, etc ...

Actuellement le thème Mor.pho.GEN.e.sis est composé des fichiers suivants :

Fichiers html :

Fichiers Css :

Fichier Php

language.php

A terme, seront ajoutés les fichiers suivants :

les fichiers Css

Le reste dépend de votre travail ...

A lire sur ce gabarit de thème :

Vous pouvez télécharger la dernière version en cliquant ICI

blockszone.html

Sun, 27 May 2007 15:42:04 +0200

Ce fichier comporte la structure des blocs des colonnes de droite et/ou de gauche

Vérification du paramétrage des blocs dans la colonne

<{if $blocks}>
	< <{$zoneTag}> class="xo-blockszone x2-secondary<{if $zoneClass}> <{$zoneClass}><{/if}>"<{if $zoneId}> id="<{$zoneId}>"<{/if}>>

Début de la boucle de répététion en fonction du nombre de blocs à afficher

<{foreach from=$blocks item=block}>

Affichage du bloc dans la colonne

< div class="xo-block <{$block.module}>">

Affichage du titre du bloc s'il en possède un

<{if $block.title}>< div class="xo-blocktitle"><{$block.title}>< /div><{/if}>

Affichage du "contenu" du bloc

< div class="xo-blockcontent"><{$block.content}>< /div>

Fin de l'affichage du bloc dans la colonne

< /div>

Fin de la boucle de répététion en fonction du nombre de blocs à afficher

<{/foreach}>

Fin de la boucle de vérification et d'affichage des blocs dans la colonne

< /<{$zoneTag}>>


<{/if}>

content-data.css

Sun, 27 May 2007 11:21:51 +0200

Feuille de style pour des propriétés particulières de personnalisation des éléments.

Style pour l'include accessibilitybar.html

#xo-accessibilitybar ===> Propriétés générales du bloc
#xo-accessibilitybar a ===> Propriétés pour l'affichage des liens hypertextes
#xo-accessibilitybar img ===> Propriétés pour l'affichage des images

Styles pour mettre des blocs "flottants" (par exemple des images)

.floatleft ===> classe pour positionner un élément en flottement gauche
.floatright ===> classe pour positionner un élément en flottement droite

Classes d'alignement

.center ===> classe pour centrer un élément
.left ===> classe pour aligner à gauche un élément
.right ===> classe pour aligner à droite un élément
.center ===> classe pour aligner au centre un élément
.justify ===> classe pour un alignement en 'justifer' un élément

Classes de largeur

.width100 ===> Classe pour donner une largueur 100 % à un élément
.width75 ===> Classe pour donner une largueur 75 % à un élément
.width50 ===> Classe pour donner une largueur 50 % à un élément
.width33 ===> Classe pour donner une largueur 33 % à un élément
.width25 ===> Classe pour donner une largueur 25 % à un élément

Classes d'affichage

.clear ===> classe pour appliquer un clear 'both' à un élément
.block ===> classe pour appliquer un display 'block' à un élément
.hide ===> classe pour appliquer un display 'none' à un élément

Mise en forme de certains liens hypertexte

a.printable, a.pdf, a.friend ===> propriétés générales pour la mise en forme de certains liens
a.printable ===> classe pour la mise en forme de liens d'impression
a.pdf ===> classe pour la mise en forme de liens pdf (ou génération de pdf)
a.friend ===> classe pour la mise en forme de liens d'amis (ou 'tell a friend' par exemple)

Pour le body de l'éditeur tinyeditor/inbetwen

body.mceContentBody ===> propriétés spécifiques pour le body du module tinyeditor (problème avec le body du textarea)

Mise en forme pour l'accessibilité

a[hreflang]:after ===> propriétés d'affichage de la référence de langue dans un lien
a[accesskey]:after ===> propriétés d'affichage de la référence de l'accesskey dans un lien

searchbar.html

Sat, 26 May 2007 18:45:02 +0200

Ce fichier permet d'afficher une simple boîte de recherche sur le site

Début du fichier

< div id="xo-searchbar">

Début du formulaire

< form name="search" method="get" action="<{xoAppUrl /search.php}>" title="<{$smarty.const.THEME_DESC_SEARCH}>">

Champ de saisie texte

< input type="text" id="query" name="query" class="keyword" value="" maxlength="255" tabindex="1" />

Type de requête à effectuer

< input type="hidden" name="action" id="action" value="results" />

Bouton de soumission

< input type="submit" value="<{$smarty.const.THEME_SEARCH}>" class="button" tabindex="2" />

Fin du formulaire

< /form>

Fin du fichier

< /div>

Code theme.html

Sat, 26 May 2007 17:07:34 +0200


  < !DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

    < html xmlns="http: //www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">

    < head>

    

    <{* 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}>

  

  <{assign var=theme_name value=$xoTheme->folderName}>
  

  < title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> : <{/if}><{$xoops_sitename}>

  < 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}>" />

  

  

  

  <{if $isMsie}>

  < noscript>

  

  

  <{/if}>
  

    < meta http-equiv="Page-Enter" content="revealtrans(duration=1, transition=23)" /> 

    < meta http-equiv="Page-Exit" content="revealtrans(duration=1, transition=23)" />
  

    < link rel="alternate" type="application/rss+xml" title="<{$smarty.const.THEME_RSS}>" href="<{xoAppUrl backend.php}>" />
  

  < link rel="shortcut icon" type="image/ico" href="<{xoImgUrl /favicon.ico}>" />

  < link rel="icon" type="image/png" href="<{xoImgUrl /icon.png}>" />

  

  

  < 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}>" /> 

    

    
   <{$xoops_module_header}>
  

    
  

     

  

  

  < body id="<{$xoops_dirname}>" class="<{$xoops_langcode}>">

  <{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}>

  < div id="xo-wrapper" class="<{$xoops_dirname}>">

  < div id="xo-bgstatic" class="<{$xoops_dirname}>">

  < div id="xo-canvas"<{if $columns_layout}> class="<{$columns_layout}>"<{/if}>>

  < div id="xo-header" class="<{$xoops_dirname}>">

  < div id="xo-top">

  

  <{includeq file="$theme_name/language.html"}>

  

  <{includeq file="$theme_name/searchbar.html"}>

  

  <{includeq file="$theme_name/accessibilitybar.html"}>

  

  <{includeq file="$theme_name/userbar.html"}>

  

  

  <{if $xoops_banner and $xoops_banner != ' '}>

  < div id="xo-banner" class="commercial">

  < a id="xo-main-logo" class="commercial" href="<{xoAppUrl /}>" title="">< img src="<{xoImgUrl img/header-logo_small.gif}>" alt="<{$xoops_sitename}>" />

  < a id="xo-site-title"  class="commercial" href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><{$smarty.const.THEME_NAME}>

  < div id="xo-site-slogan" class="commercial"><{$smarty.const.THEME_DESC}>"

  < div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}>

  

  <{else}>
   < div id="xo-banner" class="<{$xoops_dirname}>">

  < a id="xo-main-logo" href="<{xoAppUrl /}>">< img src="<{xoImgUrl img/header-logo_small.gif}>" alt="<{$xoops_sitename}>" />

  < a id="xo-site-title" href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><{$xoops_sitename}>

  < div id="xo-site-slogan"><{$xoops_slogan}>

  

  <{/if}>

  

  <{includeq file="$theme_name/globalnav.html"}>

  

  

   

  < div id="xo-canvas-content">

  <{if $xoBlocks.canvas_top}>

  <{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_top

    zoneClass='' zoneId='xo-canvas-header'

    }>

  <{/if}>

  



  <{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}>


  <{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}>


  
  

  <{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}>

  

  <{/if}>

  <{if $xoops_contents}><{$xoops_contents}>
<{/if}>

  <{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>

  

  <{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}>

  


  <{/if}>

  
  
  


  <{if $xoBlocks.canvas_bottom}>

  <{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_bottom

    zoneClass='' zoneId='xo-canvas-footer'

    }>

  <{/if}>

  < div id="xo-uptop">| < a href="#top" title="<{$smarty.const.THEME_UPTOP}>"><{$smarty.const.THEME_UPTOP}> |

  
   < div id="xo-footer">

  

  < div class="validw3c">< a href="http://validator.w3.org/" title="<{$smarty.const.THEME_VALIDXHTML}>">< img src="<{xoImgUrl img/w3c-xhtml.gif}>" alt="<{$smarty.const.THEME_VALIDXHTML}>" />
< a href="http://jigsaw.w3.org/css-validator/check/referer" title="<{$smarty.const.THEME_VALIDCSS}>">< img src="<{xoImgUrl img/w3c-css.gif}>" alt="<{$smarty.const.THEME_VALIDCSS}>" />

  

  

  < div class="rss">< a href="<{xoAppUrl backend.php}>" title="<{$smarty.const.THEME_RSS}>">< img src="<{xoImgUrl icons/action/feed.png}>" alt="<{$smarty.const.THEME_RSS}>" />

  
   

  < div class="design"><{$smarty.const.THEME_DESIGNER}>

  

  

  < div class="copyright"><{$xoops_footer}>

Code blockszone.html

Sat, 26 May 2007 17:06:49 +0200

<{if $blocks}>

< <{$zoneTag}> class="xo-blockszone x2-secondary<{if $zoneClass}> <{$zoneClass}><{/if}>"<{if $zoneId}> id="<{$zoneId}>"<{/if}>>

<{foreach from=$blocks item=block}>

< div class="xo-block <{$block.module}>">

<{if $block.title}><{$block.title}>
<{/if}>

< div class="xo-blockcontent"><{$block.content}>



<{/foreach}>

>

<{/if}>