Aîe, aïe, aïe ... heuuuu moderniser le forum?

[chercheur]

C'est beau !

[Keops62]

[quote le 08/07/2018 à 10:47:59, poildecarotte a dit :]
En revanche je n'arrive toujours pas à augmenter la taille des caractères pour JPMalef, même avec font-size: 200%; pas d'effet[/quote]
Normal: la balise n'est pas définie ;-)

Pour la partie aperçu des messages :
.message_preview {
font-weight: normal
}

Pour les citations plus visibles :
blockquote.citation {
background-color: #F0FFF0;
}

Mais c'est quand même du bricolage ...

[Keops62]

Et pour y aller franco j'ai mis ça en début de la feuille de style après body :

strong {
font-weight: normal
}

Les parties en gras par ailleurs sont conservées (en haut Topic, nom dernier posteur, caractères gras dans les signatures, page ... sur ... et autres avertissements ...)

[poildecarotte]

ok, modifs appliquées comme indiquées, fini le gras. Pas sûr que ça change quelque chose pour les citations.

[Mheller]

Le progrès est indéniable ^^

[Attila]

Bravo, ça commence à être agréable. Voila un bel avancement du forum.
Je vous propose une entête par MP. Avoir si ça vous plait...

Perso, la vidéo dans l'entête, je ne suis pas sûr qu'elle ait sa place ici. mais bon, peut être est-ce important pour vous...

[chercheur]

[quote le 08/07/2018 à 18:21:11, Attila a dit :]Perso, la vidéo dans l'entête, je ne suis pas sûr qu'elle ait sa place ici. mais bon, peut être est-ce important pour vous...[/quote]
D'accord avec toi

[poildecarotte]

merci bien Attila pour la nouvelle entête plus futuriste du forum.
Il y a aussi de la recherche au niveau du logo central "AF", c'est bien vu et peut-être que d'autres intervenants de la discussion pourront donner leur avis.
J'ai déplacé l'ancienne entête en bas de page (sans doute un brin de nostalgie).
Après réflexion il n'y a pas que la nostalgie car dans l'ancienne image on reconnait plus facilement le robot sur l'herbe (je ne suis pas sûr qu'un novice le fasse en voyant la nouvelle entête).

Video et images d'entête et de bas de page disparaissent après inscription et enregistrement au forum: c'est en quelque sorte la disparition de notre propre publicité en "récompense" à l'inscription.
Mais il est vrai que ce n'est pas précisé pour un nouvel arrivant! Oubli impardonnable...mais c'est la première fois depuis 10 ans qu'on me le signale.
Je l'ai donc rajouté sous la video qui annonce l'esprit "bidouille" du coin (ajouté discrètement au dessus de la video) et "attise" en quelque sorte la curiosité des bricoleurs (cf le succès des discussions autour des upgrades de batteries LiIon).
J'aimerai la conserver pour justement attirer ces personnes qui sont très rares mais également des piliers du forum.

