[CSS] Using Inspect Element to customize your layout live and find codes (even beginners can use this)
This tutorial is part of our Classic CSS Tutorials and Add-ons section: http://myanimelist.net/forum/?topicid=419405 This tutorial is also part of our Modern CSS Tutorials and Add-ons section: http://myanimelist.net/forum/?topicid=1499059 We use this tool in Firefox to edit a list live on the list page, and we even use it when making new original layouts! It can also be used to: * find selectors and codes * test CSS codes * repair layouts * look at another user's CSS My video will show you how to use Inspect Element to edit any list layout and find codes so you can do this on your own and edit your own list how you want. I'll also provide some tips on it and repair a couple layouts with it. With these skills, you too can become a list designer and make original layouts! Youtube Link: https://youtu.be/cTGbVutdqfc [/center] Timestamps: How to use Inspect Element: 0:24 Extra Tips: 5:35 Repairing a couple layouts with Inspect Element: 7:08 Resources: Starter video on installing a premade list layout: https://myanimelist.net/forum/?topicid=1499058 Firefox link: https://www.mozilla.org/en-US/firefox/new/ https://www.mozilla.org/en-US/firefox/all/ W3schools CSS site: https://www.w3schools.com/css/ Former Text Tutorial: |
Shishio-kunAug 3, 2019 8:20 PM
| Do you have a tutorial that uses chrome? It won't let me edit sources |
| The Firefox Style Editor just loads forever and never shows any CSS. Any ideas on how to fix this problem? Thank you. |
 |
MoFried said: The Firefox Style Editor just loads forever and never shows any CSS. Any ideas on how to fix this problem? Thank you. I had the same problem but i never found solution so i just give up. |
 |
AllenVonStein said: MoFried said: The Firefox Style Editor just loads forever and never shows any CSS. Any ideas on how to fix this problem? Thank you. I had the same problem but i never found solution so i just give up. It is because of Adblock in Firefox probably. Go to this page: http://myanimelist.net/animelist Go to Adblock's icon as shown here  And disable it for that page. It should disable for all animelist pages, which are ad-free anyways. The last bastion. If you don't see the icon go to your Firefox customize settings and move it to your bar, or just disable it for that page manually Disable it for mangalists too http://myanimelist.net/mangalist |
Shishio-kunNov 12, 2015 2:01 PM
| Yes it's working now thnx ^^ |
|
Shishio-kun said: AllenVonStein said: I had the same problem but i never found solution so i just give up. It is because of Adblock in Firefox probably. Go to this page: http://myanimelist.net/animelist Go to Adblock's icon as shown here And disable it for that page. It should disable for all animelist pages, which are ad-free anyways. The last bastion. If you don't see the icon go to your Firefox customize settings and move it to your bar, or just disable it for that page manually Disable it for mangalists too http://myanimelist.net/mangalist That fixed the problem! Thank you very much. :) |
|
More topics from this board
» [CSS - MODERN] ⭐️ All ways to customize individual anime and individual list rows (mark your favorites!)Shishio-kun - Sep 4, 2020 |
12 |
by takkun_
»»
Yesterday, 12:00 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2023 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
359 |
by CLModerno
»»
May 5, 7:50 PM |
|
» [CSS - MODERN] Add side renders to list layouts (including for each category!)Shishio-kun - May 15, 2021 |
3 |
by gwynsyl
»»
May 5, 1:41 PM |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7819 |
by Nunphell
»»
May 5, 12:35 PM |
|
» [HALL OF LEGENDS] Hacker09, MyAnimeList's #1 coder!Shishio-kun - Dec 10, 2023 |
9 |
by hacker09
»»
May 2, 9:29 PM |