Joli Fablabo

De fablabo
Révision de 7 novembre 2014 à 12:25 par MOna (discussion | contributions) (Notes pour Gaetan)

Aller à : navigation, rechercher


faire ce site plus joli




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

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

rucs à 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

NB : Skin de base "vector" Typo utilisée : Arial Typo pour les titres + page d'accueil : typo crayonnée ou Vag rounded -> à trancher par ping

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


Pour la page en général :

- 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

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