@Attila:
Pour la taille du texte des messages (demande de JPMalef), avez-vous une idée du paramètre à modifier dans la feuille de style ?
[url http://automowerfans.free.fr/themeAMForum.css]

[Keops62]

J'ai testé sur tablette : même rendu que sur PC/Firefox avec le navigo intégré :
pas de problème de taille de texte.

@JPMalef : le souci persiste ?

@Poildecarotte :
As-tu testé pour les citations avec :
blockquote.citation {
....
background-color: #F0FFF0;
}
ou même white ?

[JPMalef]

Quand je compare le "pourquoi pas" d'Attila, on est actuellement toujours plus petit.

Texte de la signature (important).
Titres du post (je lis rarement, aucune information réellement relevante _o_). "installation d'un 315X" ne m'aide pas vraiment, ni "Bonjour du Libérons".
Texte du post (extrêmement important, évidemment) doit être plus grand ---> "pourquoi pas".

Je constate maintenant que la taille du texte dans le bloc d'édition (là où je tape mon texte) est encore plus petit _o_. Il y aurait t'il quelqu'un qui teste ma tolérance BD. Vous savez qu'elle est très faible.
Parcontre, j'apprécie le fait que le background est maintenant identique au reste (et plus blanc comme avant).

[poildecarotte]

[quote le 08/07/2018 à 11:44:25, poildecarotte a dit :]ok, modifs appliquées comme indiquées, fini le gras. Pas sûr que ça change quelque chose pour les citations.[/quote]
@Keops62
oui j'aurais dû être plus précis: la modif
blockquote.citation {
....
background-color: #F0FFF0;
}
est bien appliquée mais elle ne semble pas produire d'effet. Ni si je mets #FFFFFF;

@JPMalef: on trouvera la solution, mais en aucun cas il ne s'agit d'une volonté délibérée de notre part. Ici chez moi j'ai la même taille dans le bloc d'édition que dans le corps du message, voici une copie d'écran. Pouvez-vous faire de même pour que je constate ce que je pourrais bidouiller ici de mon côté? Et avez-vous exactement le même phénomène quelque soit le naviguateur ?
[URL=http://img110.xooimage.com/views/8/6/e/capture_030_08072018_221154-54c5027.png/][IMG]http://img110.xooimage.com/files/8/6/e/capture_030_08072018_221154-54c5027.png[/IMG][/URL]
ça c'est mon "pourquoi pas" de chez Attila (évidemment avec zoom à 100 aux deux forums et avec le même naviguateur):
[URL=http://img110.xooimage.com/views/5/e/1/capture_031_08072018_222314-54c504e.png/][IMG]http://img110.xooimage.com/files/5/e/1/capture_031_08072018_222314-54c504e.png[/IMG][/URL]

[jonas0_13]

Finalement, le Minitel avec sa police de caractère unique, sans couleur ni dessin, c'était pas mal ! on se concentrait sur le texte ;-)

[poildecarotte]

j'ai enfin trouvé un réglage qui a un impact sur la taille et j'ai augmenté de 12 à 14px:
* {
font-family : "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
}
On voit bien l'impact dans mon message précédent où la copie d'écran a une police restée à une taille inférieure.

C'est mieux pour vous JPMalef ?

[JPMalef]

Je comprends que le résultat est dépendant du browser utilisé.

J'utilise Chrome sous Android sur une tablette.

Voici la comparaison entre ce que je vois de notre forum aujourd'hui et "pourquoi pas".

Lorsque je parle de visibilité et de "c'est trop petit", voici le résultat. Et bien loin de moi de penser que c'était intentionnellement. Évidemment non.

[URL=https://www.casimages.com/i/180708111204731371.png.html][IMG]https://nsa39.casimages.com/img/2018/07/08/180708111204731371.png[/IMG][/URL]

[URL=https://www.casimages.com/i/180708111343973855.png.html][IMG]https://nsa39.casimages.com/img/2018/07/08/180708111343973855.png[/IMG][/URL]8D

[poildecarotte]

ok, chrome sous android: essayez voir de "passer en version mobile" dans la configuration (les 3 petits points en haut à droite), à moins que vous y soyez déjà.

Je constate qu'il y a du mieux après ma dernière modif en 14px à la vue de votre capture d'écran.

En fait ce sont les images à haute résolution qui posent problème pour de petits écrans comme les tablettes ou téléphones portables: si on les intègre dans le forum sans les redimensionner, (comme nos deux captures d'écran précédentes), cela oblige le browser à diminuer la taille du texte pour afficher les images en entier. C'est pour cela que certains forums forcent les membres à poster des images d'une résolution maximale.

[Keops62]

[quote le 08/07/2018 à 22:12:02, poildecarotte a dit :]@Keops62
oui j'aurais dû être plus précis: la modif
blockquote.citation {
....
background-color: #F0FFF0;
}
est bien appliquée mais elle ne semble pas produire d'effet. Ni si je mets #FFFFFF;
[/quote]
:gr... Le C de CSS est pénible car la feuille de style 168.css est déclarée en entête de la page HTML après les autres et c'est là que le fond (image et couleur de fond) est fixé finalement pour les éléments de la page, notamment à la même pour blockquote.citation.
Mes essais provoquaient l'exécution d'une CSS supplémentaire après les autres (ce que je viens de comprendre).
Et la 168.css ne fait que modifier (surcharger) la déclaration commentée /** fond **/ des 2 feuilles theme_2.css et themeAMForum.css,
Donc la solution serait probablement
- de supprimer blockquote.citation, de la ligne h1#pave_titre ... pour laisser les déclarations de theme_2.css puis themeAMForum.css
- OU de la surcharger dans 168.css pour garder les héritages.
Je ne suis pas au fait des pratiques dans pareille situation de personnalisation.

[Attila]

Je n'utilise pas de css pour le site test.
Voici ce que ça donne avec une citation.
[url http://attila.les-forums.com/topic/2/tester-au-mieux-les-possibilites-graphiques-du-for/#formulaire]

Perso je trouve le vert de fond tirant trop sur le bleu alors que l'herbe elle tire sur le jaune.
Pour le bandeau haut... je vais tenter d'améliorer ça cet après-midi.

Attention sur tablette il se peut que le réglage des caractères soit réglé dans vos préférences de la tablette.

On peut aussi mettre la taille des caractères en % plutôt qu'en pixels.

Perso, je suis au travail sur un écran 27" 8K, y a pas plus haut en définition aujourd'hui et les derniers réglages sont bons.

[poildecarotte]

un grand merci à vous Keops62 pour toutes ces investigations car le CSS n'est pas ma tasse de thé et effectivement c'est "le bronx" rien que dans themeAMForum.css.
Ici côté administration du forum, j'ai 3 manières d'influer:
- la feuille de style : themeAMForum.css . Merci pour votre proposition: oui, vous pouvez la modifier puis je la met sur le forum.
- les règlages supplémentaires dans le forum (j'ai mis précédemment quelques snapshots, je n'en rajoute pas) : je pense qu'ils sont appliqués "après" la feuille de style précédente.
Par exemple la couleur verte des fonds de messages.
- Il y a aussi à la fin des règlages du forum: un "hack CSS" dans lequel j'ai rajouté le règlage spécial pour le fond du message en cours d'édition:
.message_zone_saisie textarea {
background-color : #d7ffd9;
color : black;
}

Donc moi je ne vois aucune feuille 168.css, c'est l'hebergeur qui doit la générer à partir de cette tambouille des trois niveaux.

[Attila]

c'est bien pour ça que sans CSS , seulement dans Apparence Thème on peut s'en sortir. Ne pas se compliquer la vie quand on a pas accès à l'ensemble des données.

[Attila]

Voila j'ai aussi remis un nouveau bandeau sur le site test

[url http://attila.les-forums.com/forums/]