« Joli Fablabo » : différence entre les versions

← Modification précédente

VisuelWikicode

Dernière version du 4 septembre 2025 à 14:51

faire ce site plus joli

Contributeur·ice·s

Cedric MOna Divag

Statut du projet

Prototype

License

CC-by-sa-3.0« CC-by-sa-3.0 » n’est pas dans la liste (Je ne sais pas, Licence à définir par la suite, Creative commons, Creative Commons Attribution CC-by-sa-3.0 France, Creative Commons Attribution CC-by-3.0 France, Creative Commons Attribution CC-by-nd-3.0 France, Creative Commons Attribution CC-by-nc-nd-3.0 France, Creative Commons Attribution CC-by-nc-3.0 France, Creative Commons Attribution CC-by-nc-sa-3.0 France, Licences libres, ...) des valeurs autorisées pour la propriété « License ».

Inspiration

http://wiki.labomedia.net

Fichiers source

http://fablabo.net/index.php/Fichier:Vectorfablabo.skin.zip

Machines

Matériaux

Lien

[ ]

Description du projet

faire ce site plus joli

File:vectorfablabo.skin.zip

la maquette du nouveau style

sobre et classieux

Pages exemples contenant toutes les sortes d'éléments

à checker avec la nouvelle skin

les pages DataFab :

Les pages suivantes font partie d'un jeu de templates qui sont appelés à être redistribués sous forme de jeu de pages exportable.

il faut transplanter les css dans ...une page?

ou direct dans le texte :

