Forum Actualité Style

[Lofox]

Petit cadeau à la communauté

Bonjour, bonsoir à toutes et tous,

Je viens proposer à celles et ceux qui sont intéressés un style pour Forum Actualité que je viens de créer.
Ceux qui comme moi, ont de la myopie, trouveront leur navigation sur ce site moins éblouissante. Les autres pourront y trouver plus simplement du fun.

Le principe est une extension pour votre navigateur qui vient apposer un " filtre" au dessus la page que vous visitez. Cela n’affecte rien d'autre que la présentation de Forum Actualité sur votre PC et est facilement désactivable ou supprimable. l'installation est un jeu d'enfant.

L'extension propose, aussi, de nombreux autres styles pour d'autres sites et permet d'en créer. Un des style les plus utilisé est Youtube en noir. (Black Youtube by Panos).

L'instalation :

Première étape : Téléchargez et installez l'extension "Stylish" sur votre navigateur

- pour Firefox : https://addons.mozilla.org/fr/firefox/a ... serprofile
- pour Google Chrome : https://chrome.google.com/webstore/deta ... cffe?hl=fr
- pour Opera : https://addons.opera.com/fr/extensions/ ... display=en
- pour Safari, http://sobolev.us/stylish/ à vérifier

- Bien évidemment indisponible pour Internet Explorer
- les utilisateurs de Microsoft Edge sur Windows 10 devront patienter jusqu'à l'été prochain, aux dernières nouvelles.

Seconde étape : Installez le style "Forum Actualité" via le lien ci-dessous.
https://userstyles.org/styles/121276/forum-actualit

Les retours, commentaires et réflexions des personnes qui ont installé et utilisent ce style sont les bienvenues; soit par une réponse sur ce topic, soit par la discussion en bas de ma page Userstyle (le lien du style ) Je tiens juste à vous informer que je fais cela à titre de loisir. Ma profession est chef de rang (serveur).


Ceux qui "bidouillent" un peu, peuvent changer les couleurs que j'ai proposées en éditant le style et modifiant les codes couleur, voir même faire plus avec quelques recherches sur Le CSS. J'ai fait en sorte de dissocier au maximum les éléments en évitant les virgules. S'il y a doute sur l'élément concerné, une petite astuce consiste à commencer par remplacer une couleur par du rouge ( #FF0000 ) pour le faire ressortir.

J'invite Les plus doués ou plus inspirés que moi, qui le souhaitent, a créer leur propre style pour Forum Actualité et venir le présenter ici; soit via leur publication sur Userstyle https://userstyles.org/ et le lien dans une réponse ; soit en copiant directement le CSS dans une réponse.

Bonne navigation à toutes et tous et bon débats colorés.

[Eve]

Je testerai

[DKS]

Quelle belle couleur verte

[Eve]

en fait j'ai voulu tester mais je n'y comprends rien
a part avoir téléchargé l'extension
je ne sais pas comment modifier les couleurs

Je n'ai pas le temps maintenant a+++

[Lofox]

en fait j'ai voulu tester mais je n'y comprends rien
a part avoir téléchargé l'extension
je ne sais pas comment modifier les couleurs

Je n'ai pas le temps maintenant a+++

Salut Eve, il faut que tu choisisses le lien qui correspond à ton navigateur sur PC.

- pour Firefox : https://addons.mozilla.org/fr/firefox/a ... serprofile
- pour Google Chrome : https://chrome.google.com/webstore/deta ... cffe?hl=fr
- pour Opera : https://addons.opera.com/fr/extensions/ ... display=en
- pour Safari, http://sobolev.us/stylish/ à vérifier

- Bien évidemment indisponible pour Internet Explorer
- les utilisateurs de Microsoft Edge sur Windows 10 devront patienter jusqu'à l'été prochain, aux dernières nouvelles.

N'ayant pas de tablette, je ne sais pas si des choses similaires existent pour I OS, Androîd etc.. J’espère que d'autres pourront apportés l'information.

[Lofox]

Quelle belle couleur verte

Salut, Darksider, si tu préfères le rose, je peux arranger ça

[Eve]

en fait j'ai voulu tester mais je n'y comprends rien
a part avoir téléchargé l'extension
je ne sais pas comment modifier les couleurs

Je n'ai pas le temps maintenant a+++

Salut Eve, il faut que tu choisisses le lien qui correspond à ton navigateur sur PC.

- pour Firefox : https://addons.mozilla.org/fr/firefox/a ... serprofile
- pour Google Chrome : https://chrome.google.com/webstore/deta ... cffe?hl=fr
- pour Opera : https://addons.opera.com/fr/extensions/ ... display=en
- pour Safari, http://sobolev.us/stylish/ à vérifier

- Bien évidemment indisponible pour Internet Explorer
- les utilisateurs de Microsoft Edge sur Windows 10 devront patienter jusqu'à l'été prochain, aux dernières nouvelles.

N'ayant pas de tablette, je ne sais pas si des choses similaires existent pour I OS, Androîd etc.. J’espère que d'autres pourront apportés l'information.

Quand même ! Jusque là j'avais suivie

[Eve]

C'est la dedans qu'on doit modifier ?
Hébergé par Imagesia, le meilleur hébergeur d'images du net !

[Lofox]

Salut Eve, il faut que tu choisisses le lien qui correspond à ton navigateur sur PC.


Quand même ! Jusque là j'avais suivie

Mille excuses, Eve

L’extension t'a ajouté un bouton " Stylish", à ton navigateur. Il faut cliquer dessus. Tu trouveras une ligne "Forum Actualité" Fais clic-droit dessus, puis "modifier". Une page va s'ouvrir.

Sur cette page, tu vas trouver des formules comme :
" body, Html { background:-moz-linear-gradient(#999999, #666666, #333333, #666666, #999999 ) !important; } "
Les #999999 , #6666666 correspondent aux couleurs. Tu peux les remplacer comme bon te semble. Tu trouveras les codes des couleurs avec ton logiciel de dessin (la pipette) ou sur internet. Ce site http://html-color-codes.info/Codes-couleur-HTML/ est on ne peut mieux pour faire ça.

Si tu veux changer le dégradé que j'ai fait par une couleur unique il faut que tu remplaces le " background:-moz-linear-gradient(#999999, #666666, #333333, #666666, #999999 ) !important; " par " background: #d8d7d7 !important; "

Un peu de vocabulaire :
Background : c'est le fond
border-width:2px; c'est l'épaisseur des quartes bordures
border-width:0px 1px 3px 0px; : c'est l’épaisseur de chaque bordure ( haut, droite, bas, gauche )
border-style: solid ; c'est le style de bordure http://css.mammouthland.net/border-css.php
border-color: #FFFFFF ; c'est la couleur de la bordure
color: #FFFFFF : c'est la couleur de l'écriture
hover : c'est le le pointage de souris

Si tu veux faire des annotations il faut les mettre entre /* et */

[Eve]

Je me demande si tu fais toujours de l'informatique

[Eve]

Que le temps passe vite !!!

[tisiphoné]

Que le temps passe vite !!!

ah oui le géant vert

[Eve]

Que le temps passe vite !!!

ah oui le géant vert

Il avait été très sympa avec moi
J'avais eu droit à des cours

[Crapulax]

.....Des cours de Flood?

[Eve]

.....Des cours de Flood?

D'informatique

Mon professeur de flood tu sais bien que c'est toi