This topic is part of our CSS Tutorials and Add-ons section: https://myanimelist.net/forum/?topicid=2077862 If you have a CSS code you want to host externally on Dropbox, this is how. This should speed up the layout, bypass some restrictions, and also let you add more CSS than the default edit box will allow. Step 1 Save the code as a CSS file Save your layout code as a CSS file. You need to copy it or edit it in a text editor, preferably Notepad or Notepad++, and add .css to the end and save the file type as CSS. Screenshot of how: https://i.imgur.com/v96qsbq.png Step 2 Upload to Dropbox and get Share Link Go to Dropbox and make an account there. https://www.dropbox.com/login Drag the CSS file for your anime covers CSS into the Dropbox folder on your Home page and choose Upload. You can also use Upload File. The page or folder you put the file into really doesn't matter, but Home is just easiest and the default. Find the CSS file in your home folder, or under Recents. Click the More at the end of the location of your file and click Share. Now click Copy Link. This link you copy is the link to your CSS file. But it's not a true direct link to the CSS yet, you need to edit it into an @import line so your CSS can use it. Step 3 Create the import and paste it to the top of your CSS I recommend pasting the Dropbox share link to somewhere you can edit it, like Notepad, the top of your CSS, or even replying to this topic. Delete these parts in your link which I've colored in red: https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0 The result for my import: /s/x7pkbz3tbjlcurp/test.css Paste this to the start: @\import "https://dl.dropboxusercontent.com Paste this to the end: "; The result: @\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css"; The import is complete! Paste it to the top of your CSS to link your covers CSS. You can do the same for your manga list with the manga cover CSS. In my example, the preview pics have been restored. How to update Edit the file on Dropbox or on your PC, and drag it into Dropbox and replace the old one. Make sure both files have the same name and are the CSS type. The CSS should update on MAL. |
Shishio-kunMar 24, 2023 6:14 PM
| I would like to mention that dropbox also has a desktop app that you can download and then edit the files on your PC and it will sync your files (without having to drag and drop), at which point you can just refresh your anime/manga list, so you never have to go into MAL's list design ever again (for the most part). |
   My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
