Forum Settings
Forums

[CSS - CLASSIC] Highlight all your favorite anime titles on your list in seconds (using CSG)

New
Dec 11, 2014 5:53 AM
#1

Offline
Feb 2010
12687
CSG is a new (and still experimental, so not supported currently) program from Veriti which generates special CSS for your list that would otherwise be extremely tedious and difficult to write on your own, no matter how skilled you are. For example, I can quickly generate CSS to highlight all the anime on my list which I've rated a certain score or higher. Example:


As seen in the sample, all the anime which I've scored 8 or higher is highlighted with a gold glow! Now anyone who visits my list will easily find what my highest rated are. I can simply say to my friends "try the gold titles on my list." (You'd agree Haganai and Death Note are great recs- right??)

Normally, writing the codes to do this trick would take forever and the codes will be different for every user, so its not something I can simply give you. But CSG does this for any user in seconds! Follow the steps and you can do the same for your list no matter what the style.





1. Download and extract the CSG program.
Download link here: https://www.dropbox.com/s/3tc3n5kjjeebnmc/csg-cli.7z?dl=0

Extract the program to its own folder when done. If you don't know how to extract a file I'll tell your through the spoiler. Its free, safe, and easy to do:



2. Go into the folder you extracted in step 1 and find the "cli" folder. Click the cli.exe icon in there to start CSG.
If you need help, I'll point it out in the spoiler with examples:




3. Under where it says "Please enter the file name to save code at:" you need to type "new.css" (without quotations). Hit enter when done.
If you're not sure how follow these:






4. Designate the username and list you want to make CSS.
Once it says Hello fellow user! you can start entering commands. Enter setuser followed by a space and your username here on MAL. Then hit enter. See the visual example:


Next you need to designate the list type, so next type in for followed by a space and then anime if you're doing this trick for your anime list, or manga for your manga list. Example here:


After you do this correctly, it should say Done!. It will add a new.css file to your cli folder you opened earlier. This file will be empty, but we're going to generate CSS for it in step 5.



5. Copy and paste this command into CSG and hit enter.
Now the program is ready to take commands to create CSS! Here's the command to make CSS that highlights all titles which you score over 8. Copy and paste it into CSG then hit enter.

pick .animetitle[href*="/$id$/"] {text-shadow: [[1px 1px 5px gold]];} if ($score$ >= 8)


Example here:




6. Find to the "new.css" document in the cli folder and open it. Copy the generated CSS in there, and paste it to your CSS edit box here on MAL! Save and you're done.
If you have trouble finding the cli folder, remember its the folder you opened earlier in the CSG folder you extracted. If you're having trouble finding the new.css file, I circled it in the example here:
http://i.imgur.com/5kiyg3D.png

With that CSS copied, paste it to your CSS edit box here on MAL. When you save it you'll get the effect on your list shown at the start of the topic!





Tweaking the code entered in step 4.




Shishio-kunSep 1, 2016 9:22 PM
Reply Disabled for Non-Club Members
Dec 11, 2014 6:42 AM
#2

Offline
Oct 2013
106
Nice might have to try this out :D
Dec 11, 2014 8:05 AM
#3

Offline
Feb 2010
12687
Yes this is a cool trick but I'm still going to polish it up a little more later. I hope to also add another topic on instantly marking all your favorites with an icon (like a star or flower).
Reply Disabled for Non-Club Members

More topics from this board

» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Apr 15, 2010

7924 by Shishio-kun »»
Yesterday, 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

Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templates

Shishio-kun - Feb 16, 2023

31 by Shishio-kun »»
Sep 22, 4:14 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login