Re: Convertir un template en thème Xoops | Titre du sujet : Re: Convertir un template en thème Xoops par tatane sur 11/07/2013 12:25:46
Bonjour Pour créér un thème Xoops il te faut :
Un fichier nommé theme.html Un fichier nommée style.css
Dans ce fichier theme.html, il te faut au minimum :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<!-- Assign Theme name -->
<{assign var=theme_name value=$xoTheme->folderName}>
<!-- Title and meta -->
<meta charset="UTF-8">
<title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title>
<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="generator" content="XOOPS" />
<!-- Rss -->
<link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<{$xoops_module_header}>
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/style.css}>" />
</head>
<body id="<{$xoops_dirname}>" class="<{$xoops_langcode}>">
<header>
<nav>
</nav>
</header>
<section>
<div class="container">
<div class="row">
<{includeq file="$theme_name/xd_theme_blockleft.html"}><!-- block left -->
<{includeq file="$theme_name/xd_theme_blockright.html"}><!-- block right -->
<{includeq file="$theme_name/xd_theme_centerZone.html"}><!-- blocks bottom top and content -->
</div>
</div>
</section>
<footer>
<div class="container">
</div>
</footer>
</body>
</html>
Cette version du theme.html ci-dessus est en HTML 5
|
|