Forum Settings
Forums

[CSS- CLASSIC] Pre-Made CSS For Your Anime or Manga List! (Channel-style layout)

New
Reply Disabled for Non-Club Members
Pages (4) « First ... « 2 3 [4]
Jan 31, 2013 3:02 PM

Online
Feb 2010
12659
jstrait17 said:
Hey, I was wondering if i can make the background behind the lists transparent to make the background i put on easier to see?


Make .list_surround's background transparent. Or use a translucent color, see tutorial on it here
myanimelist.net/forum/?topicid=440525
Jan 31, 2013 3:19 PM

Offline
Feb 2011
6109
Shishio-kun said:
jstrait17 said:
Hey, I was wondering if i can make the background behind the lists transparent to make the background i put on easier to see?


Make #list_surround's background transparent. Or use a translucent color, see tutorial on it here
myanimelist.net/forum/?topicid=440525


Fixed. :p
Jan 31, 2013 3:50 PM
Offline
Apr 2012
3
Shishio-kun said:
jstrait17 said:
Hey, I was wondering if i can make the background behind the lists transparent to make the background i put on easier to see?


Make .list_surround's background transparent. Or use a translucent color, see tutorial on it here
myanimelist.net/forum/?topicid=440525


thanks! appreciate the help.
Mar 6, 2013 6:20 PM
Offline
Jan 2012
1184
thanks for the CSS :3 i made the anime list with this template ^^

and the background list tutorial i made it too :)
Jun 1, 2013 3:26 AM

Offline
Oct 2012
2
I have a problem.
http://imgur.com/bipqY27,dXLm4Rs#0
Please help!
Jun 1, 2013 12:03 PM

Online
Feb 2010
12659
silenth said:
I have a problem.
http://imgur.com/bipqY27,dXLm4Rs#0
Please help!


You're using the wrong kinda links for your custom images, use direct link types as outlined in tutorials here on that kinda thing.

On the light text, go into the top of the code and find the * under LIST FONT. Replace it with #list_surround, #list_surround a. This should fix the text color.
Jan 24, 2014 9:38 PM

Offline
Apr 2008
125
I'm wondering how I would go about making it so that the line I'm hovering over becomes highlighted?
I like the compactness of this layout for my manga list, though with that compactness I'm having some issues with my eyes straying and losing track of which line I was looking at.
Leader of Whiteout Scans
Current project: ReLIFE
Jan 25, 2014 2:25 AM

Offline
Apr 2012
181
One simple way is by adding this code

tbody:hover .td1, tbody:hover .td2 {
background-color: #000;
opacity: 0.4;
}



#000 --> black
can be changed by whatever color you want

opacity: 0.4
looks better than a solid color, also can be changed between 0.0 and 1.0, where 0.0 means totally transparent and 1.0 means solid color.
al_exsJan 25, 2014 2:28 AM
Jan 25, 2014 6:09 AM

Offline
Apr 2008
125
al_exs said:
One simple way is by adding this code

tbody:hover .td1, tbody:hover .td2 {
background-color: #000;
opacity: 0.4;
}



#000 --> black
can be changed by whatever color you want

opacity: 0.4
looks better than a solid color, also can be changed between 0.0 and 1.0, where 0.0 means totally transparent and 1.0 means solid color.


Thanks a bunch! Exactly what I was looking for!
Leader of Whiteout Scans
Current project: ReLIFE
Aug 6, 2017 8:07 AM

Online
Feb 2010
12659
Fixed these back after Photobucket nonsense
Sep 20, 2017 6:57 PM

Offline
Nov 2012
127
I think some of the image links for the headers in the manga version are missing

Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.

Sep 21, 2017 6:33 AM

Online
Feb 2010
12659
devilsrider said:
I think some of the image links for the headers in the manga version are missing



OK I took some time to repair it and recreated them. You have to reinstall the manga list layout CSS
Sep 21, 2017 12:06 PM

Offline
Nov 2012
127
Shishio-kun said:
devilsrider said:
I think some of the image links for the headers in the manga version are missing



OK I took some time to repair it and recreated them. You have to reinstall the manga list layout CSS


Thank you!
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.

Dec 5, 2017 2:03 PM

Offline
Aug 2009
282
So sorry I've been quite inactive the last couple of months, years, whatever. Anyway, I just took some time to swap all of the Photobucket images and uploaded some new ones to Tinypic in order to repair my anime list. I'll fix the manga list soon, as well. Maybe I'll do a nicer looking text and images in Photoshop; I just did some fast editing with paint.net. I haven't been using CSS for years, so I just did some quick fixes here and there from what I remembered. Here it is for anyone still using this list layout:
RodnessDec 5, 2017 2:07 PM
Sep 29, 2019 4:04 PM

Offline
Nov 2012
127
tinypic is dead, and it seems like this layout is broken again :(
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.

Sep 29, 2019 8:28 PM

Online
Feb 2010
12659
devilsrider said:
tinypic is dead, and it seems like this layout is broken again :(



To repair the layout, you have to upload the broken tinypic link to the Wayback Machine and then download one of the old copies of the image to your PC or laptop, the upload that to Imgur, and paste the new image link into your CSS and replace all the old Tinypic links this way.
https://archive.org/web/

I'm working on a video on how to do this now, so it should be shared later, and I might open a thread up where ppl can post their broken CSS to get repaired later
Reply Disabled for Non-Club Members
Pages (4) « First ... « 2 3 [4]

More topics from this board

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Jul 21, 2017

381 by KabukiChouNights »»
Sep 13, 10:56 AM

» theme help

threat - Jul 5

5 by Zaryf »»
Aug 21, 5:46 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1261 by KiranaStarr »»
Aug 16, 5:48 PM

» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes

Shishio-kun - Mar 8, 2021

30 by Shishio-kun »»
Jul 28, 3:17 AM

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login