Utilisation d'Affix et design tout en hauteur ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • thib4735
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Merci beaucoup à tous les 2 pour ces précisions.
    C'est effectivement plus élégant que ce que j'avais fait. Cela ne m'éclaire pas sur comment styliser mes menus mais je vais chercher, je suppose que pour ça je ne peux pas faire autrement qu'en faisant un overide du mod_menu (ça j'avoue que je ne sais pas vraiment ce que c'est, copier/coller/renommer/modifier/installer ?).

    Je vais regarder pour ajouter ce qu'il faut aussi pour qu'il soit 'responsive'. Merci beaucoup

    Laisser un commentaire:


  • jisse03
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Envoyé par lomart Voir le message
    Pourquoi ? c'est pas un floating menu !
    c'est vrai c'est un fixed menu qui en restant à la même place donne l'impression qu'il flotte
    Il y a plein de gadgets à expérimenter avec Affix.. Le floating, mais aussi le bottom of page float ou autres trucs très marrants.

    Et le plus fort, c'est que le tout reste conforme avec les normes d'accessibité non voyants..

    Enfin, là pour l'accessibilité, on dépend aussi de l'implémentation.

    Laisser un commentaire:


  • lomart
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Il y en a même d'autres... genre utiliser Affix en floating menu
    Pourquoi ? c'est pas un floating menu !
    c'est vrai c'est un fixed menu qui en restant à la même place donne l'impression qu'il flotte

    Laisser un commentaire:


  • jisse03
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Envoyé par lomart Voir le message
    C'est pas grave!
    et 2 façons d'expliquer valent mieux qu'une
    Il y en a même d'autres... genre utiliser Affix en floating menu

    Laisser un commentaire:


  • lomart
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    ... bon, j'ai perdu la compète ... lol
    C'est pas grave!
    et 2 façons d'expliquer valent mieux qu'une

    Laisser un commentaire:


  • ghazal
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    ... bon, j'ai perdu la compète ... lol

    Laisser un commentaire:


  • ghazal
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    On reprend :
    1-créer un module mod_menu pour le menu en position personnalisée "toto". Publier/Assigner partout.
    2- créer un module personnalisé en position ou tu veux.
    3-
    le code est à mettre où ?
    dans le module personnalisé, avec l'éditeur en mode source ou code, et tel que lomart l'a proposé.

    Laisser un commentaire:


  • lomart
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Bonsoir,

    Vous ne touchez ni au xml, ni au php. Tout se fait dans l'administration de Joomla

    Etape 1 : identique à la création d'un module pour le menu sauf que l'on ne choisit pas la position dans la liste mais que l'on tape son nom "toto" ou autre selon votre humeur. Vous pouvez aussi modifier la position du module existant.

    Etape 2 : création d'un module html personnalisé. Le code est à insérer en mode source HTML

    Laisser un commentaire:


  • thib4735
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Désolé de vous embêter mais je n'ai pas compris les 2 étapes de bricolage.
    1 - créer un module mod_menu pour le menu en position personnalisée "toto"
    N'est-ce pas ce que j'ai fait ? EN créant dans le Back un nouveau module de type Menu .? Ne faut-il pas renseigner la position dans le template.xml ?
    2 - créer un module personnalisé à la position de publication avec le code suivant
    le code est à mettre où ?

    Merci

    Laisser un commentaire:


  • ghazal
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    @lomart
    Bonne astuce. Ca fonctionne nickel.

    Laisser un commentaire:


  • lomart
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Bonjour,

    L'idéal et le conventionnel est de faire un override de mod_menu, mais une solution bricolée peut convenir

    1 - créer un module mod_menu pour le menu en position personnalisée "toto"
    2 - créer un module personnalisé à la position de publication avec le code suivant
    <div data-offset-bottom="0" data-spy="affix">
    {loadposition toto}
    </div>
    et même pas besoin de jouer dans l'index.php

    Laisser un commentaire:


  • thib4735
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Ok Merci, ça fait déjà une bonne réponse !
    En y regardant de plus près voilà ce à quoi j'arrive pour l'instant. Positionner un menu à peut-près où je voudrais en ajoutant un sobre :

    Code HTML:
    <?php if ($this->countModules('MenuAffix')): ?>
    	<div class="span3 bs-docs-sidebar">
    	<jdoc:include type="modules" name="MenuAffix" style="xhtml" />
    	</div>
    <?php endif; ?>
    Dans l'index.php et après avoir rajouté une position MenuAffix dans template.xml
    J'ai ajouté un module de type Menu dans le back, nommé Affix et positionné en AffixMenu.

    Pour styliser le menu j'ai ajouté à la classe du menu (onglet paramètres avancés>Suffix CSS de menu) "nav nav-list bs-docs-sidenav affix-top"

    Ce qui me donne au final :

    Code HTML:
    <div class="span3 bs-docs-sidebar">
    <div class="moduletable">
    	<h3>Affix</h3>
    	<ul class="nav menu nav nav-list bs-docs-sidenav affix-top">
    		<li class="item-477"><a href="/joomla3/index.php/titre-1">Titre 1</a></li>
    		<li class="item-478 current active"><a href="/joomla3/">Titre </a></li>
    		<li class="item-479"><a href="/joomla3/index.php/titre-3-aff">Titre 3 Aff</a></li>
    	</ul>
    </div>
    </div>
    En gros il me manque la possibilité supprimer ce vilain div moduletable, d'ajouter les class que je veux à mes <li> de rajouter des icons <i></i> après les titres, et puis ajouter tout ce qu'il faut pour que le menu soit en position relative fixe et que les menus changent en fonction du scroll de la page (avec scrollspy) enfin bref j'ai pas fini !
    Dernière édition par thib4735 à 12/12/2012, 00h04

    Laisser un commentaire:


  • jisse03
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    la gestion langues, c'est du côté Joomla!
    Si tu respectes ça http://multilingual-joomla-demo.clou...-by-steps.html tout se passe bien.

    Laisser un commentaire:


  • thib4735
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Bah là personnellement, ce qui me manque, c'est de comprendre comment, sans créer de module, tu peux insérer des liens pour créer un menu. car tout ce que je vois c'est des <jdoc:include type="modules" name="banner" style="xhtml" />
    Le reste, c'est le module qui gère et ça c'est malheureusement encore trop obscure.

    Après l'Affix en tant que tel ça n'est certainement pas sorcier... certainement..

    Autre chose qui me gêne et que je ne maitrise pas non plus, c'est les changements de langues.. comment c'est géré dans J!3 et si on peut faire ça dans ces menus avec l'outil en natif simplement. Créer un Affix dont il est possible de changer la langue.. ici aussi selon moi c'est le module qui doit gérer ça.

    J'ai essayé d'ouvrir les fichiers du module menu et il y a trop de choses que je ne comprends pas...
    Dernière édition par thib4735 à 11/12/2012, 23h26

    Laisser un commentaire:


  • jisse03
    a répondu
    Re : Utilisation d'Affix et design tout en hauteur ?

    Suivant ta maîtrise, tu peux en faire ce qu etu veux (menu statique dans un article, menu dynamique en position...)

    Ce qui manque à Affix c'est un tuto complet

    Mais là, ça prend du temps à écrire.

    Laisser un commentaire:

Annonce

Réduire
Aucune annonce pour le moment.

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X