Toggle navigation
La Cagette de Montpellier
La Cagette c'est quoi ?
Le Magasin
Les produits et les fournisseurs
Nos objectifs et nos valeurs
Histoire de la Cagette
Gouvernance et Organigramme
La Cagette en Chiffres
Le Réseau des Coopératives
La Gazette
Mentions légales
Comités
Actualités
Fil d'Actu
Evénements à venir
Calendrier des événements
Agenda des réunions
Participer
Devenir Coopérateur.rice
En plus de mes 3h.. (Wanted)
Répertoire des procédures
Questions / Réponses
Boite à Outils
Forum
Espace Membre
Se connecter
×
Se connecter
Mot de passe perdu ?
Se souvenir de moi
S'inscrire
Participer au site
Mise à jour des fiches
Développement du site
Gestion du site
Tableau de bord
Base de données
Aide
Activer JavaScript pour joindre des fichiers.
Joindre / Insérer un fichier
Annuler
Échoué
×
Télécharger le fichier
Texte du lien de téléchargement
Alignement de l'image
Gauche
Centre
Droite
Taille de l'image
Miniature (140x97)
Moyenne (300x209)
Large (780x544)
Taille originale
Texte de la vignette
Paramètres avancés
Lien associé
Effets graphiques
Bord blanc
Ombre portée
Agrandissement au survol
Texte de remplacement
****{{tocjs align="left"}} ====== * PARTICIPER AU SITE DE LA CAGETTE====== **Il y a deux façons de participer au site : - Ajouter des informations sur les pages du site et faire vivre les actualités des Comités, des événements, des réunions.... - Participer au developpement du site, créer de nouveaux modules, embellissement du site... Participer au site ne demande pas de connaissances particulières en informatique !! C'est accessible à tout le monde !** =====**A- Devenir Wikinaute.ette**===== Pour modifier des pages ou ajouter du contenu, il va falloir vous connecter avec un identifiant. Envoyer un message à Adrien à l'aide du bouton ci-dessous afin qu'il vous ajoute à la liste des personnes pouvant modifier le site. ( réponse rapide !) {{button class="btn-warning" link="https://forum.lacagette-coop.fr/messages/add/Adrien%20LEURENT" text="Envoyer un message à Adrien"}} Dès lors que vous êtes inscrit sur la liste des personnes pouvant modifier ( groupe membre ), vous pouvez vous connecter afin de pouvoir modifier le site. =====**B- Ma première connexion**===== Vous pouvez ouvrir une nouvelle page pour vous inscrir afin de pouvoir garder celle-la ouverte pendant l'inscription. ===Tutoriel=== {{grid}} {{col size="10"}} 1 - Cliquez sur la **roue crantée** en haut à droite {{attach file="roueJPG.png" desc="image roueJPG.png (53.2kB)" width="300" height="300" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 2 - Cliquez sur **Se connecter** {{attach file="connecter.png" desc="image connecter.png (50.7kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 3 - Cliquez sur **S'inscrire** {{attach file="inscire.png" desc="image inscire.png (0.1MB)" width="400" height="400" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="12"}} 4 - Compléter le formulaire comme expliqué ci-dessous Votre identifiant se compose de votre prénom et votre nom de famille, sans accent, tout accroché avec une majuscule à chacun des deux. {{attach file="idnetifiant.png" desc="image idnetifiant.png (0.2MB)" width="1500" height="1500" class="left"}} {{end elem="col"}} {{col size="10"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 5 - Votre identifiant doit maintenant apparaitre lorsque vous cliquez sur la roue crantée. {{attach file="identifiant_nom.png" desc="image identifiant_nom.png (0.2MB)" width="300" height="300" class="left"}} {{end elem="col"}} {{col size="10"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 6 - La prochaine fois que vous voulez vous connecter, cliquez sur **Se connecter** {{attach file="connecter.png" desc="image connecter.png (50.7kB)" width="300" height="300" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} **Si vous avez des difficultés à vous inscrire ou autres, n'hésitez pas à envoyer un message à Adrien... ** {{button class="btn-warning" link="https://forum.lacagette-coop.fr/messages/add/Adrien%20LEURENT" text="Envoyer un message à Adrien"}} =====**C- Ajouter / Modifier des Fiches**===== {{grid}} {{col size="7"}} Vous pouvez modifier les fiches qui composent le site : - Les fiches Événements - Les fiches Comités - Le fiches Actualités - Les fiches Participer (Wanted) ===Menu de Mises à jour des fiches=== Pour cela rien de plus simple : 1- Cliquez sur la roue crantée en haut à droite 2- Cliquez sur **Mise à jour des fiches** 3- Cliquez sur le bouton en fonction du type de fiche que vous voulez ajouter / modifier. {{end elem="col"}} {{col size="5"}} {{attach file="miseajourdesfichemenu.png" desc="image miseajourdesfichemenu.png (0.1MB)" size="original" class="left"}} {{end elem="col"}} {{end elem="grid"}} ===Modifier une fiche=== {{grid}} {{col size="10"}} 1- Cliquez sur le bouton correspondant au type de la fiche que vous souhaitez modifier {{attach file="rechercheretmodifer.png" desc="image rechercheretmodifer.png (12.4kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 2- Recherchez et cliquez sur la fiche que vous voulez modifier, vous pouvez utiliser la barre de recherche pour affiner les résultats proposés {{attach file="cliquezlaficheourechercher.png" desc="image cliquezlaficheourechercher.png (31.9kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 3- Lorsque vous cliquez sur la fiche, celle-ci se "développe" et vous trouverez un bouton **modifier** en bas de la fiche. Le bouton Supprimer apparait seulement si êtes propriétaire de la fiche. {{attach file="mdiffiche.png" desc="image mdiffiche.png (91.3kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 4- Vous pouvez alors modifier votre fiche à votre convenance et n'oubliez pas de valider lorsque vous avez terminé. Le bouton validé se trouve en bas du formulaire {{attach file="oubliezdevalider.png" desc="image oubliezdevalider.png (4.3kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 5- Lorsque vous naviguez sur le site, vous pouvez également modifier une fiche en cliquant sur le bouton "Éditer la page" en bas de la fiche {{attach file="editerlapage.png" desc="image editerlapage.png (80.9kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} =====**D- Boite à outil Yeswiki : La Base !**===== {{grid}} {{col size="11"}} Il existe un pense bête qui est matérialisé par un point d'interrogation dans le menu édition d'une page ainsi que dans les champs texte des fiches il regroupe les principales fonctions faciles qu'on peut faire sur une page. Le plus simple est de copier le code qui vous intéresse, de le coller dans votre page et de le modifier selon vos besoins Je vous laisse découvrir... {{attach file="DevSite1_pointinterrogation_20190702172959_20190702153140.png" desc="image DevSite1_pointinterrogation_20190702172959_20190702153140.png (37.4kB)" size="original" class="left"}} Vous pouvez copier ces bouts de codes sur les pages du site mais également sur les fiches : événements, actualités, wanted, Comités... Pour intégrer du code dans une fiche, il faut coller le code dans un champ texte du formulaire.. les champs textes d'une fiche fonctionne exactement pareil que le menu édition d'une page. {{end elem="col"}} {{col size="1"}} {{end elem="col"}} {{end elem="grid"}} =====**E- Personnaliser ma Fiche**===== L'espace texte d'une fiche peut servir à intégrer un petit bout de code : un iframe, un tableau, une action, un graph, un lien.... ===1 - Ajouter un tableau sur ma fiche=== Lorsque vous modifiez votre fiche, vous pouvez ajouter des bouts de code dans les champs texte. Vous pouvez retrouver des exemples de codes à rajouter sur votre fiche dans la boite à outil Yeswiki matérialisé par un point d’interrogation ( Cf D- Boite à outil Yeswiki) {{grid}} {{col size="11"}} 1- Lorsque vous êtes en train de modifier votre fiche, Cliquez sur le point d'interrogation marron ( Pense bête Yeswiki) qui se trouve en haut du champ texte {{attach file="Capture.jpg" desc="image Capture.jpg (8.6kB)" size="original" class="left"}} {{end elem="col"}} {{col size="1"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="11"}} 2- Copier le code correspondant au tableau comme l'exemple ci-dessous {{attach file="Capture2.jpg" desc="image Capture2.jpg (13.3kB)" size="original" class="left"}} {{end elem="col"}} {{col size="1"}} {{end elem="col"}} {{end elem="grid"}} {{grid}} {{col size="10"}} 3- Colle le code du tableau dans le champ texte de votre fiche. {{attach file="espcaetcte.png" desc="image espcaetcte.png (56.7kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} 4- Il faut maintenant remplacer les textes de l'exemple par les textes que vous souhaitez. 5- Si vous rajoutez des petites barres verticales, cela rajoutera des colonnes, le plus simple reste de copier-coller les barres autant de fois que nécessaire. 6- L'espacement entre le texte et les barres définira la position du texte dans la colonne : aligné à gauche / centré / aligné à droite 7- Exemple de rendu [| | 16:00 |Début des festivités| | 16:00 - 18:00|Foire aux comités partenaires producteurs| | 18:00 - 19:00|Théâtre Forum| | 19:30|Repas (payant)| | 21:15|Concert So Fresh| | 23:00|Cosmyte| | 00:30|Fin des festivités| |] ===2 - Ajouter un iframe dans ma fiche=== Un iframe permet de faire apparaitre le contenu d'une autre page internet sur sa fiche. c'est comme un encadré dans lequel apparait une autre page internet. Cela permet de montrer tout de suite un élément sans avoir à passer par lien. {{grid}} {{col size="10"}} Lorsque vous modifiez votre fiche, vous pouvez ajouter des bouts de code dans les champs texte. Vous pouvez retrouver des exemples de codes à rajouter sur votre fiche dans la boite à outil Yeswiki matérialisé par un point d’interrogation ( Cf D- Boite à outil Yeswiki) {{attach file="espcaetcte.png" desc="image espcaetcte.png (56.7kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} Dans le cas d'un iframe, vous pouvez copier le code ci-dessous et le coller dans le champ texte de votre fiche %%""<iframe width=100% height="500" src="LIEN DE LA PAGE A AFFICHER" frameborder="0" allowfullscreen></iframe>""%% Puis l'adapter à vos besoins : Width= % : Correspond à l'espace occupé par l'iframe sur **la largeur** de la page, 100 étant le maximum height=" " : Correspond à l'espace occupé par l'iframe sur **la hauteur** de la page frameborder=" " : afficher un cadre à l'iframe ou pas de cadre / 1=oui 0=non Ne pas oubliez de mettre/laisser les 2 guillemets au début et à la fin Exemple d'un iframe : ""<iframe width=100% height="500" src="https://docs.google.com/spreadsheets/d/1yHqrrtsOitVyDBOKbV5l49knl_e6e8BVPopN1zF1B7M/edit#gid=0&range=A1:F4" frameborder="0" allowfullscreen></iframe>"" ------ ===3 - Créer un lien vers une autre page=== Créer un lien représenté par un mot ou un groupe de mot - Copiez (Ctrl+C) l'adresse de la page vers laquelle le lien doit rediriger - Sélectionnez les mots qui représenteront le lien ( 1 ) - Cliquez sur Lien ( 2 ) - Coller ( Ctrl+V) l'adresse de la page {{grid}} {{col size="10"}} {{attach file="faire_un_lien.png" desc="image faire_un_lien.png (48.1kB)" size="original" class="left"}} {{end elem="col"}} {{col size="6"}} {{end elem="col"}} {{end elem="grid"}} ======* POUR ALLER PLUS LOIN...====== ====Les Couleurs ==== {{attach file="palette_couleurajuster.png" desc="image palette_couleurajuster.png (6.4kB)" size="original" class="left"}} {{grid}} {{col size="1"}} {{end elem="col"}} {{col size="2"}} #59748C Couleur Wiki: success {{end elem="col"}} {{col size="2"}} #F2DD9F Couleur Wiki : warning {{end elem="col"}} {{col size="2"}} #D88F36 Couleur Wiki : alert {{end elem="col"}} {{col size="2"}} #A55F21 Couleur Wiki : primary {{end elem="col"}} {{col size="2"}} #592A0F Couleur Wiki : info {{end elem="col"}} {{end elem="grid"}} ====Les Boutons==== ===Simple=== Il redirige vers une autre page Copier le code ci-dessous et coller le dans le menu edition de votre page : %%{{button class="btn-warning" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}%% Cela donne un bouton comme ça : {{button class="btn-warning" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}} - Il faut remplacer VOTRE LIEN par le lien URL vers lequel vous voulez rediriger - Il faut remplacer TEXTE AFFICHE SUR LE BOUTON par le Texte que vous souhaité afficher sur le bouton.... sans déconner... :-) ===Nouvel Onglet=== - Il redirige vers une autre page mais dans un nouvel onglet - La page initial reste ouverte Copier le code ci-dessous et coller le dans le menu edition de votre page : %%""<a href="VOTRE LIEN" target="_blank" class="btn btn-warning">TEXTE AFFICHE SUR LE BOUTON</a>""%% Cela donne un bouton comme ça : ""<a href="VOTRE LIEN" target="_blank" class="btn btn-warning">TEXTE AFFICHE SUR LE BOUTON</a>"" - Il faut remplacer VOTRE LIEN par le lien URL vers lequel vous voulez rediriger - Il faut remplacer TEXTE AFFICHE SUR LE BOUTON par le Texte que vous souhaité afficher sur le bouton.... vous avez compris non ? :-) ===Pop-up/Modal=== Il ouvre une fenetre pop-up dans laquelle il fait apparaitre la page correspondant au lien que vous avez renseigné dans le code Copier le code ci-dessous et coller le dans le menu edition de votre page : %%{{button class="btn-warning modalbox" link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}%% Un exemple ci-dessous : {{button class="btn-warning modalbox" link="https://lacagette-coop.fr/?comprendrelorganigramme" text="TEXTE AFFICHE SUR LE BOUTON"}} ===Bouton large=== Copier le code ci-dessous et coller le dans le menu edition de votre page : %%{{button class="btn-warning btn-lg" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}%% Cela donne un bouton comme ça : {{button class="btn-warning btn-lg" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}} ===Bouton Petit=== Copier le code ci-dessous et coller le dans le menu edition de votre page : %%{{button class="btn-warning btn-sm" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}%% Cela donne un bouton comme ça : {{button class="btn-warning btn-sm" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}} ===Bouton XS=== Copier le code ci-dessous et coller le dans le menu edition de votre page : %%{{button class="btn-warning btn-xs" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}%% Cela donne un bouton comme ça : {{button class="btn-warning btn-xs" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}} ===Bouton Block=== Copier le code ci-dessous et coller le dans le menu edition de votre page : %%{{button class="btn-warning btn-block" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}%% Cela donne un bouton comme ça : {{button class="btn-warning btn-block" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}} ====Barres de navigation==== ===Navs bar=== Cela permet de créer un menu horizontal qui redirige vers d'autre pages. Pour le menu "Navs bar" apparaisse sur toutes les pages, **il faut mettre le code sur toutes les pages concernées**. Le code se décompose en deux partie : - nav link : Mettre les liens des différentes pages séparées par des virgules, Les liens apparaitront de gauche à droite sur la page - Titles : Mettre, dans le même ordre que les liens les titres des barres de navigation. Il faut également les séparer par des virgule Copier le code ci-dessous et coller le dans le menu edition de votre page, adaptez le code selon le nombre de barre de navigation que vous souhaitez : %%{{nav links="Lien Barre Navigation 1, Lien Barre Navigation 2, Lien Barre Navigation 3, Lien Barre Navigation 4" titles="Titre Barre Navigation 1, Titre Barre Navigation 2, Titre Barre Navigation 3, Titre Barre Navigation4" class="nav nav-pills nav-justified"}}%% Un exemple ci-dessous : {{nav links="Lien Barre Navigation 1, Lien Barre Navigation 2, Lien Barre Navigation 3, Lien Barre Navigation 4" titles="Titre Barre Navigation 1, Titre Barre Navigation 2, Titre Barre Navigation 3, Titre Barre Navigation4" class="nav nav-pills nav-justified"}} ====Séparateur==== Permet d'ordonner une page, de séparer du texte... Vous pouvez adapter la barre selon vos envies en adaptant les paramètres ci-dessous : - height: xx px : Modifie les pixels c'est à dire l'épaisseur de la barre - color: Modifie la couleur de la barre - se référer aux couleurs définis plus haut dans la rubriques "Les Couleurs" - width: modifie la longueur de la ligne : 100% = toute la largeur de la page Copier le code ci-dessous et coller le dans le menu edition de votre page : %%""<hr style="height: 2px; color: #A55F21; background-color: #A55F21; width: 50%; border: none;">""%% Un exemple ci-dessous : ""<hr style="height: 2px; color: #A55F21; background-color: #A55F21; width: 50%; border: none;">"" ""<hr style="height: 2px; color: #A55F21; background-color: #A55F21; width: 50%; border: none;">""
Sauver
Annuler
Thème
Protection anti-spam active