Menu principal
Accueil
Joomla
Cours
Design
Forum
Actualité Numérique
Telechargements
Proposer un article
Fonds d'écran
Liens Web
|)- Forum IFPA -(|
plan du site
Qui est en ligne
Identification





Mot de passe oublié ?
Pas encore de compte ? Enregistrez-vous
Des Erreurs ?
Pour nous signaler une erreur
sélectionnez le texte puis SHIFT + ENTER

 

accueil
fév
07
2008
Installer le template Jsn Pic Convertir en PDF Version imprimable Suggérer par mail
Écrit par Laurent   

Dans un premier temps, on va s’occuper du design. On appelle ça un « template ». On va donc installer un template très design et complet .Télechargez celui là.

Décompressez l’archive avec winrar. Normalement, vous obtenez un dossier avec deux fichiers jsn_epic_1.0.6.zip et mod_exmenu.zip.

On va installer le template dans un premier temps, l'autre fichier étant un module, j'expliquerais ça plus tard. 

Allez dans Installation ->Template site ->parcourir (recherchez le fichier  "jsn_epic_1.0.6.zip" fraichement télechargé et selectionnez le->Installer

installtemplate.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ensuite sélectionnez le template jsn_epic comme template par defaut :

template_default.jpg

 

Qu'est ce qu'un module alors?

C'est un bloc que l'on trouvera généralement dans la colonne de gauche ou la colonne de droite de notre site. Certains modules sont pré-installés, d'autres, le plus souvent associés à des composants, peuvent être installés ultérieurement grâce à l'espace d'administration. Ce petit ajout (add-on) permet d'apporter une fonctionnalité supplémentaire à Joomla. Cependant, contrairement à un composant (forum, galerie, livre d'or...), ils sont essentiellement utilisés pour l'affichage de données, l'affichage des derniers articles parus, les plus populaires, les personnes actuellement connectées, voir même l’heure. Par ailleurs, ils peuvent servir pour afficher certaines ressources comme les menus, les bannières, le bloc
d'identification.

 Alors maintenant, on va installer le module qui va remplacer le menu de  base de joomla .Allez dans  "Installation ->Modules", choisissez le module  mod_exmenu.zip et installez le. Faites "Continuer..." Ensuite, allez dans "Modules->Modules du Site"

Cherchez la ligne "Extended Menu":

exmenu1.jpg

 cochez la, et en haut cliquez sur l'icone "Copier" .Vous allez avoir deux fois le module  mod_exmenu, sous deux noms,  Extended Menu et  Copy of Extended Menu .Répetez l'operation une fois de plus de sorte à avoir trois fois le module exmenu .Sélectionnez Extended Menu par exemple, en cliquant dessus .Renomez le "Menu Ex Haut" par exemple .Ca va être notre menu du haut, appeller "menu top" sous joomla . Cliquez  pour rentrer dans le parrametrage du module et parrametrez le de cette façon :

 exmenutop1.jpg

 

 

 

 

 

 

 

 

  • Menu Class Suffix: -suckerfish
  • Menu Name: topmenu
  • Expand Menu: Yes
  • Enable Menu Template: Yes
  • Template Name: /ext/extmenu/suckerfish/suckerfish.html

Maintenant on va s'occuper du menu principal à gauche :Allez dans " Gestionnaire de Modules" (Modules->Modules du Site).Selectionnez  "Copy of Extended Menu" et rentrez dedans. Renommez le "Menu Ex gauche" et éditez le :

  • Afficher Titre: non
  • Position:
    left
  • Publié: oui
  • Menu Class Suffix:
    -bullettree
  • Menu Name:
    mainmenu
  • Expand Menu:
    No
  • Enable Menu Template:
    Yes
  • Template Name: /ext/extmenu/bullettree/bullettree.html

  Maintenant le "Copy of Copy of Extended Menu" et éditez le :

  • Afficher titre: non
  • Publié: oui
  • Position: footer
  • Menu Class Suffix: -divbar
  • Menu Name: othermenu
  • Enable Menu Template: Yes
  • Template Name: /ext/extmenu/divbar/divbar.html

 

  Maintenant, on va installer la banière animée sur le haut du site .On appelle souvent cette position le "header" .  Télechargez un autre module  ,le JSN ImageShow ici (à droite "Download Free version").Sauvegardez le et installez le .Allez dans le gestionnaire de Modules, et éditez  "JSN ImageShow" :

  • Afficher titre: non
  • Publié: oui
  • Position: header
  • Image Folder: /images/header/
  • Width: 100%
  • Height: 250

  headerdemo_jsn.rar

Telechargez ce fichier compressé, decompressez le, et uploadez le à la racine de votre site .Ca vous donnera un exemple de header animé .


 


Recommandez (28) | Citez cet article sur votre site | Pages vues: 1290

Soyez le premier à commenter cet article
Flux RSS des commentaires

Seuls les utilisateurs enregistrés peuvent laisser un commentaire.
SVP, connectez vous ou enregistrez vous.

Powered by AkoComment Tweaked Special Edition v.1.4.5

 
Suivant >