Forum Settings
Forums
New
May 14, 2013 7:32 AM
#1

Offline
Jul 2008
49


Anime Code:


Manga Code:






This list design allows you to use symbol to mark your favorite anime and manga. To enable it follow those easy steps:

Step one: Open new text file in Notepad
Step two: Paste following code:

.animetitle[href$="/"] span:after,
.animetitle[href$="/"] span:after {
content: ' ';
position: absolute;
display: block;
margin-left: 340px;
margin-top: -15px;
width: 16px;
height: 16px;
background: url('https://db.tt/2vN12FB2') no-repeat;
}

Step three: Add anime titles to .animetitle[href$="/"] span:after. The "/" is very important.
It should be looking like that:

Step four: Click on "Save As..." and save the file as animefav.css or mangafav.css (the .css extension is very important)
Step five: If you do not have a web server, create a free account on Dropbox or on other free hostings/file storages.
Step six: Upload your .css file to a public folder (in case of dropbox it will be Dropbox > Public)
Step seven: Copy the url address of your file and paste it into the empty brackets in @import url(); /* Favorites */
Last Step: Replace the headers in the Main Code:
For anime list, find @import url(https://db.tt/UrJHYD8P); /* Headers */ in the main code and change it to @import url(https://db.tt/sHiO1iFZ); /* Headers + Favorites */
For manga list, find @import url(https://db.tt/5IIeMvJK); /* Headers */ in the main code and change it to @import url(https://db.tt/VEAupv6P); /* Headers + Favorites */

The finished Main Code should look like:




1. Is this theme approved by Katawa Shoujo Developers?
Yes it is. I have a permission from Aura to use and share this theme.

2. Why there is only a picture of Lilly, I like the other girls too!
My original idea was to have random sprite each time you refresh the page. Since I couldn't find any good sprites beside this one, and the Developers turned down my request, Lilly became the official face of this theme.

3. Can I change that picture to something else?
I'm fine with that as long as you are not violating someones copyrights. The picture is stored under /* SIDE IMAGES */

4. Help! I can't see Lilly!
Don't worry, she can't... *bitʃslap* Ouch! Fine, that was a bad joke. The picture is set to display only on screens wider than 1450px. In my opinion it was ruining the composition on lower resolutions. If you really insist on having it, find @media all and (min-width:1450px) and change it to a lower number.

5. Will you make a theme for me?
Nope.

6. Will you marry me?
Umm... Nope.
seavenNov 7, 2014 7:53 AM
Reply Disabled for Non-Club Members
Jun 10, 2013 5:10 AM
#2

Offline
Jan 2013
42
Sweet! layout love the game favorite routes were Lilly & Emi
Oct 22, 2014 10:22 PM
#3

Offline
Oct 2013
106
How do you get a custom mouse curser? i have made my own list design and i really want to put in a custom mouse icon, but i don't know how or where to find code for something like that.

Also very good skin one of my favorites! :)
Oct 22, 2014 10:33 PM
#4

Offline
Jul 2008
49
You have to style cursor property for a, a:visited, a:hover, body and html

body, a, a:visited, a:hover {
cursor: url() 0 0, auto !important;
}

html {
cursor: url() 1 2, auto !important;
}

dunno why I have 1 2 on html. There was some grand design behind this I suppose. I don't remember...

[edit]

MAL is removing backslashes from messages. between h and t in html must be a backslash. This is how my cursor.css looks like for this theme: http://puu.sh/cn2QH/b3eaad5028.png
seavenOct 22, 2014 10:38 PM
Oct 23, 2014 10:14 AM
#5

Offline
Oct 2013
106
seaven said:
You have to style cursor property for a, a:visited, a:hover, body and html

body, a, a:visited, a:hover {
cursor: url() 0 0, auto !important;
}

html {
cursor: url() 1 2, auto !important;
}

dunno why I have 1 2 on html. There was some grand design behind this I suppose. I don't remember...

[edit]

MAL is removing backslashes from messages. between h and t in html must be a backslash. This is how my cursor.css looks like for this theme: http://puu.sh/cn2QH/b3eaad5028.png
Thank you. :)
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