Utilisation d'Affix et design tout en hauteur ?

[thib4735]

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

Mais rassure moi, ce que tu proposes là c'est un menu Affix statique, pas un menu qu'on peut changer, afficher ou encore cacher comme on veut depuis le back si ?

(sinon je vais piquer le module d'un menu et le modifier comme je peux pour voir ce que ça donne !)

[jisse03]

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

Sans même un module, ça fonctionne et survit bien aux mises à jour (par expérience)

[thib4735]

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

Plus qu'une simple ligne à ajouter, il faut créer un module visiblement et le faire bien pour que l'intégration soit parfaite, pour que le module survive aux prochaines upgrades etc.. j'avoue que cela semble dépasser mes maigres compétences.

[jisse03]

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

regardes juste comment inclure affix dans le header de la page...

ça reste classique

Quand j'aurai un peu de temps, je ferai un tuto sur l'inclusion affix dans un template

[thib4735]

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

Le source donne la syntaxe mais cela ne me donne pas les inclusions (je parle ici des <jdoc:..) et j'ai du mal à savoir comment intégrer ce type de menu. Ok pour ajouter le js dans le dossier du template mais pour définir les positions ou encore pour définir le type d'affichage.. il va me falloir encore chercher.
En passant, le source montre une copie bête et méchante de la doc Bootstrap avec quelques commentaires pour ce qui n'est pas inclus !

<ul class="nav nav-list bs-docs-sidenav affix" data-spy="affix" data-offset-top="500">
|
|
|
<li><a href="#thumbnails"><i class="icon-chevron-right"></i> Thumbnails</a></li>
<li><a href="#alerts"><i class="icon-chevron-right"></i> Alerts</a></li>
<!-- <li><a href="#progress"><i class="icon-chevron-right"></i> Progress bars</a></li>-->
<li><a href="#misc"><i class="icon-chevron-right"></i> Misc</a></li>
</ul>

[jisse03]

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

Ce n'est pas dans les inclusions par défaut de Joomla!, mais en utilisant la visualisation du source de la page de la doc , tu as tous les includes et autres qui sont en place

Affix n'est qu'une simple surcouche sub-menus intégrables à Bootstrap
Le "manual setup" consiste à inclure le JS correct et les balises dans le contenu

[thib4735]

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

Merci pour ce lien, wright semble très intéressant en effet, je vais jouer avec pour voir ce que je peux en tirer. Cela dit, il est clairement dit au début de la doc

"Important This documentation makes use of Boostrap's built in javascript and elements to provide the navigation seen on the left (Affix). While this can be achieved using Bootstrap, it is not part of Joomla's default menu presentation and requires manual setup."

Et il n'est aucunement fait mention d'Affix par la suite

[ghazal]

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

@jisse03
Lol. Sur tes conseils, dans un autre post, j'étais en train de reregarder wright (joomlashack), que j'avais relégué au fond d'un dossier templates joomla...
Et c'est vrai que leur template Parallax est bluffant.

[jisse03]

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

Bonjour,

Salut,
il y a un exemple de menu "affix" dans wright, un template gratuit de joomlashack (qui devrait être compatible 3.0) :

http://wright.joomlashack.com/demo/documentation-and-setup

Ca devrait t'aider à démarrer.

Si je peux préciser, Wright est le framework templates de JoomlaShack, redoutablement bien conçu, et utilisant d'excellente manière Bootstrap.
Tous leurs templates les plus récents sont bâtis sur ce framework (voir leur démo du template Parrallax, assez impressionant dans ses trouvailles autour de Bootstrap).

[ghazal]

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

Salut,
il y a un exemple de menu "affix" dans wright, un template gratuit de joomlashack (qui devrait être compatible 3.0) :

http://wright.joomlashack.com/demo/documentation-and-setup

Ca devrait t'aider à démarrer.

[thib4735]

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

Merci pour cette réponse, mais tu répondais à quelle question ?
Concernant la doc bootstrap sur Affix je la trouve légère sachant qu'il faut combiner "affix" avec spy et là dessus il n'y a rien.
Pour ce qui est la réécriture du temps c'est ce qui me pose le plus problème a priori, pour intégrer un menu affix en fonction de la page dans laquelle l'internaute est..

[lefabdu51]

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

vas falloir jouer de l'integration de javascript, et une reecriture du template.. C est pas du tout impossible...toute la construction html du template est dans la doc twitter

[thib4735]

Bonsoir à tous,

J'ai pleins de questions de pseudo-débutant par rapport à ce que j'ai vu qu'il était possible de faire avec bootstrap et ce que j'aimerais faire avec Joomla.

Tout d'abord, question simple qui reste sans réponse pour moi:
Est-il possible d'intégrer simplement un menu Affix comme décrit ici: http://twitter.github.com/bootstrap/...ipt.html#affix

J'aimerais faire un design de site tout en hauteur (ça va scroller !) et j'aimerais savoir s'il était possible "simplement" de définir des article à afficher les uns à la suite des autres tout en utilisant le système de grid de Bootstrap. Par exmple, définir 1 article composé d'un span4 avec une image et un span8 avec du text, en dessous, un autre article avec un span 12 et du text... ou bien dois-je implémenter tout ce beau monde au sein d'un seul et même article dans lequel je m'amuserai avec les row-fluid et les span ?

N'hésitez pas à me dire si mes questions ne sont pas claires.

Merci beaucoup