{{#css: body { background: yellow; font-size: 20pt; color: red; }}}

en utilisant https://www.mediawiki.org/wiki/Extension:CSS ? ou une autre solution

page projet

un pas trop plein : cette page même
un bien plein : Controleur_de_Lumière

particularité : dans le Modèle:Projet l'apparence du cartouche est dépendante du statut du projet

Pour l'instant ça pilote la couleur, mais on peut juste mettre un tampon

bug relevé : le premier titre du texte libre n'apparait pas

page machine

le cartouche pour l'instant à droite est très laid

exemple :Laser_Smoothignstech

Page usager

je suis Cobaille

sera amené à évoluer...

Page Tache

exemple : Récupération_d'impression3D_stoppée_en_cours_de_route

Liste des projets

elle est là Accueil#Projets et est mise en forme avec Modèle:ListeProjets

ça chie avec vector skin

Liste des machines et des outils

à refaire (dans la page d'Accueil)

page logiciel

exemple : Ibniz

rien de spécial si ce n'est un tableau

un autre tableau est visible sur Laser_Smoothignstech/Modedemploi#Vitesses_de_travail

formatages divers

visibles dans Aide:Syntaxe

skins de bases

ici des pistes pour les skins de base

http://fablabo.net/mediawiki/index.php?title=Accueil&useskin=vector

Trucs à intégrer dans le cahier des charges

À faire pour Mona et Cedric

cliner les menus
refaire la page d'accueil
rajouter en pied de page "Un site animé par l'association PiNG" + logo
un bouton(s) "partager" sur twitter, identica et diaspora
une page "trucs à faire et coups de main à donner"

À faire pour Maelle

Fablabo:Actualités

Notes pour Gaetan

Faire un border image avec CSS http://www.pompage.net/traduction/la-propriete-border-image-en-css3

Voici le dossier contenant les éléments actuels de la maquette (page accueil et page projet modifiées, typo, etc) Fichier:Maquette elements.zip

Version de travail de mise en place du nouveau style : http://fablabo.net/index.php/Utilisateur:Divag/vector.css

Pour le site en général :

tout est dans MediaWiki:Common.css

- Se baser sur la skin vector

- Lignes en pointillés en svg pour les niveaux 1 et 2

- Grand cadre page = traits crayonnés

- Background blanc

- Logo rafraichi, 150x150px -> à fournir par ping

- Puces : on part sur les flèches vers le côté et vers le bas, c'est la solution la plus claire

- Typo général : Arial / Typo titre à trancher par PiNG

- Couleurs :

   texte  #4d4d4d
   liens #b46508
   liens suivis   #fe8b04
   liens cassés #c20000

Menu top :

- barres séparations verticales des boutons édition : trait estompé

- garder menu déroulant de la skin vector

- bouton recherche : pas de fond grisé du bouton, faire propositions d'un look plus léger (meme typo que le logo)

Sidebar :

- séparation sidebar : garder les traits horizontés estompés de la skin vector

Page projet :

- pour le statut : tampon à cheval sur le cartouche // à revoir

Ressources

[ http://charlesmartinreid.com/wiki/Skinning_MediaWiki ]

Typos

http://www.fontsquirrel.com

http://openfontlibrary.org

http://velvetyne.fr/

@@ Ligne 1 : / Ligne 1 : @@
 {{Projet
 |status=Prototype
+|image=accueil maquette.png
 |description=faire ce site plus joli
-|contributeurs=Cedric , MOna
+|license=CC-by-sa-3.0
+|contributeurs=Cedric, MOna, Divag,
 |inspiration=http://wiki.labomedia.net
+|source=http://fablabo.net/index.php/Fichier:Vectorfablabo.skin.zip
 }}
+[[:File:vectorfablabo.skin.zip]]
 ==la maquette du nouveau style==
@@ Ligne 13 : / Ligne 16 : @@
-==trucs à intégrer dans le cahier des charges==
+==Pages exemples contenant toutes les sortes d'éléments==
+à checker avec la nouvelle skin
+===les pages [[DataFab]] :===
+Les pages suivantes font partie d'un jeu de templates qui sont appelés à être redistribués sous forme de jeu de pages exportable.
+il faut transplanter les css dans ...une page?
+ou direct dans le texte :
+{{#css:  body {    background: yellow;    font-size: 20pt;    color: red;  }}}
+en utilisant https://www.mediawiki.org/wiki/Extension:CSS ? ou une autre solution
+====page projet====
+* un pas trop plein : cette page même
+* un bien plein : [[Controleur_de_Lumière]]
+particularité : dans le [[Modèle:Projet]] l'apparence du cartouche est dépendante du statut du projet
+Pour l'instant ça pilote la couleur, mais on peut juste mettre un tampon
+ bug relevé : le premier titre du texte libre n'apparait pas
+====page machine====
+le cartouche pour l'instant à droite est très laid
+exemple :[[Laser_Smoothignstech]]
+====Page usager====
+je suis [[Utilisateur:Cedric|Cobaille]]
+sera amené à évoluer...
+====Page Tache====
+exemple : [[Récupération_d'impression3D_stoppée_en_cours_de_route]]
+====Liste des projets====
+elle est là [[Accueil#Projets]] et est mise en forme avec [[Modèle:ListeProjets]]
+ça chie avec vector skin
+====Liste des machines et des outils====
+à refaire (dans la page d'[[Accueil]])
+====page logiciel====
+exemple : [[Ibniz]]
+rien de spécial si ce n'est un tableau
+un autre tableau est visible sur [[Laser_Smoothignstech/Modedemploi#Vitesses_de_travail]]
+====formatages divers====
+visibles dans [[Aide:Syntaxe]]
+==skins de bases==
+ici des pistes pour les skins de base
+http://fablabo.net/mediawiki/index.php?title=Accueil&useskin=vector
+==Trucs à intégrer dans le cahier des charges==
+===À faire pour Mona et Cedric===
+* cliner les menus
+* refaire la page d'accueil
+* rajouter en pied de page "Un site animé par l'association PiNG" + logo
+* un bouton(s) "partager" sur twitter, identica et diaspora
+* une page "trucs à faire et coups de main à donner"
+===À faire pour Maelle===
+[[Fablabo:Actualités]]
+==Notes pour Gaetan==
+''Faire un border image avec CSS http://www.pompage.net/traduction/la-propriete-border-image-en-css3''
+Voici le dossier contenant les éléments actuels de la maquette (page accueil et page projet modifiées, typo, etc)
+[[Fichier:Maquette_elements.zip]]
+Version de travail de mise en place du nouveau style :
+http://fablabo.net/index.php/Utilisateur:Divag/vector.css
+===Pour le site en général :===
+tout est dans [[MediaWiki:Common.css]]
+- Se baser sur la skin vector
+- Lignes en pointillés en svg pour les niveaux 1 et 2
+- Grand cadre page = traits crayonnés
+- Background blanc
+- Logo rafraichi, 150x150px  -> à fournir par ping
+- Puces : on part sur les flèches vers le côté et vers le bas, c'est la solution la plus claire
+- Typo général : Arial / Typo titre à trancher par PiNG
+- Couleurs :
+    texte  #4d4d4d
+    liens #b46508
+    liens suivis   #fe8b04
+    liens cassés #c20000
+===Menu top : ===
+- barres séparations verticales des boutons édition : trait estompé
+- garder menu déroulant de la skin vector
+- bouton recherche : pas de fond grisé du bouton, faire propositions d'un look plus léger (meme typo que le logo)
+===Sidebar : ===
+- séparation sidebar : garder les traits horizontés estompés de la skin vector
+===Page projet  :===
+- pour le statut : tampon à cheval sur le cartouche // à revoir
+==Ressources==
+[ http://charlesmartinreid.com/wiki/Skinning_MediaWiki ]
+===Typos===
+http://www.fontsquirrel.com
-===page projet===
+http://openfontlibrary.org
-le premier titre du texte libre n'apparait pas
+http://velvetyne.fr/

« Joli Fablabo » : différence entre les versions