Jump to content
Site Communauté
  • Billets

    • 4 comments
      Salut aux aux utilisateurs (1) de l'extension uBlock Origin ! 
      (1. Actuels ou potentiels ! Ne partez pas si vite ! ^^)
      Vous avez bien raison d'avoir choisi cette extension de filtrage publicitaire et de blocage des pisteurs du Web. C'est, je crois aussi, la meilleure dans le domaine.
      Et vous en avez une nouvelle preuve dans ce qui suit :
       
      uBlock Origin peut modifier l'apparence des sites
      Non-seulement uBlock Origin sait bloquer et filtrer finement les requêtes HTTP, mais l'extension sait aussi faire cela sur les éléments de chaque page de site Web.
      Mais savez-vous qu'elle peut aussi vous permettre d'appliquer des règles de mise en forme / d'apparence sur ces mêmes éléments Web ?
      Oui, à l'instar d'autres extensions dont c'est la spécialité, comme Stylish, UserCSS ou encore TamperMonkey, vous pouvez utiliser uBlock Origin pour appliquer une mise en forme particulière à un élément Web d'une page sur tout le site : couleurs, police d'écriture, dimensions, etc.
      Il vous faudra cependant connaître la syntaxe si vous voulez écrire vos règles vous-même, comme expliqué ci-après.
      Mais si c'est trop complexe pour vous, allez directement à la dernière partie copier-coller les règles de uBlock Origin toutes faites. 
      Syntaxe de sélection d'un élément à bloquer
      Les plus connaisseurs d'entre vous sauront que uBlock Origin utilise les sélecteur CSS pour cibler les éléments à retirer de toutes les pages d'un site. C'est celle qui vous est proposé lorsque vous utilisez l'outil pipette de l'extension :
      Une fois l'élément ciblé avec l'outil, uBlock vous propose plusieurs sélecteurs CSS selon l'amplitude d'impact de votre filtrage :

      Ce sont la plupart du temps une sélection par ID (#nomdelid) et/ou de classes (.nomdelaclasse), et plus rarement de position dans une liste d'éléments (:nth-child(an+b)).
      Or, pour cibler un élément sur lequel on veut modifier l'apparence, c'est exactement la même façon de faire. L'outil pipette vous sera donc d'une grande utilité !
      Syntaxe d'ajout d'une règle de mise en forme CSS
      Si vous êtes un peu familier du code CSS, alors vous serez tout-à-fait en mesure d'écrire vos propres règles de mise en forme et d'apparence grâce à uBlock Origin. Changer les couleurs, les bordures, ajouter des ombres, modifier les polices d'écriture...
      Le principe d'ajout d'une mise en forme via une sélection d'élément est le suivant :
      Au bout du sélecteur, il faudra ajouter :style()
      Et c'est entre les parenthèses que vous pourrez ajouter votre règle CSS. Ainsi, dans notre exemple, nous pouvons ajouter la règle qui suit par exemple :
      lecrabeinfo.net##.langouste:style(overflow:hidden;max-height:50px !important;) Ce qui limitera les encarts publicitaires à 50 pixels de haut dans les articles du site.
      Il est possible de faire pas mal de chose, y compris même, ajouter du contenu à l'aide des pseudo-éléments ::before et ::after. Mais attention, tout n'est pas possible :
      Limites d'écriture du CSS
      Attention : vu la présence de parenthèses, impossible d'utiliser une fonction CSS dans vos règles, car elles impliquent elles aussi des parenthèses. Or, de nouvelles parenthèses sèmeraient la confusion dans l'écriture des règles de filtrage. Hé oui ! 
      Impossible également d'utiliser des media-querries, ou des @font-face. On s'en doute.
      Tout comme de passer une ligne entre vos règles CSS est exclu, bien entendu.
      Et impossible aussi d'ajouter une virgule dans vos sélecteurs, pour appliquer la même règle CSS à plusieurs cibles. Et ça c'est dommage.
      Donc les possibilités ne sont pas infinies, mais cela vous permet déjà de faire pas mal de choses.
       
      Règles d'amélioration
      Voici quelques exemples de règles qui pourront, à mon avis, vous intéresser sur le site du Crabe :
      Celles-ci sont à copier-coller dans la rubrique Mes filtres, du Tableau de bord qui s'ouvre en cliquant sur l'icône de uBlock Origin, puis sur les roues crantées :

       
      Icônes en couleur pour différencier les publications selon leur endroit :
      Ces règles changent la couleur des icônes des éléments du flux, avec cette légende :
      ██ Commentaires d'articles du site ██ Publications faites sur le forum ██ Statuts écrits sur le profil d'un membre ██ Billets de blog ██ Commentaires de billet de blog
      ! Identifier les contrib côté site, blog, forum et profil community.lecrabeinfo.net##.ipsStreamItem_contentType[_title="Billet"]:style(background:#2D3748 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[title="Billet"]:style(background:#2D3748 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[_title="Commentaire du blog"]:style(background:#718096 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[title="Commentaire du blog"]:style(background:#718096 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[_title="Message"]:style(background:#FF8153 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[title="Message"]:style(background:#FF8153 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[_title="Sujet"]:style(background:#FF8153 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[title="Sujet"]:style(background:#FF8153 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[_title="Comment"]:style(background:#0027CE !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[title="Comment"]:style(background:#0027CE !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[_title="Mise à jour de statut"]:style(background:#1778F2 !important;) community.lecrabeinfo.net##.ipsStreamItem_contentType[title="Mise à jour de statut"]:style(background:#1778F2 !important;)  
      Mettre une hauteur maximale aux zones de code :
      Sur le forum, vous aurez parfois un membre qui affichera des longs paragraphes de code ou de résultat d'analyse sous forme d'une zone de code. Ce qui est plutôt gênant pour la navigation (nécessite de martyriser la roulette de votre souris).
      Voici une règle qui va limiter leur hauteur, et afficher une barre d’ascenseur vertical à droite :

      ! Hauteur max des pavés de code community.lecrabeinfo.net##.ipsComment .ipsComment_content pre:style(max-height: 250px;)  
      Diminuer la visibilité des visiteurs non-connectés dans la liste des personnes sur le site :
      Lorsque vous consultez la liste des personnes qui naviguent actuellement sur le site, vous constatez beaucoup de visiteurs non-connectés. Au lieu de filtrer les résultats pour n'afficher que les membres connectés, vous pouvez ajouter cette règle qui va rendre plus discrets tous ces visiteurs :

      ! Membres invites +discrets community.lecrabeinfo.net##.ipsGrid span.ipsUserPhoto:style(opacity:0.5;) community.lecrabeinfo.net##.ipsGrid span.ipsUserPhoto+div:style(opacity:0.5;)  
      Et vous, avez-vous ce genre de règle personnalisée pour le site du Crabe ?
      Partagez-les nous en commentaire si vous le souhaitez. 
    • 0 comments
      Vous découvrez LeCrabeInfo ?  Bienvenue !
      Voyez ce qui correspond à vos besoins dans ce petit guide sur les différentes fonctions pour publier vos messages :
      Sommaire
      L'espace commentaire La discussion de forum Le message privé Le statut sur le profil de membre Le billet de blog Le sondage  

      1. L'espace commentaire
      Le classique : sous chaque article du site (ou de blog), l'espace commentaire permet de (ô surprise)… commenter pardi ! 
      Utilité : Émettre publiquement un avis, remarque ou poser une question, mais en lien avec le contenu de l'article.
      Pas besoin de guide, vous savez faire !
       
       

      2. La discussion de forum
      Dans la vie hors ligne, un forum a la même vocation qu'en ligne, à savoir discuter sur un sujet de manière construite, pour aboutir à une résolution.
      Utilité : Démarrer en public un échange construit sur un sujet, dans le but de le voir progresser.
      La discussion peut être marquée comme étant résolue et un message en particulier peut être marqué comme solution, ce qui facilitera la lecture aux futurs intéressés de passage.
      Guides :
      Ouvrir une discussion sur le forum
      Rédiger / mettre en forme ses messages
      Arrêter de recevoir les notifications d'une discussion
       
       

      3. Le message privé
      Entre deux ou jusqu'à 5 personnes, le message privé (MP) revient à une discussion de forum, mais en privé.
      Utilité : Au lieu d'encombrer une discussion publique ou divulguer des infos, le MP permet de se concerter, traiter un désaccord, ou simplement papoter en privé.
      Guide :
      Ouvrir une discussion privée
       
       

      4. Le statut sur le profil de membre
      Comme sur un mur Facebook ou son fil X, le site permet à chacun de publier des messages nommés "statut", que chacun pourra commenter ensuite.
      Utilité : Faire du micro-blogging pour publier rapidement ses avis, des nouvelles, etc. comme sur un réseau social.
      Guide :
      Pour ajouter un statut, c'est très simple : cliquez sur votre avatar pour vous rendre sur votre profil. Et juste en haut de l'onglet Activité, vous avez une zone d'écriture pour publier un message de statut.
      Afficher tous les statuts des membres du forum
       
       

      5. Le billet de blog
      Le site propose d'ouvrir un blog pour y publier vos articles. Vous souhaitez rédiger une documentation ? Un tutoriel ? Ou même un avis qui s'étend en longueur ?
      Ouvrez votre blog et publiez votre premier article ! 
      Utilité : Contribuer au site par des articles, qui pourront être élaborés tranquillement en privé avant publication, avoir une image de garde, et être rangés par catégorie.
      Guide :
      Pour ouvrir son blog, rendez-vous en haut de la partie Blog, et cliquez sur le bouton qui vous invite à le faire.
      Une fois votre espace créé, vous aurez un bouton pour créer votre premier article.
       
       

      6. Le sondage
      Chaque discussion de forum publique ou billet de blog peut contenir un sondage lors de sa création. Si vous souhaitez faire un sondage, il faudra créer l'un ou l'autre.
      Utilité : Faire un sondage permanent ou avec une date d'expiration, sous forme de choix ou de QCM, pour recueillir les votes de la communauté.
      Guide :
      Pour créer un sondage, ouvrez une nouvelle discussion sur le forum, ou un nouveau billet de blog. Mettez obligatoirement un titre et un texte d'introduction. Puis cliquez sur l'onglet Sondage, à droite de l'onglet Contenu.
      Vous pourrez alors écrire vos questions, les choix proposés, et les réglages à mettre en place.
      Une fois fait, il ne vous restera qu'à cliquer sur le bouton Créer le sujet (ou Soumettre le billet) plus bas.

       
      En vous souhaitant bonne participation ! 
    • 9 comments
      salut
      une solution:
      ouvrir avec votre client de messagerie le msg (thunderbird par exemple)
      affichage : code source du message
      faire un copier du code source
      apres se rendre sur google et chercher : analyser l entete d un email
      en lisant les infos décryptées il sera plus facile de se mefier de tel ou tel message
      ainsi recevant ceci
      le code source est
        une fois lancé l analyse sur https://toolbox.googleapps.com/apps/messageheader/
      perso j eviterai de me rendre sur le site... le tel et l adresse mail sont fr pour un site enregistre en uk....
      avec un recours au luxembourg ....
    • 13 comments
      salut
      le croireriez vous ? ils l ont fait !! poussez le crétinisme dans ses derniers retranchements !!
      les fusibles audiophiles !!!!
      perso je serais surtout tenté de croire au fusibles pour Idiot Philes.....
    • 0 comments
      bonjour
      je vous enjoint a regarder l excellent reportage de deus ex silicium sur le cout de remplacement de certaines pieces....
      on a le choix entre l arnaque du fabriquant et l arnaque des chinois
       
  • Forum Statistics

    13.4k
    Total Topics
    162.4k
    Total Posts
  • Member Statistics

    68542
    Total Members
    1033
    Most Online
    Pol Ochon
    Newest Member
    Pol Ochon
    Joined
×
×
  • Create New...