Contenu | Rechercher | Menus

Annonce

Si vous rencontrez des soucis à rester connecté sur le forum (ou si vous avez perdu votre mot de passe) déconnectez-vous et reconnectez-vous depuis cette page, en cochant la case "Me connecter automatiquement lors de mes prochaines visites".
nombre réponses : 25

#0 -1 »  [résolu] Périphérique non prêt sur Asus U30SD après MàJ 11.10 » Le 12/12/2011, à 03:24

fabien961
Réponses : 0

Je voudrais partager ici la manière dont j'ai réussi à refaire marcher le wifi sur mon portable U30SD.
Lors de la mise à jour de Natty vers Oneiric, le bouton Wifi ne fonctionnait plus normalement : la position OFF désactivait le wifi dans l'interface Ubuntu et activait la diode sur le devant de l'ordi, alors que la position ON avait l'effet inverse. Les deux positions empêchaient le wifi de fonctionner (camembert vide dans la zone de notification, "Périphérique non prêt" indiqué dans le menu).
Pour corriger le problème, j'ai utilisé la commande

rfkill

.

rfkill list
0: phy0: Wireless LAN
    Soft blocked: yes
    Hard blocked: yes

J'ai mis l'interrupteur physique en position ON.

rfkill list
0: phy0: Wireless LAN
    Soft blocked: yes
    Hard blocked: no

et j'ai désactivé le blocage soft avec

rfkill unblock 0
rfkill list
0: phy0: Wireless LAN
    Soft blocked: no
    Hard blocked: no

Puis j'ai redémarré l'ordi.
Et voilà !

#1 Re : -1 »  Micro visiblement non reconnu sur ubuntu 11.04 » Le 08/07/2011, à 01:01

fabien961
Réponses : 4

Bonsoir
J'ai exactement le même problème, sur un portable différent. Le mien est un asus U30SD. Voilà des infos supplémentaires :

aplay -l
**** Liste des Périphériques Matériels PLAYBACK ****
carte 0: PCH [HDA Intel PCH], périphérique 0: HDA Generic [HDA Generic]
  Sous-périphériques: 0/1
  Sous-périphérique #0: subdevice #0
carte 0: PCH [HDA Intel PCH], périphérique 3: HDMI 0 [HDMI 0]
  Sous-périphériques: 1/1
  Sous-périphérique #0: subdevice #0
cat /proc/asound/card0/codec* | grep Codec :
Codec: VIA ID 8446
Codec: Intel CougarPoint HDMI
cat /proc/asound/version 
Advanced Linux Sound Architecture Driver Version 1.0.23.

J'ai essayé de lettre le son du deuxième canal du micro à 0 avec le contrôleur de volume PulseAudio (pavucontrol) comme indiqué sur ce blog, mais sans succès.

J'ai également une indication de niveau sonore très bas dans PulseAudio (et dans audacity) et ce niveau "grésille". Parler ou non dans le micro ne change rien.

#2 Re : -1 »  Micro visiblement non reconnu sur ubuntu 11.04 » Le 08/07/2011, à 01:14

fabien961
Réponses : 4

Bon, finalement j'ai trouvé la solution : il suffit d'installer les tous derniers driver alsa. Tout est expliqué (en anglais) sur cette page du wiki Ubuntu.

J'espère que cette solution marchera pour d'autres !

#3 Re : -1 »  Mise en veille impossible & Solution doc Ubuntu non opérante » Le 19/06/2011, à 20:47

fabien961
Réponses : 6

Bonjour

