Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Menu lateral flottant

Benjamin
le 5 janvier 2015
à 11:11
Rappel du sujet :

Bonjour,

Je suis en train de fignoler mon site et je voudrais savoir si il est possible d’avoir un menu latéral flottant ?

J’essaye d’avoir une interface plutot épurée avec un seul menu latéral mais celui-ci disparaît sitôt que l’on scroll un peu vers le bas, existe il une solution dans Escal pour l’avoir constamment affiché ?

D’avance merci

Benjamin

Menu lateral flottant

Oui, on peut !

 on copie le fichier inc-menu_vertical.html de /escal/inclusions vers /squelettes/inclusions (dossier à créer s’il n’existe pas)

 dans cette copie, on rajoute

<div class="fixmenu">

en début de fichier
et

</div>

en fin de fichier

 dans le fichier /squelettes/styles/perso.css (dossier et fichier à créer s’ils n’existent pas), on met

.fixmenu {
 position: fixed;
 width: 190px;
}

et hop !

Menu lateral flottant

Bonjour,

merci pour votre réponse, j’ai appliquer vos consignes concernant le menu flottant mais je n’arrive malheureusement pas a obtenir l’effet désiré.

J’ai l’impression de passer a coté de quelque chose avec ces histoires de
inc-kekchose, c’est en effet la 2eme fois que je m’y frotte et aucune de mes tentatives n’a fonctionné.

Je décortique ce que j’ai fait :
 j’ai créé le dossier \data\localweb\spip\squelettes\inclusions
 dans lequel j’ai copié le fichier inc-menu_vertical.html que j’ai trouvé dans \plugins\auto\escal\v3.78.66\inclusions
 J’ai modifié inc-menu_vertical.html pour y ajouter
<div class="fixmenu">
en début de fichier et
</div>
en fin de fichier
 j’ai ensuite créé un dossier \squelettes\styles dans lequel j’ai créé un fichier perso.css vierge que j’ai ensuite édité pour y coller

.fixmenu {
position: fixed;
width: 190px;
}

 J’ai ensuite rechargé la page, vidé le cache, attendu 5 minutes mais rien n’advint.

A savoir que pour l’instant le site est en local, peut être que ça a une incidence.

L’autre fois ou j’ai tenté de jongler avec un inc-kekchose, c’est en tentant de faire sauter la limite de taille d’image dans les articles (limitée a 400 px), comme recommandé ici et

 j’ai donc copier le fichier inc-article.html dans \squelettes\inclusions j’ai modifié les valeurs 400 en 760 en esperant que la limite passe a 760 mais non
 j’ai créé un fichier mes_options.php dans le dossier \config dans lequel j’ai écris :

<?php
  
define('_IMG_MAX_WIDTH', 5000);
define('_IMG_MAX_HEIGHT', 5000); 

?>

ni l’un ni l’autre n’ayant eu le moindre effet. J’ai essayé plein de chose, je n’y arrive pas. Pouvez vous m’aider ?

Encore une fois merci d’avance pour votre aide.

Benjamin

Menu lateral flottant

Hello

Peut-être utilises-tu l’autre menu vertical ?
Si tu utilises le menu qui se déplie vers le bas, alors, ce que tu as fait doit fonctionner.
Si tu utilises celui qui se déplie vers la droite alors, c’est le fichier inc-menu_vertical2.html qu’il faut copier et modifier de la même façon.

Pour le reste, attention, parfois j’ai rajouté une option dans Escal. Donc plus besoin de coder dans ce cas.
Attention aussi à ne pas confondre la taille maxi de l’affichage d’une image dans un article et la taille maximale de l’image qu’on peut téléverser.

Dans le cas de la taille maxi de l’affichage des images réglée à 400px par défaut, tu peux la changer dans la config d’Escal : Les pages internes -> les articles -> Largeur maximum des images

Pour la taille maxi des images téléversées, ton fichier mes_options.php me parait correct et au bon endroit ... difficile d’aider plus sans avoir la main. Mais des images de 5000px de large, c’est énorme, non ?!!

Ensuite, on vide le cache spip (en recalculant la page) et le cache navigateur (en rafraichissant la page avec F5) et ça devrait être ok

Menu lateral flottant

Bonjour et encore merci,
merci parceque la j’ai vraiment avancé.

Concernant la modif d’un fichier inc-quelquechose, il faut choisir le bon, j’ai compris en vous lisant qu’en fait ce n’était ni inc-menu_vertical.html ni inc-menu_vertical2.html mais en fait inc-article_libre1&2.html.
Quand on parle des bonnes choses ça aide vachement.
Conclusion, c’est de ma faute, mon énoncé n’était ni exact, ni complet, résultat maintenant ça marche très bien.

Concernant la taille des images, encore une fois je me suis bien compliqué la tache, il suffisait effectivement de changer la valeur dans " Les pages internes -> les articles -> Largeur maximum des images". En cherchant sur google je me suis référé a de trop anciennes méthodes. J’ai donc tout remis en ordre (5000px de large > n’importe quoi)
Conclusion, quand on est désespéré on fait n’importe quoi, résultat : ça marche, j’ai exactement ce que je veux.

merci merci merci

Benjamin

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.1.3