Dernière news le 19/04/2012

PHPBoost

Support

Téléchargements

Développement

Communauté

Annonces
Question aléatoire

Que permet de faire le framework PHPBoost ?
Livre d'or

Par koopa'z

Bien que j'ai pas toute les fonctionnalités, phpboost est canon !

Livre d'or

Mini sondage
Disposez-vous de PHP 5 chez votre hébergeur ?








Résultats

 
le default.css
 
Table des matières
  1. Introduction
  2. Le fichier default.css
  3. S'approprier le fichier default.css
  4. Attitrer le default.css au header.tpl



Introduction



Entre la version 2 et 3 il y a eu pas mal de changement au niveau des templates.

Notamment l'existence d'un dossier: default situé dans le dossier: templates. Dedans se trouve des fichiers ou images relatif au thème qui peut être utilisé ou non.

Je vais plus précisément vous parler du défault.css, celui-ci contient des class destinées aux titres des mini-modules par exemple, les class qui y sont rattachées n'ont pas forcément besoin d'être personnalisée, mais si cependant vous désirez le faire, suivez le reste de l'article.

Le fichier default.css



Il applique les fonctionnalités css à tous les thèmes du site, Il est extrêmement important de n'y faire AUCUNE modification dans le dossier : default.

S'approprier le fichier default.css



Pour l'adapter à votre thème, il vous faudra le déplacer en effectuant un copier(ctrl+c)/coller(ctrl+v) dans votre dossier: theme de votre template.

J'ai effectué des modifications dessus, mais aucun changement ce fait !

C'est tout à fait normal, il vous faut changer le répertoire de destination dans le header.tpl à la racine de votre thème.

Attitrer le default.css au header.tpl



Pour procéder au changement de direction, ouvrez le header.tpl avec votre éditeur de texte (Notepad++, si vous l'avez) et regardez entre les balises <head>...</head> (ligne 10) :

Code TPL :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_XML_LANGUAGE}" >
	<head>
		<title>{SITE_NAME} : {TITLE}</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<meta name="description" content="{SITE_DESCRIPTION} {TITLE}" />
		<meta name="keywords" content="{SITE_KEYWORD}" />
		<meta http-equiv="Content-Language" content="{L_XML_LANGUAGE}" />
		<!-- Default CSS -->
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/theme/default.css" type="text/css" media="screen, print, handheld" />
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/framework/content/syndication/syndication.css" type="text/css" media="screen, print, handheld" />
		<!-- Theme CSS -->
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" />
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/generic.css" type="text/css" media="screen, print, handheld" />
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/bbcode.css" type="text/css" media="screen, print, handheld" />
		<!-- Alternative CSS -->
		{ALTERNATIVE_CSS}
 
		<link rel="shortcut icon" href="{PATH_TO_ROOT}/favicon.ico" type="image/x-icon" />
		<link rel="alternate" href="{PATH_TO_ROOT}/syndication.php?m=news" type="application/rss+xml" title="RSS {SITE_NAME}" />
 
		<script type="text/javascript">
		<!--
			var PATH_TO_ROOT = "{PATH_TO_ROOT}";
			var TOKEN = "{TOKEN}";
		-->
		</script>
		# IF C_BBCODE_TINYMCE_MODE # <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/content/tinymce/tiny_mce.js"></script> # ENDIF #
 
		<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/prototype.js"></script>
		<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/scriptaculous.js"></script>
		<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/global.js"></script>
	</head>
	 


La partie a modifier se trouve à la ligne 10, du header.tpl :

Code TPL :
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/theme/default.css" type="text/css" media="screen, print, handheld" />


Il vous faudra remplacer cette ligne par :

Code TPL :
		<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/ {THEME}/theme/default.css" type="text/css" media="screen, print, handheld" />


Si toutefois les modifications, ne s'appliquaient toujours pas, N'oubliez pas de "vider le cache de votre navigateur" et celui qui est dans votre administration via le panneau d'administration/Outils/cache: Génèrer


Le tour est joué :top
En cours

 
Cette page a été vue 3481 fois
Annonces