Purity2.fr

Les positions (à venir ....)

Les notions de Wrap et de Main | Les styles de modules Jaxhtml et Jarounded | définition des blocks | variations de positions

Remplacer l'image aléatoire du header par un module

There are no translations available.

1- Modification du fichier header.php

Chemin : templates > ja_purity_ii > layouts > blocks > header.php

On va commencer par supprimer l'image aléatoire et le masque sur l'image.

<div id="ja-header" class="wrap">
<div class="main" style="background-image: url(<?php echo $this->templateurl(); ?>/images/header/<?php echo $this->getRandomImage($this->templatepath().DS.'images/header'); ?>);">
<div class="inner clearfix">
 
	<div class="ja-headermask">&nbsp;</div>

devient :

<div id="ja-header" class="wrap">
<div class="main" >
<div class="inner clearfix">

On va mainteant créer une position headertop

<?php endif; ?>
 
	<?php $this->loadBlock('usertools/screen') ?>
	<?php $this->loadBlock('usertools/font') ?>
 
	<?php if($this->countModules('search')) : ?>
	<div id="ja-search">
		<jdoc:include type="modules" name="search" />
	</div>
	<?php endif; ?>

devient :

<?php endif; ?>
 
	<?php if($this->countModules('headertop')) : ?>
	<div id="headertop">
		<jdoc:include type="modules" name="headertop" />
	</div>
	<?php endif; ?>
 
	<?php $this->loadBlock('usertools/screen') ?>
	<?php $this->loadBlock('usertools/font') ?>
 
	<?php if($this->countModules('search')) : ?>
	<div id="ja-search">
		<jdoc:include type="modules" name="search" />
	</div>
	<?php endif; ?>

2- Modification du fichier template.css

Chemin : templates > ja_purity_ii > css > template.css

On va commencer par modifier h1.logo afin de réglé un décalage créé par la suppression de l'image.

h1.logo { height: 79px; width: 207px; position: absolute; top: 0; left: 0; }

Ensuite on va disposer l'emplacement de la position headertop en haut à droite

#headertop {
	position: absolute;
	top:0;
	right:0;
	height: 80px;
	width: 600px;
	}

3- Rendre la position headertop sélectionnable

Il va falloir éditer le fichier templateDetails.xml

Chemin : templates > ja_purity_ii > templateDetails.xml

on va rajouter

<position>headertop</position>

Il ne nous reste plus qu'à nous rendre dans l'admin du module que l'on veut placer dans cette nouvelle position.

Il suffit alors de sélectrionner la position headertop dans le sélecteur de position du module.

joomlart ja purity 2

Joomlart - T3 Blank

Les liens intéressants