J'ai exactement le même soucis sur mon portable ASUS U30SD : la mise en veille ne fait que rendre l'écran noir (sans l'éteindre totalement), les ventilos tournent toujours. Seul moyen de sortir de là : hard reboot. Quel que soit le moyen que j'utilise pour entrer en veille (inactivité pendant x min, rabat du clapet ou directement par le menu) le résultat est le même.

Je précise que mon portable est neuf et que la veille n'a jamais fonctionné. J'ai installé Natty Narwal et fait toutes les mises à jour.

J'ai essayé d'ajouter "nomodeset" à la ligne de commande de grub2, mais la veille ne fonctionne toujours pas. Par contre, avec nomodeset j'ai un autre soucis : le bureau est modifié et utilise la barre de menu en haut au lieu d'avoir la nouvelle interface avec la barre contenant les lanceurs sur la gauche. J'ai une résolution 1024x768 au lieu du 1366x768 et j'ai un message au lancement m'indiquant que mon système ne supporte par Ubuntu Unity. En supprimant nomodeset, tout rentre dans l'ordre, mais toujours pas de veille.

Help ! Un portable sans veille c'est un peu limite !

Fabien

#4 Re : -1 »  Mise en veille impossible & Solution doc Ubuntu non opérante » Le 08/07/2011, à 01:17

fabien961
Réponses : 6

J'ai finalement résolu mon problème de mise en veille en suivant ce qui est écrit ici.
J'ai mis à jour la page de la doc concernant mon portable.

#5 Re : -1 »  revoir l'esthétique du site » Le 14/09/2009, à 10:38

fabien961
Réponses : 1257

Ah, oui, autre remarque :
pour faire les coins ronds du menu en bas, j'ai un peu bidouillé le CSS  mais c'est pas terrible.
Pour s'en sortir, y'a plusieurs solutions:
1. rajouter deux <div> qui n'ont pas de signification sémantique (pô bien !)
2. utiliser jQuery (ça marche très bien mais c'est un peu lourd, sauf si on l'utilise aussi pour d'autres effets)
3. se passer des coins ronds : carré c'est joli aussi !

#6 Re : -1 »  revoir l'esthétique du site » Le 16/09/2009, à 17:06

fabien961
Réponses : 1257

oulà !

si largeur page <1000px
alors chaque colonne = (largeur-50)/3

C'est un peu compliqué ça !
Par contre, cette idée là  ...

espace bord/icône = largeur totale/30

... est beaucoup mieux.
En CSS, ça donne un truc du genre

margin-left: 3%

au lieu d'une largeur fixe

margin-left: 10px

C'est dans cette direction que je comptais aller. En fait, l'idéal serait même de donner une largeur relative à chaque colonne, comme ici.
J'ai aussi d'autre pistes de réflexion, en prenant exemple sur des layouts de référence comme BlueRobot. Ça date un peu mais c'est toujours une bonne référence.

#7 Re : -1 »  revoir l'esthétique du site » Le 22/09/2009, à 11:18

fabien961
Réponses : 1257
sam7 a écrit :

- j'espère que fabien961 aura également avancé sur le "casse tête" que je lui ai proposé ...

J'aime bien les casses-tête comme celui-là, mais ton approche de la solution est encore plus compliquée que le problème lui-même.
Je suis assez d'accord sur ce point avec Mpok

Mpok a écrit :

1) le principe de vouloir "s'adapter" aux différentes résolutions est EXCELLENT, et je ne peux que plussoir.
La méthode de "découpage" de sam7 semble assez compliquée au départ (et assez originale), mais c'est probablement celle qui donnera les meilleurs résultats. Au prix d'un CSS plus long, plus compliqué, et EVENTUELLEMENT plus difficile à maintenir et à faire évoluer (pensez à ça : le risque d'un CSS "en case" comme celui-ci, c'est que lorsque vous voudrez modifier une case, ça pourrait être une galère...).

En retravaillant un peu les dimensions et en ajoutant quelques pourcentages par-ci, par-là, j'obtiens  : ça. En 800x600, ça passe bien, en en dessous seuls quelques éléments des menus du haut se placent en dessous, ce qui n'est pas trop moche. Est-ce que ça vous convient ?

J'ai aussi modifié les barres rouges sur le menu pour qu'il n'y en ai plus qu'un actif en même temps (merci jQuery).

Concernant les "info-bulles", je vous laisse juger :
version 1 : on n'en met pas
version 2 : texte à côté des liens, en CSS
version 3 : info bulles classique (title="")
version 4 : à la manière de Eric A. Meyer, avec zone dédiée

Pour le koala, moi je vote pour celui de julientropploin.
1253051262.png
Il faudrait juste le retourner, comme l'a fait sam7.
Désolé sam7, le tien est vraiment trop triste. Peut-être avec quelques couleurs ... ?

Je ne serai pas là à la réunion IRC ce soir. Je vous charge de montrer les nouvelles versions de la page d'accueil ?

#8 Re : -1 »  revoir l'esthétique du site » Le 01/10/2009, à 14:35

fabien961
Réponses : 1257

Salut !
Alors, j'ai essayé de faire une petite synthèse à ma sauce de tous les posts précédents pour améliorer l'affaire.
Voilà les changements :
* onglets du haut et de côté (contenu et taille)
* calendrier remplace l'étoile
* koala en filigrane (éclairci à fond, je peux pas plus)
* majuscules pour les titres de colonne en bas + éclaircissement de la couleur rouge
* contenu de la colonne SOUTIEN
* couleur des commentaires en bas
Qu'en pensez-vous ?

Sinon, je trouve que l'effet "vague" pour les onglets n'est pas indispensable. En plus c'est pas facile à faire en CSS. De même pour le contenu de la boite "Sur le Site", les demi cadres similaires aux onglets, ça fait un peu lourd.

Bon, je pense qu'on a quelque chose de correct là. Je suis d'avis d'aller de l'avant, de figer réellement le mockup (je rappelle qu'il était censé être déjà figé depuis le 17 mars), et de passer à la partie Drupal, puis à la déclinaison Kubuntu, Xubuntu, ... et aussi faire les autres pages. Y'a du boulot !

Merci à tous pour les bonnes idées !

#9 Re : -1 »  revoir l'esthétique du site » Le 01/10/2009, à 14:47

fabien961
Réponses : 1257

Sinon, pour la boutique, est-ce qu'on lance le mockup HTML/CSS à partir de ce qui a été fait la semaine dernière ?
Il me semble qu'il a été confirmé qu'on part bien du thème zen, j'ai bon ? big_smile

#10 Re : -1 »  revoir l'esthétique du site » Le 02/10/2009, à 15:00

fabien961
Réponses : 1257

Super !
J'adore les remarques constructives et bien précises qui font avancer le schmilblick smile.
Voilà la version modifiée selon les conseils de tout le monde.

Julientroploin a écrit :

- aligner l'onglet "en ce moment avec ceux de gauche, là il est un chouilla trop bas;
- j'aime bien le koala, mais certains le trouverons peut être encore trop visible. en l'éclaircissant
- mettre un effet lumière sur l'onglet ou l'on place le curseur?

OK

Julientroploin a écrit :

- Dans ton codage, il faut aussi que tu prévoie que ce soit l'onglet en cours qui soit en gras.

Chez moi, l'onglet en cours est en gras et avec la lueur. L'onglet sur lequel passe la souris prend la lueur mais n'est pas en gras. C'est pas ça qu'il faut ? Moi j'aime bien comme ça.

Julientroploin a écrit :

- Il y a encore quelques détails à régler comme cette histoire de microblogging qui à l'air de tenir à coeur à certains et le codage des 2autres onglets

.
C'est quoi ça le truc de microblogging ? De quels onglets tu parles ?

luK a écrit :

Pour cela, on peut réduire la largeur globale du site,
afin d'avoir une section Présentation/texte et Téléchargement moins étendues.

Par ailleurs, le menu me parait bien grand aussi. On peut réduire la hauteur des titres des colonnes ( Support, Publications,.. ).
Un détail aussi: les bords du menu doivent être à une distance fixée des bords du fond blanc ( ici, le bas du menu est plus proche que ses côtés )
Un autre: je décalerai "Contact | Ressources | ..." et les images Drupal, Naris de cette même distance vers le centre de la page
( comme ici: http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.png )
Aussi: "Présentation | A propos de l'asso | ..." doivent être à cette même distance du bord.
Et enfin: la taille des polices me parait un peu petite.
Pour la section Screenshot, je trouve que les flèches verticales sont moins harmonieuses qu'horizontales.

OK

luK a écrit :

Pour la section Téléchargement, j'agrandirai l'image de la boîte de CD.

Si je fais ça, soit l'image overlap le titre téléchargements, soit j'agrandis la case et alors le layout ne passe plus en 800x600.

luk a écrit :

Enfin, certaines images ne sont pas comme sur le mockup ( exemple les onglets ), est-ce volontaire ou?
Si des images vous manque, faites m'en part, je les publierai.

Effectivement, les images manquantes je ne les ai pas. Merci pour celles que tu m'a donné. Il me faudrait l'étoile dans une meilleure qualité, là je l'ai découpée dans le mockup. Je veux bien aussi les onglets en vague, même si je trouve que c'est chouette comme c'est actuellement.

luK a écrit :

Par contre, le calendrier, je suis contre surtout que les administrateurs d'ubuntu-fr s'arrange toujours pour mettre
une belle image en rapport avec l'évènement. Ce qui est bien plus parlant qu'un calendrier.

Bien d'accord !

sam7 a écrit :

- mettre en gras le titre de l'onglet qui est sélectionné... & écrire les titres en caractères plus gros

Il est pas en gras mon titre ?

sam7 a écrit :

- mettre les flêches en horizontal pour le screenshoot

Fait, on peut même faire défiler les images !

sam7 a écrit :

présenter de la même manière les 3 zones "téléchargement" / "sur le site" / "en ce moment" (avec ou sans faux onglets ... s'il y a des onglets ils doivent être alignés et de même dimensions)

OK

Julientroploin a écrit :

Dernière chose, j'ai peut-être un candidat supplémentaire pour le koala filligrane :
https://wiki.ubuntu.com/Artwork/Incomin … ture1*.png
il a une bouille super sympa! On pourrait peut être demander à Zgegball (l'auteur de ce thème) si il est intéressé?

J'ai éclairci le koala initial, et j'ai fait un autre essai avec celui de Zgegball.
Perso, je préfère le premier.

On y est presque ....
Dites-moi ce qui va, ce qui reste à modifier et si j'ai oublié quelque chose.

#11 Re : -1 »  revoir l'esthétique du site » Le 04/10/2009, à 23:02

fabien961
Réponses : 1257

Bon, il faut qu'on règle cette histoire de mise en page/largeur d'affichage.
D'abord, chez moi les trois colonnes du bas ont exactement la même largeur (résolution 1024x768). La différence n'est qu'apparente, c'est une illusion d'optique due au fait que le titre du milieu prend plus de place que les autres. La preuve en image : chaque colonne fait 285 pixels de large.
135891.jpeg[size=9]imagik.fr[/size]
Sam7, chez toi les colonnes ont vraiment une largeur différente ?

Ensuite, il est impératif que le design de la page passe bien pour toutes les résolutions d'écran, en partant de 800x600. Pour cela, et pour éviter que certaines cases s'étalent trop en largeur pour les grandes résolutions (comme l'a fait remarquer luK ci-dessus) il est nécessaire de limiter la largeur de la case principale (celle qui a un fond gris/blanc). Et comme le dit YannUbuntu, en 1280x800, ça passe bien. Quant au fait d'avoir un rectangle de 4/3 voire 16/9, je ne pense pas que ce soit faisable. J'ai essayé de réduire la hauteur globale du site mais si on réduit plus, ça va faire tassé. La marge de manœuvre restante est de réduire la taille de la police pour les liens du menu du bas, comme dans la version 8. Qu'en pensez-vous ?

Sam7, je crois que tu ne prend pas le problème dans le bon sens. L'affichage d'un site ne doit pas se penser comme étant "figé" comme une image dont seules les proportions changent en fonction de la résolution de l'écran. Il faut que le design s'adapte aux habitudes de chaque utilisateur, comme la taille de police plus grande ou plus petite. Une personne avec un bas débit pourra par exemple bloquer le téléchargement d'images, une autre qui a une mauvaise vue voudra une police plus grande, etc... On ne peut pas non plus penser le design d'une page uniquement du côté graphique. Pour donner du sens à une page, notamment pour un robot de moteur de recherche, il est préférable de la structurer en fonction du contenu et non du design. Pour te donner une idée, voilà comment google voit la page d'accueil actuelle. En plus, là ce ne sont que des essais approximatifs. Le contenu (je veux parler du texte) final ne sera pas exactement celui-là. Si on fait quelque chose au pixel près, on va devoir tout revoir à chaque changement du contenu.

sam7 a écrit :

je croyais que lorsque kao_chen parlais de %, l'on pouvait faire varier en gros l'échelle d'affichage...
et par exemple conserver les proportions/ratios & diminuer tout (taille des images, des polices, etc...) : j'ai dû me tromper alors ? qui peut m'expliquer... merci

div {
width: 80%;
max-width: 1000px;
min-width: 700px;
}

Ce code signifie que la largeur d'affichage sera égale à 80% de la largeur disponible (1024x80/100=819 pour une résolution de 1024x768) mais avec une limite max à 1000 et min à 700. C'est à dire qu'un écran de résolution 800x600 n'affichera pas la page avec une largeur de 640px mais de 700px et qu'un écran de résolution 1440x900 n'affichera pas en 1152px mais en 1000px de large.
J'ai appliqué cette suggestion dans la version 8 avec une largeur de 90%, qu'en pensez-vous ? Pouvez-vous tester avec différentes résolutions ?

Sinon, j'ai adapté le défilement des screenshots. Maintenant le passage de l'un à l'autre se fait en fondu-enchainé comme ici. J'ai aussi ajouté un timer pour faire défiler les images toutes les 6 secondes, mais perso je préfère qu'on utilise seulement les flèches : je n'aime pas quand un truc bouge continuellement dans la page, ça fait un peu publicité gif.

J'ai remis le koala un peu plus foncé. Mais que pensez-vous de l'essai avec le koala de Zgegball ?

Quelqu'un peut-il aussi tester avec IE7 et 8, Opéra, Safari, Konqueror et autres navigateurs ?

Merci à tous pour votre aide.

#12 Re : -1 »  revoir l'esthétique du site » Le 04/10/2009, à 23:06

fabien961
Réponses : 1257
sam7 a écrit :

pour moi, dans la largeur il faut impérativement une dimension qui se divise facilement par 3 (vu qu'il y a 3 colonnes...) :
car *:  750 / 900 / 1200 / 1500
(*/3  =  250 / 300 / 400 / 500)

Tu as peur que ton navigateur soit nul en calcul mental ? big_smile Explique-moi d'où vient la contrainte d'une dimension qui se divise par trois, quand c'est un ordi qui fait le calcul ?
33,333% x n'importe quelle largeur, ça foit toujours un tiers ! smile

#13 Re : -1 »  revoir l'esthétique du site » Le 05/10/2009, à 12:51

fabien961
Réponses : 1257
sam7 a écrit :

nous avons donc 3 colonnes (A / B / C) et 4 lignes (1 / 2 / 3 / 4) :
- en A1, nous avons le logo Ubuntu-fr
- en B1, RIEN
- en C1, la zone de recherche rapide & la zone d'identifiant & connexion
- en AB2 (case double) nous avons les 3 onglets et leur textes associés
- en C2, "En ce moment"
- en A3, les screenshoots
- en B3, "Téléchargement"
- en C3, "Sur le site"
- en A4, "Soutien"
- en B4, "Publications"
- en C4, "Réseau"

Je crois qu'on ne partage pas la même vision du découpage du site en "cases". Voilà la mienne où j'ai mis une couleur différente pour chaque case.
136075.jpeg
Il y a six grandes zones : le logo, la recherche et le login, le contenu principal (en rouge), la barre de droite (en vert), le menu et le pied de page. Chacune de ses "cases" est ensuite subdivisée en "sous-cases". Dans cette "vision", qui est celle du découpage html, il n'est pas nécessaire, il est même très difficile, d'aligner le bord droit du logo ubuntu-fr et de son texte avec le trait séparant le screenshoot et le téléchagement et avec le trait séparant les rubriques soutien et publication du bandeau inférieur. Cet alignement (et les autres) ne peuvent se faire qu'au pixel près, et sera cassé dès qu'un paramètre changera (contenu différent, taille de l'écran, taille des polices définies par l'utilisateur, ...). D'ailleurs, si tu regardes le mockup de luK, le bord gauche du logo ubuntu n'est pas aligné avec le bord gauche du bandeau inférieur.
Sur l'image, la colonne de droite du bandeau du bas à l'air d'être alignée avec la boite de téléchargement et la case de recherche. C'est le cas dans la version 8 pour une résolution 1280x1024, mais pas pour les autres résolutions, tout simplement parce que la case recherche a une largeur fixe, alors que les colonnes du bandeau du bas prennent 33,33% de l'espace disponible.

Julientroploin a écrit :

Par contre chez moi, sur un écran 4/3 à 1024x768, il y a un problème avec les évenements à coté de l'étoile : il se retrouvent en dessous et décalent "sur le site" vers le bas (alors qu'il semble y avoir la place à coté de l'étoile.

J'ai réduit la taille de l'étoile, est-ce que ça règle le problème ?
J'ai fait en sorte que la liste des évènements ne descende pas en dessous de l'étoile pour une résolution 800x600. Évidemment, si on réduit encore la largeur de la fenêtre, la liste va passer en dessous à un moment donné car il n'y aura plus de place à droite. C'est mieux que de voir la liste disparaître à droite, non ?

Julientroploin a écrit :

Problème mineur sous midori : les pointes inférieures du cadre du menu du bas apparaissent sous forme de pointes noir au lieu d'arrondis...

Tu pourrais me faire un screenshot STP ?

J'ai également mis la tagline "Communauté francophone des utilisateurs d'Ubuntu" sur une seule ligne pour gagner un peu d'espace vertical, est-ce que ça convient ?

Une autre remarque : sur le site comme il est actuellement (la version en prod), quand on se connecte, un nouveau menu apparait avec mon compte, créer un contenu, administrer, se déconnecter. Est-ce que ça va si je met ce menu au dessous de la barre de recherche, comme ça ?

Désolé, j'ai oublié de faire une "V9", toutes les modifs sont dans la version 8.

#14 Re : -1 »  revoir l'esthétique du site » Le 06/10/2009, à 00:03

fabien961
Réponses : 1257

Voilà encore quelques modifs
Remarquez que quand on clique sur "connexion" en haut à droite, on accède à une page qui affiche un faux utilisateur loggé. Le menu qui contient .... / Autre / Autre ... correspond au menu d'administration drupal du site. Il sera plus ou moins garni en fonction du type d'utilisateur loggé.
Quand on clique sur l'onglet "A propos de l'asso", on a une page qui comprend beaucoup plus de contenu, histoire de se faire une idée de l'évolution du layout en fonction du contenu (qui sera généré par drupal).
J'ai élargi la colonne de droite contenant les évènements.
J'ai aussi ajouté un effet de fondu à droite des onglets.
J'ai remonté le texte des onglets et le texte des onglet non actifs est plus petit.

Je ne sais plus ce qu'on a dit encore ce soir sur IRC. Sam7, pourrais-tu faire un petit résumé et voir ce qui manque encore ? Merci smile

On a aussi besoin de testeurs sur différents navigateurs. Sous Konqueror 4.3, le layout a l'air d'être cassé quand un utilisateur se connecte. C'est toujours le cas xabilon?
Je vais voir ce que je peux faire concernant les coins qui s'affichent en noir. C'est parce-que j'utilise jQuery pour faire ces coins.

Et mauvaise nouvelle (enfin ça dépend pour qui ..) : j'ai retrouvé du boulot, et je commence demain ! Du coup, je risque d'être moins réactif que jusqu'à maintenant.

#15 Re : -1 »  revoir l'esthétique du site » Le 11/10/2009, à 22:31

fabien961
Réponses : 1257

Salut !
Voilà une petite mise à jour en attendant la réunion de demain soir.
J'ai corrigé les remarques de luK et j'ai ajouté les sous-menus de deuxième niveau dans le menu du bas, comme rappelé par Julientroploin. J'ai aussi changé légèrement le comportement du défilement automatique des images : il suffit de cliquer sur une des flèches pour faire défiler les images à la main et arrêter le défilement automatique. Je trouve ça moins agaçant pour ceux qui en feraient leur page d'accueil.
J'ai commencé à tester sur d'autres navigateurs (ben oui, reprise du travail = accès à un ordi sous Windows ;-)) : il semblerait que IE7 ait le même problème de positionnement que Konqueror 4.3 et Google chrome le même problème de rendu les coins arrondis que Midori. Ça va me faciliter le boulot de correction.
Julientroploin, j'ai modifié l'affichage des 4 coins arrondis de la zone principale, peux-tu me dire si ça passe bien chez toi ?

#16 Re : -1 »  revoir l'esthétique du site » Le 13/10/2009, à 22:21

fabien961
Réponses : 1257
Smon a écrit :

En jaune ça va, en orange ça passe, en rouge c'est horrible.

De toutes façon, c'est juste une petite image à uploader.

Zoupla, l'image est uploadée, à vous de juger => http://ubuntu-fr.evoconcept.net/AccueilV10/
C'est vrai qu'on a dit que la page était freezée, mais c'est surtout la disposition des éléments qu'il ne faut plus changer (le layout). Pour les couleurs, c'est juste le css à modifier, y'a pas de soucis.

D'ailleurs, je me rend compte qu'on a encore oublié de placer un élément important :  le fil d'ariane (breadcrumb) qui indique la localisation de la page actuelle et aide la navigation.
Par exemple, sur le site actuel, quand on clique sur "l'association" ça donne quelque chose comme ça :

Vous êtes ici : Accueil » L'association Ubuntu-fr

Ce serait dommage de supprimer ça, surtout que ça apparait par défaut dans drupal. J'ai fait un essai basic, mais c'est pas terrible. On pourrait essayer de faire quelque chose qui ressemble à ça :
45_0_0_356.jpg.jpg
ou à ça :
beautifully_pixeldoodle.jpg
(exemples extraits de smashing magazine)

Qu'en pensez-vous ?

#17 Re : -1 »  revoir l'esthétique du site » Le 22/10/2009, à 13:33

fabien961
Réponses : 1257

@Onclebenz : merci pour les encouragements ! On n'est pas des pros, on fait ça sur notre temps libre.
@sam7 : C'est vrai que vu de ton côté, la page d'accueil du site a l'air presque terminée. En fait, le boulot ne fait que commencer car on s'attaque maintenant à un gros morceau : Drupal. Je pense que ton planning est beaucoup trop ambitieux. Déjà, si on arrive à passer le site principal dans la nouvelle configuration, avec un lien vers la doc, le forum et le planet actuel, avant 2 mois, ce sera très bien. N'oublie pas qu'une fois le nouveau template prêt, il y a toute une phase de transition et de tests à faire.
Par contre, j'apprécie bien ton dynamisme : ça entraine tout le monde pour qu'on soit motivés à faire avancer les choses. Continue comme ça smile

Concernant le codage du mockup du site sous Drupal, j'aurais besoin d'un peu d'aide. Je m'adresse surtout à ceux qui maîtrisent Drupal, qui ont travaillé sur la version actuellement en ligne du site ou qui en connaissent le fonctionnement.
1) Quels modules dois-je installer pour créer les trois blocks qui se trouvent en page d'accueil (Evènement ponctuel, "Prochains evènements" et "Capture d'écran") ?
2) Comment fonctionne le changement de css en fonction de la variante du site (xubuntu, kubuntu, edubuntu, ...). J'ai cru comprendre que le fonctionnement actuel était trop complexe et qu'il fallait le simplifier. Y a-t-il un module qui peut m'aider à faire ça ou dois-je me débrouiller et faire une fonction spéciale dans le template.php ?
3) Une fois que mon template marchera chez moi, comment l'intégrer au site ? Comment se passe la transition ?

#18 Re : -1 »  revoir l'esthétique du site » Le 27/10/2009, à 11:13

fabien961
Réponses : 1257
sam7 a écrit :

(pour y mettre tout ce qui aura été freezé au niveau des mockups "images", avec les sources bien sûr)
sans quoi notre duo de codeurs ne pourra pas travailler... lourde responsabilité !)
... envoyez-donc moi les sources de la page d'accueil du site (version "image") qui a été freezée,
correspondant à cette page html : http://ubuntu-fr.evoconcept.net/AccueilV10/
... & corrigez-moi si je me trompes. d'avance, merci.

Les sources des mockups images, c'est le format Photoshop ou Gimp. Ca permet de ne pas avoir l'image "à plat" et de pouvoir prendre les éléments nécessaires pour le CSS sans avoir besoin de passer 3h à détourer une image ou à gérer les effets de transparence. Par exemple, le petit trait de lumière rouge qui apparait sur les onglets de la barre de navigation quand on passe la souris doivent se trouver dans un calque séparé.
Bien sûr, les seules sources dont on dispose actuellement sont celles de AlexandreP et de LuK, donc il faut repartir de là.

#19 Re : -1 »  revoir l'esthétique du site » Le 30/10/2009, à 15:09

fabien961
Réponses : 1257

@Mpok : Comme l'a dit sam7 un peu plus haut, la zone "démo" est le FTP de dev : http://dev.ubuntu-fr-secours.org/. Pour l'instant il n'y a rien, mais ça va venir.
Moi je ne bosse pour l'instant que sur la partie "site principal".

#20 Re : -1 »  revoir l'esthétique du site » Le 02/11/2009, à 20:41

fabien961
Réponses : 1257

Malheureusement, je ne pourrai pas être présent à la réunion IRC ce soir sad
Mais ça ne veut pas dire que je n'ai pas bossé smile
J'ai retravaillé le HTML pour qu'on parte sur une base propre et acceptée de tous. C'est ici.
Je suis reparti du mockup image freezé en mars, mais j'ai inclus les modifications suivantes introduites pendant les discutions sur le forum et sur IRC :

1. Les éléments du menu en bas ont été agrémentés de commentaires (à mettre éventuellement dans l'attribut title, mais ça donne moins de possibilité côté mise en forme CSS)
2. Introduction de sous-menus pour les éléments "Partenaires et Revendeurs" et "Contribuer à Ubuntu-fr"
3. Les menus "En ce moment" / "Sur le site" apparaissent l'un en dessous de l'autre et non plus l'un sur l'autre.
4. Le contenu du menu a été revu

A vous de voir ce soir avec McPeter si il valide ces modifications.

Prochaine étape : mettre la couche CSS et repasser par la phase validation.

PS : J'ai mis les sources des mockup sur http://dev.ubuntu-fr-secours.org/MOCKUP/, mais ils datent de mars ! Ce serait bien de les mettre à jour avec les nouvelles propositions et les variantes de couleur, si ça tente quelqu'un...

#21 Re : -1 »  revoir l'esthétique du site » Le 05/11/2009, à 22:45

fabien961
Réponses : 1257

Waouh, c'est super de voir que les mockups avancent bien.
Pour l'histoire de l'étoile : je crois effectivement que c'est juste un exemple d'image qui annonce un évènement, donc on ne peut pas se permettre d'avoir une image différente pour chaque déclinaison. D'ailleurs, je pense que cette image fera partie du "contenu" (mis à jour via l'interface admin) et pas du "thème".
Pour moi, il peut y avoir à la place de l'étoile des images de ce style :
countdown_09-10_online.png
ou
we%20want%20you%20for%20ubuntu-fr.png
Donc on ne peut pas prévoir la couleur dominante de l'image à l'avance.

#22 Re : -1 »  revoir l'esthétique du site » Le 09/11/2009, à 22:13

fabien961
Réponses : 1257
Julientroploin a écrit :

Peut-être, mais c'est pas une perte d'énergie pour le codage puisque ceux qui s'occupent des mockups image ne sont pas ceux qui codent (j'en serais personnellement bien incapable...) : le codage avance en parallèle grâce à Fabien et à McPeter (je crois).

Ben non ! Le codage a plus ou moins été "freezé" en attendant que les mockup images soit finalisés pour toutes les versions.
Je suis d'accord avec Mpok sur le fait qu'il ne faut pas s'éterniser sur des détails. Mais des détails pour moi (je ne connais rien aux couleurs ni au graphisme) peuvent ne pas être des détails pour d'autres. Donc en résumé : OK pour parler des détails, mais là je crois qu'on arrive à un point où il faut freezer les mockups. On pourra pinailler un peu plus tard, quand on en sera au paufinage.

#23 Re : -1 »  revoir l'esthétique du site » Le 16/11/2009, à 19:34

fabien961
Réponses : 1257

Moi aussi je suis intéressé par un petit résumé de la réunion ce soir car je ne pourrai pas y assister.
Merci d'avance sam7.

#24 Re : -1 »  revoir l'esthétique du site » Le 17/11/2009, à 15:09

fabien961
Réponses : 1257
Julientroploin a écrit :

Il y a déjà de quoi bosser pour les codeurs, non?

EDIT : Bon, je n'ai toujours pas la réponse à la question "les codeurs peuvent ils utiliser du png pour bosser?" mais comme je pense que la réponse est oui, j'ai copier TOUTES les découpes de LuK sur le ftp "officiel".

Pour clarifier un peu : le besoin pour le codeur, c'est de pouvoir accéder aux  sources (.xcf ou .psd) pour récupérer les éléments qui l'intéressent et en faire une image (png, jpg ou autre). Maintenant, si le graphiste est aussi bon que LuK est qu'il est capable d'aller récupérer lui-même les éléments dont le codeur a besoin pour son codage, c'est encore mieux smile.
Le seul soucis, c'est que le codeur est dépendant du graphiste pour récupérer un élément. Par exemple, dans les découpes actuellement présentes sur le FTP, il y a le trait qui sépare le menu du bas des commentaires pour chaque lien :
http://dev.ubuntu-fr-secours.org/MOCKUP/decoupes_luk/kubuntu/menuTrait.png
Or, cet élément n'est pas bon car le fondu sur les cotés va de la couleur vers le blanc au lieu d'aller de la couleur vers le transparent. J'en ai déjà parlé à LuK qui m'a dit qu'il allait régler le problème.

Pour conclure : oui, le système de découpes en png me va très bien, il faut juste que LuK soit suffisamment dispo pour fournir aux codeurs les découpes dont ils ont besoin.