Précédemment, on a vu de nombreux outils et applications Twitter pour profiter d’une meilleure expérience. Des petits réglages sur l’interface web de Twitter peuvent ajouter du piquant si vous êtes un amateur d’interface. Il existe de nombreux clients Twitter disponibles pour tweeting, mais la majorité des gens aiment l’interface web pour sa simplicité et parce qu’il offre de nombreuses personnalisations comme changer la couleur de fond, changer de couleur, choisir un theme, etc. Aujourd’hui nous allons voir comment modifier la barre latérale Twitter et la rendre transparent.
Ayant une barre latérale transparente sur twitter est une mauvaise idée, parce que si votre couleur de fond est similaire à la couleur du texte, alors… Bon, si vous voulez essayer cet astuce, alors c’est très simple :
- Rendez-vous sur la page Twitter.com > Paramètres > Thème.
- Collez le code suivant sur la barre d’adresse puis appuyez sur la touche “Entrée” .
- Cliquez sur “Enregistrer les modifications” en bas de la page.
javascript:document.getElementById("user_profile_sidebar_fill_color").value = '';document.getElementById("title_theme").innerHTML = 'Click The Save Changes Button At Bottom To Finish!!';void(0);
Le tour est joué et normalement vous aurez une barre latérale transparente 
Si vous rencontrez des problèmes tout en faisant de ce processus, n’hésitez pas à commenter ci-dessous.
Publié par SoEnLion le octobre 2, 2010 à 1:02
Nice trick
Publié par Lauriane le octobre 3, 2010 à 4:57
et comment on fait pour l’enlever la barre transparente après ? :S
Publié par kaiseg le octobre 4, 2010 à 12:54
il suffit simplement de changer le thème de couleur…
Publié par Melissa le octobre 8, 2010 à 4:04
Moi J’y Arrive pas du tout xD
Je fais Copier Coller et sa réagi pas :/
Publié par Sarah le octobre 18, 2010 à 9:15
Et savez-vous comment on peut faire pour que la transparence ne soit, par exemple, qu’à 70% ?
Imaginons que je souhaite que ma barre latérale soit blanche et transparente qu’à moitié…
Dans tous les cas, merci beaucoup pour le tuyau !
Publié par Oxydium le janvier 23, 2011 à 11:48
As-tu trouvé une solution depuis ?
Publié par Pauline le novembre 18, 2010 à 3:25
Je n’arrive pas du tout, je ne sais pas si il faut mettre tout e code etc…
Pouvez vous m’aidez?
Publié par katy le novembre 29, 2010 à 2:54
sa marche pas du tout
Publié par kaiseg le novembre 30, 2010 à 8:36
ça marche bien
je l’ai testé personnellement avant de la posté…
Publié par Sandra le décembre 5, 2010 à 12:22
Je ni arrive pas comment faire ??
Publié par Sandra le décembre 5, 2010 à 12:22
sa ne marche pas
Publié par Sandra le décembre 5, 2010 à 12:24
Ah si c’bon s amarche superr <3
Publié par Sharon le décembre 10, 2010 à 7:02
J’ai trouvé sur un autre site comment faire ;
Vous allez dans les thème vous enlever ce qui y’a dans la barre d’adresse puis vous collez ça;
javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);
Ensuite vous verrez ‘Click The Save Changes Button At Bottom To Finish!!’ Puis vous SAUVEGARDER !
Publié par Tweets that mention Twitter : astuce pour une barre latérale transparente « Le Blog de KAIS EL GHOUL -- Topsy.com le décembre 21, 2010 à 9:59
[...] This post was mentioned on Twitter by FanPage OF L.P / PR . FanPage OF L.P / PR said: RT @_FlownAway: @SamahMcdougii http://kaiseg.wordpress.com/2010/08/12/twitter-astuce-pour-une-barre-laterale-transparente/#more-515
[...]
Publié par Oceane le février 6, 2011 à 6:28
Sa marche très bien il faut juste faire copier coller, en faisant attention quand vous le collez en haut qu’il n’y est pas de “#” et sa marche !
Publié par Megan le février 19, 2011 à 5:05
Beeeh! Ou on le met le javascript:document.getElementById(« user_profile_sidebar_fill_color »).value = »;document.getElementById(« title_theme »).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);
Ça fonctionne pas
Publié par Zaara le février 21, 2011 à 7:41
j’y arrive pas
Publié par littlemonster88 le mars 25, 2011 à 5:47
euu quand je fais copier collé sur la barre d’adresse , sa me met sur une page web de bing web chez pas quoi … je comprend pas LOL
Publié par Natachaa le avril 8, 2011 à 9:28
J’y arrive pas :/ C’est laquel des barres d’adresse ?
Publié par ilayda le avril 13, 2011 à 2:41
Ca marche paaaaas !
Publié par Marion le avril 16, 2011 à 6:46
C’est ou les parametres ? et jai pas compri ou est ce qu’il faut faire copier coller ?
Publié par Océane' le mai 13, 2011 à 5:16
Ça ne marche pas du tout, j’ai essayé avec Mozilla, Google Chrome et Safari et ça ne fonctionne pas du tout.
Publié par Sara le mai 23, 2011 à 7:47
Ça marche pas!
Publié par Aurelie le juin 7, 2011 à 12:37
J’ai le nouveau internet et donc lorsque j’appuie sur le touche entrée ça me lance une recherche :$
Publié par Camille le juin 16, 2011 à 1:25
moi je comprend pas, ça ne fonctionne pas .. aidez moi en me donnant des consignes plus clairs .. merci d’avance!
Publié par Julie le juin 27, 2011 à 7:22
Avant cela fonctionnait très bien mais aujourd’hui je n’ai pas réussi à la mettre en transparente une seule fois.
Suis-je la seule dans ce cas ?
Publié par Guiguisss le octobre 2, 2011 à 6:55
Noon!! Pareil!! C’est exactement la même chose pour moi… C’est peut être interdit…
Publié par Laurent le décembre 12, 2011 à 6:29
Pareil pour moi. Ca a très bien marché quand je suis passé du Https au Http. Le mode sécurisé me le bloquait. Après une nouvelle modification de l’arrière plan, impossible de remettre la barre des tâches tranparente. Pourtant, je fais exactement la même manip. Twitter ferait bien de nous proposer la chose dans les options…
Publié par sarah le juillet 2, 2011 à 12:40
j’ai rien compris je mes ou le lien ? ou je le prend comlet il est long
Publié par kaiseg le juillet 6, 2011 à 12:38
l’astuce marche encore mais il ne rend transparent que la partie droite de twitter
Publié par Caro le juillet 10, 2011 à 11:02
C’est vraiment mal expliquer !
Dans la barre d’adresse est ce qu’on doit laisser “twitter.com/setting/disign..” ou on doit le supprimer et copier le code. Après est ce qu’on doit cliquer sur entrer, et enregistrer ou directement cliquer sur enregistrer ?
Publié par Laurent le décembre 12, 2011 à 6:35
On remplace “twitter.com/setting/design..” par le code :
javascript:document.getElementById(« user_profile_sidebar_fill_color »).value = »;document.getElementById(« title_theme »).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);
Puis, on appuie sur la touche du clavier : “Entrée”. Ensuite, on sauvegarde en appuyant sur le bouton “Enregistrer” au bas de la page Web. C’est sensé fonctionné…
Publié par Laura. le juillet 12, 2011 à 1:51
Ca ne marche pas! Quand j’enregistre ça ne fait rien. Vous êtes sûre que c’est exactement ça qu’il faut mettre dans la barre de recherche?: javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);
J’ai besoin d’aide. Merci d’avance!
Publié par kaiseg le juillet 23, 2011 à 1:52
c’est pas dans la barre de recherche qu’il faut mettre le code, c’est dans la barre d’adresse (ou il y a le http://www...)
Il faut que ta page sera celle des thermes pour que tu puisse cliquer sur le bouton “enregistrer”
tu peux voir le résultat sur mon profils twitter http://twitter.com/#!/KaisEG
Publié par Laura. le juillet 31, 2011 à 3:55
Je m’était effectivement trompé ^^. J’avait trouvé le truc, merci quand même!:D
Publié par Lola Rivesta le juillet 29, 2011 à 1:15
Bonjour, alors voilà moi je l’ai fais tout a très bien marché, cependant j’ai tenté de changer mon arrière plan, et depuis que j’ai fais cette manip je ne peux plus le changer, la barre est même redevenu flou quand j’ai tenté de changer de fond, quelqu’un aurait-il une solution s’il vous plait? Merci d’avance.
Publié par Édouard Germanotta le août 12, 2011 à 2:22
J’ai le même problème. Et personne a la solution.
Publié par katidja le août 5, 2011 à 1:16
j’arrive pas j’ai pas tres bien compris est ce que on doit laisser https://twitter.com/settings/design et coller ou tout effacer puis coller javascript:document.getElementById(« user_profile_sidebar_fill_color »).value = »;document.getElementById(« title_theme »).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0); et puis est ce que l’on doit cliquer entrer ou clique directement enregistrer
Publié par kaiseg le août 8, 2011 à 2:31
tu efface le lien www de la barre des taches, tu colle le javascript à sa place, tu fonce “entrée” puis tu “save changes”
Publié par katidja le août 5, 2011 à 1:23
j’arrive pas j’ai pas tres bien compris est ce que on doit laisser https://twitter.com/settings/design et coller ou tout effacer puis coller javascript:document.getElementById(« user_profile_sidebar_fill_color »).value = »;document.getElementById(« title_theme »).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0); et puis est ce que l’on doit cliquer entrer ou clique directement enregistrer
Publié par kikoo,moi c'est Elo. (@LEGEREMENT_NUL) le août 7, 2011 à 1:45
ayant, moi-même twitter j’ai voulue essayer! Ca a marcher mais voilà maintenant quand je colle le “lien” dans la barre d’adresse et que je clique sur entrée ça me met une recherche! merci de me répondre!
amicalement, Eloïse.
Publié par kaiseg le août 8, 2011 à 2:36
t’as peut-être oublié le point-virgule à la fin de la fin du code javascript…
Publié par Édouard Germanotta le août 12, 2011 à 2:15
J’ai le même problème et je croie que on peut rien y faire.
Publié par Édouard Germanotta le août 12, 2011 à 2:19
Je croie que le probléme c’est la marque de l’ordie car quand je le fais avec le pc d’une copine sa marche et avec mon mac sa marche pas.
Publié par margauw974 le août 8, 2011 à 3:16
Salut,
Bah moi ça marchait, et là depuis peu, j’ai changé mon Background, et quand je rentre le code de transparence et que je clique sur entrée sa me renvoi sur une recherche internet. Donc je ne peux pas valider le code, donc quand j’enregistre ça n’a pas été pris en compte.. :S
Si vous avez une solution à mon problème dites moi SVP, car avant ça marchait ..
Bisous
Publié par LD (@BeBlondeBeRich) le août 12, 2011 à 1:16
Pour ceux que le lien envoie sur une recherche google quand vous mettez cliquez sur entrée après avoir mis le lien :javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);
( si vous avez google chrome comme moi , le javascript : ne s’affiche pas quand on le copie colle dans la barre , il faut donc le rajouter au début du code avant de cliquer sur entré ) voila , j’espere que vous avez compris
Publié par Nguyen Mai-Linh (@Mishiko_) le novembre 20, 2011 à 12:39
je l’ai fait ça marche pas et ça me renvois toujours sur une recherche.
Publié par leeazy le août 14, 2011 à 10:38
je copie colle le lien donné et quand j’appuie sur le bouton entrée ca me redirige vers le net ….. donc bonnn :s ET j’ai bien vérifie l’adresse est bonne etc
Si vous pouvez m’aider ou m’éclairer ? Merci
Publié par Sarah LovesMBProd (@TeamMBTakeOver) le août 16, 2011 à 8:29
Moi sa me met toujours une recherche! Est-ce que sa marche avec Google Chrome??
Publié par Joanna le août 23, 2011 à 1:14
Moi ça me met une recherche et quand je fais entrée ils me disent
Désolé, cette page n’existe pas ! :/
Je suis sur Mozilla. Mais la barre d’adresse c’est bien celle ou on met les liens dedans ? x’) Je suis pas trop branché Internet…
Merci de vos réponses. (:
Publié par xSownia le août 27, 2011 à 5:40
J’avais réussis la manip, mais il y a peu de temps j’ai changer de fond et depuis la manip ne marche plus?
Publié par PATRICK DA SILVA † (@PatrickDaSilva3) le août 30, 2011 à 5:11
sa veut pas chez moi
Publié par Yé souis Lina ✞. (@ItsLinaa) le septembre 7, 2011 à 4:27
Au début ça marché très bien, puis maintenant plus du tout, vous pouvez m’aider ? (:
Publié par Claire le septembre 9, 2011 à 1:20
Bonjour et merci pour cette astuce qui fonctionne très bien pour moi ! C’est parfait.
Pourriez-vous me dire, s’il vous plaît, s’il est possible de modifier l’opacité de base de cette partie droite des profiles Twitter ? Si oui, comment ?
En passant, mais accessoirement, j’en profite pour vous demander s’il existe une astuce pour modifier la couleur de fond de la partie gauche.
Merci d’avance pour votre réponse !
Publié par £steℓℓe ツ (@SoFar_SoGreat) le septembre 9, 2011 à 4:19
Je suis désespérée lol avant j’arrivai très bien à mettre la barre transparente, je viens de changer mon thème & j’arrive plus du tout à la rendre transparente ! Pourtant je fais tout comme d’habitude. Je comprend pas ce qui va pas :/ est-ce que c’est la nouvelle version de twitter qui fait sa ?
Publié par Inna_FR le septembre 9, 2011 à 7:29
J’ai le même probléme que la pluspart des personnes ici ! Quand je copi/colle le code sa me met une rechercher google .. sa n’apparait pas de “Save changes” ou autre chose ..
Quelqu’un serait comment faire ?? SVP
Publié par kaiseg le septembre 18, 2011 à 11:23
essaye de faire la manip sur un autre navigateur…
Publié par Scarlett Johansson♥ (@Manuue20) le septembre 19, 2011 à 7:06
J’avais le même problème, en étant sur Google Chrome ça m’envoyer sur une recherche. Du coup j’ai changé de navigateur et je me suis mise sur Internet Explorer et cela a fonctionné
Merci pour cette super astuce.
Publié par Jessica is mine ♥ (@ohsonavy) le septembre 25, 2011 à 11:38
Bonjour ! Alors d’habitude j’y arrive très bien et là comme plusieurs personnes ici ça m’affiche une page lorsque je veux changer de BG ! J’ai vraiment tout essayer mais ça ne marche pas. Ensuite j’ai ouvert Mozilla et là ça marche
Mais si vous pourriez m’expliquer comment faire pour Google Chrome se serait vraiment gentil merci d’avance.
Publié par Nanou le septembre 26, 2011 à 3:19
Bonjour je sais que ce n’est surement pas le bon endroit pour demander ça mais c’est le sujet le plus proche de mon problème.
Cela fait quelques jours que plus rien ne s’affiche dans ma barre latérale (Par exemple les TT …) Elle est juste vide & je n’ai aucune idée du pourquoi étant donné que je n’avais rien changé. D’ailleurs je n’arrive plus non plus à Tweeter directement avec le Quoi de neuf de la page d’accueil mais bon ça encore ce n’est pas trop grave j’utilise l’ion “new tweet” en haut à droite.
Enfin bref si quelqu’un pouvez m’aider à savoir pourquoi ma barre est vide svp ? Merci d’avance
Publié par Guigouss le octobre 5, 2011 à 4:45
On ne peut plus le faire. Avant j’y était arrivé. Mais maintenant ça lance une recherche. C’est im-po-ssible. Vous pouvez essayer toutes les manières mais ça ne marchera pas.
Publié par Pauline le octobre 25, 2011 à 4:48
J’ai fais le lien sur la barre d’adresse, et ça me mène sur une page blanche avec un “#” on fais comment? :s
Publié par Joanna le octobre 28, 2011 à 10:36
Ca ne marche pas !
Quand je mets le lien ils disent que la page n’existe pas !
Publié par »TANiiA CHANELLE♔« (@Miisz_Taniia97) le novembre 8, 2011 à 12:44
Meme chose pour moi ..
Publié par »TANiiA CHANELLE♔« (@Miisz_Taniia97) le novembre 8, 2011 à 12:44
Bon moi je ne comprend rien de cela, j’ai esseyer sur Google Chrome et Ca me méne vers «Bing rechercher» , Puis j,ai esseyer dans un autre navigateur, [ Internet, Explorer] et c’est la meme chose, pourrier vous m’aider a le faire en me donnant des étape précice , car aprés tout ce que je vien de lire je suis vraiment confuse , ..
Merci de me répondre vite !
Publié par Leemonade le novembre 11, 2011 à 1:28
Il faut le mettre ou le code?
Merci de répondre clairement :$
Publié par Nguyen Mai-Linh (@Mishiko_) le novembre 20, 2011 à 11:52
Dans la barre d’adresse où il y a marqué : www ou http://
Publié par Léna Swag ☮ (@Krikement) le novembre 11, 2011 à 6:41
C’est quoi le code svp sa ne marche pas chez moii ?
Merci de me répondre vite !
Publié par Nguyen Mai-Linh (@Mishiko_) le novembre 20, 2011 à 11:26
Je ne sais pas comment vous faites les autres. Mais moi ça marche pas !
Publié par Mai-Linh Nguyen (@Linhou_) le décembre 4, 2011 à 11:40
Ah ah, ça marche !
Publié par mathusha le décembre 7, 2011 à 8:26
bon alors moi quand je fais entré, ça fait une recherche sur Google, quelqu’un m’aide ? ..
Publié par Madoka le décembre 12, 2011 à 3:42
Bonjour,
J’y suis arrivée en modifiant le code comme suit : javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“user_profile_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);
J’ai remplacé : getElementById(“title_theme”) par getElementById(“user_profile_theme”)
Puis j’ai sauvegardé.
Publié par mélanie le décembre 12, 2011 à 5:07
sa marcue pas comment on fait ????
Publié par Laurent le décembre 17, 2011 à 7:37
Finalement, j’y suis arrivé en utilisant Opera au lieu de Mozilla ou IE. Je ne retrouve pas le lien, mais un internaute signalait que par mesure de sécurité dorénavant Mozilla bloquait les scripts tapés dans la barre des tâches. J’ignore si c’est vrai, mais avec Opera, la manip fonctionne.
Publié par Laurent le décembre 17, 2011 à 7:38
Mozilla = Firefox…
Publié par anais le décembre 28, 2011 à 7:02
Avec safari ça marche aussi
Publié par MaudeBL le février 8, 2012 à 11:11
Ca ne fonctionne plus !!??!!
Publié par Joanna le février 20, 2012 à 12:30
Merci pour ce code, je l’utilisais avant
Et vous aurez une astuce pour centrer l’image de fond ?