It’s a function you can call to add CSS rules to the page’s final CSS style. Head = document.getElementsByTagName('head') Then, you can copy & paste this piece of code (that I found on the web, it’s used by many user scripts): In the header, the important tag is which tells tampermonkey which pages this script must apply to (in my case, *). Then, create a new script (tampermonkey has a small icon with a page and a green plus on the top bottom right corner). Once you’ve got a decent looking page (in my case I changed some width and max-width attributes) you’re ready to create a greasemonkey/tampermonkey script that automatically applies those changes for you when you visit that page.įirst, install greasemonkey or tampermonkey. Google’s official tutorial on the subject is here. use the developer tools to change its looks (just add a custom style on the right under element.style).take note of the element’s type (a, a, a, an, whatever it is), id or class.move the mouse pointer up and down in the developer tools frame until you see a blueish highlight over the element you want to edit.right-click on the element whose look you want to change and choose “Inspect element”.I’m enjoying feedly as a replacement for Google Reader, but I can’t stand its oh-so-narrow central frame when I’m on a 1080p 24” screen.įirst, you’ll want to produce the final result you’re aiming for with chrome/firefox developer tools in Chrome: This is more of a quick and dirty solution to the problem “I just want this thing to be bigger/smaller/a different color” for some web page, and I’m highlighting the word “dirty” here □ This is not a guide, as you can find plenty of them on the web (well, at least for Greasemonkey)…
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |