Chargement...
 
Skip to main content

3 - Le site : philosophie, organisation, problèmes...

Liste des forums Liste des sujets

 
Thread actions
Print this page
  • Imprimer toutes les pages

    • [CLÔT] Style et design du site

    Envoyé par pianolivier le Tue 16 Apr 2013 14:45 France
    bonjour,

    j'ouvre ce sujet pour discuter du nouveau style du site et des améliorations possibles à apporter dans le futur.
    (Désolé s'il s'agit d'un doublon, je n'ai pas réussi à trouver de sujet similaire)
    • réduction/suppression des marges au dessus/dessous du logo (pour voir plus de contenu sans faire défiler la page) (fait)

    • remplacement de la couleur de fond des menus (orange) par une couleur moins piquante ? (à discuter, je n'ai pas d'idée de couleur de remplacement) (fait)
    rappel : Il s'agit là de pinaillage, le style actuel du site est déjà très bon !

    oliv'
    Lectures: 14479
    Envoyé par utilisateur_anonyme2 le Tue 16 Apr 2013 18:18
    Pour pinailler faites F5 ou vider le cache de votre navigateur...

    Remplacement du orange par un bleu-vert ...
    Envoyé par utilisateur_anonyme2 le Tue 16 Apr 2013 19:31
    le bleu vert était 22d5cb = trop flashy

    Flo propose : 7ca4ec ce qui est en place à l'instant
    Envoyé par utilisateur_anonyme2 le Wed 17 Apr 2013 10:49
    réduction/suppression des marges au dessus/dessous du logo (pour voir plus de contenu sans faire défiler la page)


    c'est fait 😀 @+
    Envoyé par pianolivier le Wed 17 Apr 2013 11:48 France
    merci et bravo !
    Envoyé par utilisateur_anonyme2 le Wed 17 Apr 2013 12:06
    Ouai mais ça va pas en fait :
    l'image ne se positionne pas auto au centre :/ je suis sur un coup ça vient dans quelques minutes 😉
    Envoyé par utilisateur_anonyme2 le Wed 17 Apr 2013 13:16
    Après un essais lamentable je suis revenu à la version qui semble correcte mais ne me satisfait pas dans la mesure ou
    • 1- l'image n'est pas pas pile au centre.
    • 2- peut poser un problème d'afichage selon les résolutions
    Je tacherai de retester la chose mieux que ça ....
    Envoyé par utilisateur_anonyme2 le Wed 17 Apr 2013 13:23
    j'oubliais : j'ai retouché le logo ce matin pour rendre plus visible :

    linux.png mao.png
    logo_linux_MAO_2.png.png
    Envoyé par utilisateur_anonyme2 le Tue 23 Apr 2013 16:48
     info
    Remontée des fils sur la liste (Up remontée aux actualités)

    Envoyé par utilisateur_anonyme2 le Thu 25 Apr 2013 15:03
    Bon bonne nouvelle j'ai capté comment faire des feuilles de style je pense être en mesure de pouvoir bidouiller la veille feuille pour les nostalgiques (je ne promet rien c'est en test sur mon pc et serveur perso) donc ce sera entre deux (j'ai découvert ça en bossant pour moi)
    Envoyé par utilisateur_anonyme2 le Thu 25 Apr 2013 15:23
    Donc ça fonctionne mais il faut que que je réajuste le tir avec la feuille bleu et aussi que je réadapte les anciennes feuilles pour que ça vienne s'ajuster ...
    Envoyé par xzu le Mon 01 Jul 2013 00:30 France
    On ferme? allez chiche
    Envoyé par utilisateur_anonyme2 le Mon 01 Jul 2013 00:49
    Non celui là tu le laisse ouvert stp on attend tooujours l'hypothétique groupe "design"
    Envoyé par xzu le Mon 01 Jul 2013 01:51 France
    Ok!!

    vient à nous, groupe "design" !!!
    Envoyé par pianolivier le Thu 04 Jul 2013 18:03 France
    coucou

    j'ai trouvé comment centrer le logo et ne pas le faire déborder de la fenêtre sur les petits écrans :
    Bon en fait, pour le centrage horizontal, j'ai pas trouvé en css, donc j'ai ajouté un plugiciel CENTER dans le module du logo. Il fallait quand même en plus ajouter la propriété CSS position:relative
    Pour le centrage verical, j'ai mis 5px au dessus (top:5px), et réglé la hauteur de la boite qui contient le logo du nombre de pixel du logo + 5px pour chaque coté, soit height:108px.
    Au total, le paramètre "style" du module revient à :
    style=height:108px;position:relative;top:5px

    et vala !

    oliv'
    Envoyé par utilisateur_anonyme2 le Thu 04 Jul 2013 18:07
    Carrément nikel

    Faut que j'aille voir george pour retravailler le logo du coup ...
    Envoyé par pianolivier le Thu 04 Jul 2013 18:13 France
    Ah, qu'est-ce qui ne va pas avec le logo ?

    sinon tu pourras peut-etre inscrire ces paramètres css directement dans la feuille de style et on les supprime du module lui-même ? Ca me paraitrait plus propre
    Envoyé par utilisateur_anonyme2 le Thu 04 Jul 2013 19:04
    Non merci !! 🙀 (j'ai dis que je n'y touche plus) .
    Envoyé par pianolivier le Thu 04 Jul 2013 19:38 France
    je te comprend
    Envoyé par pianolivier le Thu 04 Jul 2013 21:58 France
    Je note cela pour notre futur admin design, car c'est un truc qui me titille depuis longtemps et que je viens aujourd'hui de comprendre ce qu'il se passe grace à l'outil css de firefox.
    Enfin, je "crois" comprendre mais ça me dépasse quand même un peu.

    J'avais remarqué qu'avec certains (et pas tous) navigateurs, une fois qu'une entrée de menu était cliquée (visitée), celle-ci s'aligne bien à gauche, alors qu'en temps normal il existe une marge de 30px inutile.

    Il semble que cette marge inutile soit définie ainsi :
    layout.css ligne 101
    Copy to clipboard
    .cssmenu_horiz a, .cssmenu_vert a, .cssmenu_horiz ul li a {
    padding-left: 30px;
}


    Et que celle-ci disparait grace/à cause de ces lignes :
    fivealive.css ligne 334
    Copy to clipboard
    a, a:visited {
    padding-left: 0px;
}


    Ces dernières ligne sont ignorées par certains navigateurs comme le mien (FF22/XP), j'ignore pourquoi.
    L'idéal serai de ne jamais avoir ce padding qui fait perdre de la place et affiche certaines entrées de menu sur deux lignes au lieu d'une. Il faudrait donc ajouter dans fivealive.css :
    fivealive.css
    Copy to clipboard
    .cssmenu_vert a {
    padding-left: 0px;
}

    Enfin, je suppose que ça suffit.

    Voilà c'est dit, je jette la bouteille à la mer !

    olivier
    Envoyé par pianolivier le Thu 04 Jul 2013 22:23 France
    Update :
    J'ai ajouté le code suivant :
    Copy to clipboard
    .cssmenu_vert a { padding-left: 0px; }

    Dans le module de CSS personalisé, en attendant
    ça fait l'affaire apparement
    Page: 1/5  [Suivant]
    1  2  3  4  5