Utilisation d'Affix et design tout en hauteur ?

[jisse03]

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.

[thib4735]

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 :

<?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 :

<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 !

[lomart]

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

[ghazal]

Re : Utilisation d'Affix et design tout en hauteur ?

@lomart
Bonne astuce. Ca fonctionne nickel.

[thib4735]

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

[lomart]

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

[ghazal]

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é.

[ghazal]

Re : Utilisation d'Affix et design tout en hauteur ?

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

[lomart]

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

[jisse03]

Re : Utilisation d'Affix et design tout en hauteur ?

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

[lomart]

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

[jisse03]

Re : Utilisation d'Affix et design tout en hauteur ?

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.

[thib4735]

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

[lomart]

Re : Utilisation d'Affix et design tout en hauteur ?

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

merci pour la précision

Cela ne m'éclaire pas sur comment styliser mes menus

mettre des suffixes de classes dans les paramètres du menu avec un peu de css derrière
l'override, c'est en dernière extrémité

[jisse03]

Re : Utilisation d'Affix et design tout en hauteur ?

[QUOTE=lomart;920333]merci pour la précision{/QUOTE]
Je suis très concerné par l'accessibilité, développant souvent des sites accessibles aux non voyants..
Et pour info, plus de 91% des sites francophones ne sont pas accessibles, ce qui montre un manque total de respect envers les handicapés visuels.