Mon site en Joomla 2.5
J'ai conservé mon ancien site en Joomla 2.5.6 avec le template beez_20.
J'ai mis à jour le haut de la page, enlevé les liens pour augmenter/diminuer la taille et relevé le logo.
mon ancien site 2.5.3
le template est beez_20 |
Modifier l'icône
Fichiers à modifier
Les modifications
Fichier index.php
Masquer les boutons pour la police
//$doc->addScript($this->baseurl.'/templates/'.$this->template.'/javascript/md_stylechanger.js', 'text/javascript');
Masquer le bouton fermer les infos
<!-- <h2 class="unseen"> <?php echo JText::_('TPL_BEEZ2_ADDITIONAL_INFORMATION'); ?> </h2> <div id="close"> <a href="#" onclick="auf('right')"> <span id="bild"> <?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?></span></a> </div> -->
Remplacer ou supprimer le contenu du pied de page
On pourra alors ajouter un module personnalisé à la position position-14
<div id="footer"> <jdoc:include type="modules" name="position-14" /> <!--<p> <?php echo JText::_('TPL_BEEZ2_POWERED_BY');?> <a href="http://www.joomla.org/">Joomla!®</a> </p> --> </div><!-- end footer -->
Relever le header, changer l'image de fond, titre sans mise en forme majuscules
Fichier personal.css
Changer le fond d'écran
body { /*background: #e0dedf url(../images/personal/bg2.png) repeat-x;*/ background: #fafafa url('../images/personal/headbg.jpg') top left no-repeat fixed; color: #333; font-family: arial, helvetica, sans-serif; } #all { color: #333; border:solid 0px ; padding-top:0px; /*background:#fff*/ }
Relever le header
/* #header { padding-top:10em } */ ... #all #header {/*padding-top:8.0em ;*/ padding-top:1.0em; }
Changer l'image du logo
.logoheader { /* background: #0c1a3e URL(../images/personal/personal2.png) no-repeat bottom right ;*/ background: url('../images/personal/montagne3.jpg') no-repeat top left ; background-size: 674px; color:#fff; /*added*/ /*min-height:200px;*/ margin:0em 10px 0 24px !important; }
Enlever les majuscules des titres
h1#logo { font-family: 'Titillium Maps', Arial; padding:0.9em 20px 20px 10px; /* titre sans les majuscule*/ /*text-transform:uppercase;*/ text-transform:none; font-weight:normal; margin-top:0; }