ShaggyZE said: I would like to mention that dropbox also has a desktop app that you can download and then edit the files on your PC and it will sync your files (without having to drag and drop), at which point you can just refresh your anime/manga list, so you never have to go into MAL's list design ever again (for the most part). That's a really good point, thanks! |
| Looks like the backslashes got deleted from the main post again so the @\import syntax is fucky wucky. Starting to think images are the only solution to stop that from happening. >_> |
Valerio_Lyndon said: Looks like the backslashes got deleted from the main post again so the @\import syntax is fucky wucky. Starting to think images are the only solution to stop that from happening. >_> Oh that's right, good thing its been pointed out. There's probably many places I should go through after the great migration which will need adjustment. It's a never ending battle! |
Shishio-kunAnimeListMangaListMessage said: Valerio_Lyndon said: Looks like the backslashes got deleted from the main post again so the @\import syntax is fucky wucky. Starting to think images are the only solution to stop that from happening. >_> Oh that's right, good thing its been pointed out. There's probably many places I should go through after the great migration which will need adjustment. It's a never ending battle! The only counter I've found is to edit all my BBCode threads on my PC in a text editor and copy-paste it into MAL every time. Any time I use Quick Edit without pasting it seems to risk breaking the thread, but I've never had it break when I manually copy-pasted it in. Not a huge deal for me as I did that anyway, but still crazy it happens lol. |
Delete these parts in your link which I've colored in red: https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0 The result for my import: /s/x7pkbz3tbjlcurp/test.css Paste this to the start: @\import "https://dl.dropboxusercontent.com Paste this to the end: "; The result: @\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css"; For step 3, it looks like the part after the file name (test.css in the example) should now be included (I just learnt in this thread: https://myanimelist.net/forum/?goto=post&topicid=1825686&id=71353457). https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0 The result: @\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css?dl=0"; |
Reply to IridescentJaune
Delete these parts in your link which I've colored in red:
https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0
The result for my import:
/s/x7pkbz3tbjlcurp/test.css
Paste this to the start:
@\import "https://dl.dropboxusercontent.com
Paste this to the end:
";
The result:
@\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css";
https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0
The result for my import:
/s/x7pkbz3tbjlcurp/test.css
Paste this to the start:
@\import "https://dl.dropboxusercontent.com
Paste this to the end:
";
The result:
@\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css";
For step 3, it looks like the part after the file name (test.css in the example) should now be included (I just learnt in this thread: https://myanimelist.net/forum/?goto=post&topicid=1825686&id=71353457).
https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0
The result:
@\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css?dl=0";
| @IridescentJaune Isn't that how I've already listed it? I don't understand what the difference is here |
| if we follow the original method, it wont work anymore: now you need the stuff after .css: @\import "https://dl.dropboxusercontent.com/scl/fi/ysqlaexpmxiepi1p5calg/A-Rainbow-Clarified.css?rlkey=ppbvhvr32k3ppwcz2gfu338ns&dl=0"; |
Reply to karmashizzle
if we follow the original method, it wont work anymore:
now you need the stuff after .css:
now you need the stuff after .css:
@\import "https://dl.dropboxusercontent.com/scl/fi/ysqlaexpmxiepi1p5calg/A-Rainbow-Clarified.css?rlkey=ppbvhvr32k3ppwcz2gfu338ns&dl=0";
| @karmashizzle OK must be a new user thing. Mine still work. |
Reply to Shishio-kun
@IridescentJaune
Isn't that how I've already listed it? I don't understand what the difference is here
Isn't that how I've already listed it? I don't understand what the difference is here
| @Shishio-kun https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0 @\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css"; https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0 @\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css?dl=0"; The original instruction was to delete the ones in red. Notice the green color at the end of the link in my post? I believe that part should be added again instead of being omitted. I followed the tutorial back when I was fixing my code and realized that I had to add that last part and it worked for my list. It's just a minor edit to the original instruction. It has been 2 months since my previous post here so I don't know if there has been any changes with Dropbox (like with OneDrive) but so far the code I'm using is working fine. |
Reply to IridescentJaune
@Shishio-kun
https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0
@\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css";
https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0
@\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css?dl=0";
The original instruction was to delete the ones in red. Notice the green color at the end of the link in my post? I believe that part should be added again instead of being omitted. I followed the tutorial back when I was fixing my code and realized that I had to add that last part and it worked for my list. It's just a minor edit to the original instruction. It has been 2 months since my previous post here so I don't know if there has been any changes with Dropbox (like with OneDrive) but so far the code I'm using is working fine.
https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0
@\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css";
https://www.dropbox.com/s/x7pkbz3tbjlcurp/test.css?dl=0
@\import "https://dl.dropboxusercontent.com/s/x7pkbz3tbjlcurp/test.css?dl=0";
The original instruction was to delete the ones in red. Notice the green color at the end of the link in my post? I believe that part should be added again instead of being omitted. I followed the tutorial back when I was fixing my code and realized that I had to add that last part and it worked for my list. It's just a minor edit to the original instruction. It has been 2 months since my previous post here so I don't know if there has been any changes with Dropbox (like with OneDrive) but so far the code I'm using is working fine.
| @IridescentJaune OK I see now, thank you! I'll have to update it so ppl try both methods, I guess |
| OK I see the change now with brand new uploads. Hopefully this wonky link doesn't die in upcoming years?! https://dl.dropboxusercontent.com/s/t8qy8tlgl33czgnz5c6d4/TakanaGridBackup_2024.css?rlkey=zh8puklin5f6bkwtnz8lsoxvp |
More topics from this board
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
33 |
by iluvmozu
»»
2 hours ago |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7924 |
by Shishio-kun
»»
Sep 24, 1:50 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Sep 22, 4:35 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
382 |
by Shishio-kun
»»
Sep 22, 4:29 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
57 |
by Shishio-kun
»»
Sep 22, 4:27 AM |