❓ Ask for help here + See Frequently Asked Questions

Offline

Jul 2015

820

Someone help me... when I try to use a Dropbox import in my CSS, the code doesn't work and duplicates itself instead. Like this

Nov 16, 2015 2:21 PM

#3305

Anzumatsuri_

Offline

Apr 2015

287

Doomcat55 said:
Someone help me... when I try to use a Dropbox import in my CSS, the code doesn't work and duplicates itself instead. Like this

Had that problem before and it's easy to fix. Just put any code after you put the import link. Example:
@import "........
Body {
visibility: visible;
}
****You can put anything, but it's best to make it something general so it won't interfere with your codes in the imports

Nov 16, 2015 2:33 PM

#3306

Offline

Jul 2015

820

That fixed it, thanks!

Nov 18, 2015 11:55 PM

#3307

HMS_Hood

Offline

Dec 2014

20

Been a month since I originally asked, but any help would still be appreciated.

Lagann_Taku said:
I need some help getting the "My Profile" button working when I hover over the icon in the top right of my list. The link is basically dead and seems to be dead for everyone who used the original design as a base. In particular I need this for Chrome since it doesn't even show up in IE.

Here's the code:

Thanks in advance.

Nov 19, 2015 1:01 PM

#3308

Offline

Jul 2015

820

Lagann_Taku said:
Been a month since I originally asked, but any help would still be appreciated.

Lagann_Taku said:
I need some help getting the "My Profile" button working when I hover over the icon in the top right of my list. The link is basically dead and seems to be dead for everyone who used the original design as a base. In particular I need this for Chrome since it doesn't even show up in IE.

Here's the code:

Thanks in advance.

Sorry that no one answered your question - I only just got Chrome, and didn't see your post since. Add this to the top of your CSS:

@import "https://dl.dropboxusercontent.com/s/t8dh9uc0jbgh365/SAO%20Topbar%20Profile.css?dl=0";

Nov 20, 2015 11:58 PM

#3309

HMS_Hood

Offline

Dec 2014

20

Doomcat55 said:

Lagann_Taku said:
Been a month since I originally asked, but any help would still be appreciated.

Sorry that no one answered your question - I only just got Chrome, and didn't see your post since. Add this to the top of your CSS:

@import "https://dl.dropboxusercontent.com/s/t8dh9uc0jbgh365/SAO%20Topbar%20Profile.css?dl=0";

Unfortunately , that doesn't seem to have worked :/ It just off-centered the my profile tab a bit. I just copy the link itself and not the contents of the link, right? Sometimes these things work when I copy them to under some other section in the code instead of on top, but I don't have a clue where for this one. Maybe I'm doing something wrong.

Nov 21, 2015 4:03 PM

#3310

Offline

Jul 2015

820

Lagann_Taku said:

Doomcat55 said:

Sorry that no one answered your question - I only just got Chrome, and didn't see your post since. Add this to the top of your CSS:

@import "https://dl.dropboxusercontent.com/s/t8dh9uc0jbgh365/SAO%20Topbar%20Profile.css?dl=0";

Unfortunately , that doesn't seem to have worked :/ It just off-centered the my profile tab a bit. I just copy the link itself and not the contents of the link, right? Sometimes these things work when I copy them to under some other section in the code instead of on top, but I don't have a clue where for this one. Maybe I'm doing something wrong.

Ohhh, I see - it needs to go under the other import codes at the top. Sorry, I didn't realize that would make a difference.

And yeah, add the entire line, not the contents

Nov 23, 2015 1:17 PM

#3311

kazurengan

Offline

Dec 2011

241

Hi, i have a question.
why my header keeps repeating itself?

I have CSS - Square layout

thank you

Nov 23, 2015 6:59 PM

#3312

Offline

Jul 2015

820

kazurengan said:
Hi, i have a question.
why my header keeps repeating itself?

I have CSS - Square layout

thank you

If your header image is smaller than the width of the page, it'll repeat until the page is filled. To fix it, go to this section of your CSS:

/* Header picture */
#inlineContent {background-image: url(http://i.imgur.com/wb9pnJE.jpg);}

and change it to this:

/* Header picture */
#inlineContent {background-image: url(http://i.imgur.com/wb9pnJE.jpg);
background-repeat: no-repeat;
background-position: center;
height: 414px;
}

If you change the picture later, just make sure that you make the height px the same as the height of your image.

Doomcat55Nov 23, 2015 7:07 PM

Nov 24, 2015 12:20 AM

#3313

HMS_Hood

Offline

Dec 2014

20

Doomcat55 said:

Lagann_Taku said:

Unfortunately , that doesn't seem to have worked :/ It just off-centered the my profile tab a bit. I just copy the link itself and not the contents of the link, right? Sometimes these things work when I copy them to under some other section in the code instead of on top, but I don't have a clue where for this one. Maybe I'm doing something wrong.

Ohhh, I see - it needs to go under the other import codes at the top. Sorry, I didn't realize that would make a difference.

And yeah, add the entire line, not the contents

Ooooooo thanks man! That seems to have fixed it, looks nice. You're like the only person who bothered to reply to my question, so extra thanks.

Nov 24, 2015 8:10 AM

#3314

Offline

Jul 2015

820

Lagann_Taku said:

Sure, no problem :)
btw you might want to download the file and rehost it to your own Dropbox just in case I accidentally delete it. Probably won't happen, but it's good to be safe.
Here's a tutorial if you don't know how

Oh, and if you do this and make a new Dropbox account for it, tell me first bc if I invite you to join then we get extra space ;)

Doomcat55Nov 24, 2015 4:43 PM

Nov 25, 2015 7:03 AM

#3315

Toarujisuru

💉 🩸 🩹 💖 🏥

Offline

Feb 2012

3607

I'd like to use the theme from my mangalist for my animelist, however, I want the image(s) on the left hand side to be randomized this time around. How would I go about doing that?

"Be the change you wish to see in the world."

Nov 25, 2015 10:01 AM

#3316

http://myanimelist.net/forum/?topicid=519341

Offline

Jul 2015

820

Toarujisuru said:
I'd like to use the theme from my mangalist for my animelist, however, I want the image(s) on the left hand side to be randomized this time around. How would I go about doing that?

Nov 25, 2015 5:29 PM

#3317

isaychris

Offline

Jan 2012

58

Hi, is there any way to display a specific animes more info without pressing the more link ? im trying to create a music player. right now it requires 2 clicks for the music to play.

Nov 25, 2015 5:35 PM

#3318

Toarujisuru

💉 🩸 🩹 💖 🏥

Offline

Feb 2012

3607

Doomcat55 said:

Toarujisuru said:
I'd like to use the theme from my mangalist for my animelist, however, I want the image(s) on the left hand side to be randomized this time around. How would I go about doing that?

http://myanimelist.net/forum/?topicid=519341

Thank you.

"Be the change you wish to see in the world."

Nov 25, 2015 6:06 PM

#3319

Offline

Jul 2015

820

isaychris said:
Hi, is there any way to display a specific animes more info without pressing the more link ? im trying to create a music player. right now it requires 2 clicks for the music to play.

I don't think you can, because the website uses a native function to change the box's display values on click, which can't be changed with CSS. Maybe if you know something about scripting, which I don't.

Nov 26, 2015 12:05 AM

#3320

Takana_no_Hana

Offline

Nov 2009

1632

Hi, I just wonder what are the codes (or tips) for creating a border which surrounds the list. So far I haven't found any tuts in the club on how to do that :(

My Profile

My Layout Collection x My Devianart

My Anime List

Nov 26, 2015 12:15 AM

#3321

Anzumatsuri_

Offline

Apr 2015

287

Takana_no_Hana said:
Hi, I just wonder what are the codes (or tips) for creating a border which surrounds the list. So far I haven't found any tuts in the club on how to do that :(

Will this tutorial help?

Nov 29, 2015 11:33 PM

#3322

Takana_no_Hana

Offline

Nov 2009

1632

Hi, when designing the list layout, how do you exactly measure the distance and position to design the suitable pictures? For example, I want to insert a random image into the list but I don't know the precise width/length to scale/resize the picture. What tool should I use?

Btw I'm using PTS to design pics.

My Profile

My Layout Collection x My Devianart

My Anime List

Nov 30, 2015 7:28 AM

#3323

Offline

Jul 2015

820

Takana_no_Hana said:
Hi, when designing the list layout, how do you exactly measure the distance and position to design the suitable pictures? For example, I want to insert a random image into the list but I don't know the precise width/length to scale/resize the picture. What tool should I use?

Btw I'm using PTS to design pics.

You can use the Inspect Element tool in your browser to find the dimensions of the element you want to put the picture into (tutorial here), then resize your image to match in PS with Image > Image Size.
You can also resize the size of the element with width/height CSS.

Dec 6, 2015 6:50 AM

#3324

TakaMeiyo

Offline

Nov 2014

100

There is ''How to set a different wallpaper for each category page'' but couldn't find the codes for different attachments. Can anyone help me out? Much appreciated.

よ
う
こ
そ
！

Dec 6, 2015 8:59 AM

#3325

Offline

Jul 2015

820

TakaMeiyo said:
There is ''How to set a different wallpaper for each category page'' but couldn't find the codes for different attachments. Can anyone help me out? Much appreciated.

You mean background-attachment? It's already there in Method 2, or you can just add it to each section yourself with

background-attachment: fixed !important;

then change each one to what you want.

Dec 6, 2015 10:02 AM

#3326

TakaMeiyo

Offline

Nov 2014

100

Doomcat55 said:

TakaMeiyo said:
There is ''How to set a different wallpaper for each category page'' but couldn't find the codes for different attachments. Can anyone help me out? Much appreciated.

You mean background-attachment? It's already there in Method 2, or you can just add it to each section yourself with

background-attachment: fixed !important;

then change each one to what you want.

Oh my bad. I meant this;

How can I have a secondary background for each category?

TakaMeiyoDec 6, 2015 10:19 AM

よ
う
こ
そ
！

Dec 6, 2015 10:59 AM

#3327

Offline

Jul 2015

820

There's more than one way. You could copy the codes from the tutorial twice, then change the :before parts of the second set to :after (you might also have to change z-index to get the background you want on top).

A cleaner way would be to add a second background to each :before part without copying each section twice, like this:

/* CURRENT BACKGROUND */
.status_selected a[href*="status=1"]:before {
background-color: aquamarine;
background-image: url(image1)[color=red], url(image2)[/color] !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
width: 100% !important;
background-size: cover !important;
display: block !important;
content: "" !important;
z-index: -1 !important;
}

Dec 6, 2015 2:34 PM

#3328

Hatomike

Offline

Jun 2013

19

Hi everyone ! Just two simple questions:

-Can I use "@import" with a GitHub Gist Raw URL ? (This don't seem to work, maybe I did something wrong ?)

-Why my code is duplicating in "Edit Advanced CSS File" when I update it ? (There's only two "@import" here and nothing else)

Thanks !

Dec 6, 2015 3:26 PM

#3329

Offline

Jul 2015

820

Hatomike said:
Hi everyone ! Just two simple questions:

-Can I use "@import" with a GitHub Gist Raw URL ? (This don't seem to work, maybe I did something wrong ?)

-Why my code is duplicating in "Edit Advanced CSS File" when I update it ? (There's only two "@import" here and nothing else)

Thanks !

I'm not familiar with GitHub, but as long as you're directly importing the css file, it should be fine. What does your @import line look like?

MAL will glitch if your code is just imports. You need to put something after it, like "body {}"

Dec 6, 2015 4:58 PM

#3330

Hatomike

Offline

Jun 2013

19

Doomcat55 said:
I'm not familiar with GitHub, but as long as you're directly importing the css file, it should be fine. What does your @import line look like?

MAL will glitch if your code is just imports. You need to put something after it, like "body {}"

First of all, thanks for the "body {}" idea.

And my import look like this:
@import url(https://gist.githubusercontent.com/Hatomike/1f36b717ae570ee6d40d/raw/Dummy.css);

The following URL can be used too:
https://gist.githubusercontent.com/Hatomike/1f36b717ae570ee6d40d/raw/9b773cf34b5f4c126cae68482338cf6e1154a5ca/Dummy.css
https://gist.githubusercontent.com/Hatomike/1f36b717ae570ee6d40d/raw/Dummy.css
https://gist.githubusercontent.com/Hatomike/1f36b717ae570ee6d40d/raw

The Gist is available here:
https://gist.github.com/Hatomike/1f36b717ae570ee6d40d
(Please take note that this is just a file example)

HatomikeDec 6, 2015 5:01 PM

Dec 6, 2015 6:11 PM

#3331

Offline

Jul 2015

820

Beats me why that isn't working. All I can do is suggest that you use Dropbox instead.

Dec 6, 2015 6:39 PM

#3332

Hatomike

Offline

Jun 2013

19

Doomcat55 said:
Beats me why that isn't working. All I can do is suggest that you use Dropbox instead.

Maybe Mal or Github are blocking the whole thing.

Thanks a lot !

Dec 6, 2015 7:06 PM

#3333

Offline

May 2014

110

is there a generator which can extract anime information such as genre, average score, anime rank, started/finished date, etc ?

like this person's list (but I think he made it for himself)

TakaMeiyo said:

Oh my bad. I meant this;

How can I have a secondary background for each category?

if you want to use .status_selected as a selector, use Doomcat55's code

but for #inlinecontent, use this :

Dec 8, 2015 8:42 PM

#3334

BurntJelly

Offline

Feb 2013

6197

D_Cuy said:
is there a generator which can extract anime information such as genre, average score, anime rank, started/finished date, etc ?

There is now :)
http://burntjello.webs.com/m/MyAnimeListTools/
(I didn't test it very much, let me know how it goes.)

Dec 8, 2015 8:44 PM

#3335

MrParadise

EDM ❤

Offline

May 2012

264

Hey guys, wondering how i can change my header colour (Completed; Watching... Those texts above the lists) i'll be glad to have some help

Edit: I've found where i'm suposed to do it i think but i don't think it has a colour text to change maybe i have to add some code

Dec 8, 2015 9:30 PM

#3336

bameed

Offline

Sep 2014

1

Can someone look at my list and tell me how do I make the background stay and the list move when I scrolling down

Dec 9, 2015 8:54 AM

#3337

Offline

Jul 2015

820

OParadise said:
Hey guys, wondering how i can change my header colour (Completed; Watching... Those texts above the lists) i'll be glad to have some help

Edit: I've found where i'm suposed to do it i think but i don't think it has a colour text to change maybe i have to add some code

In the section of your code titled "CATEGORY LINKS," this code controls the text color:

color: #FFFFFF;

bameed said:
Can someone look at my list and tell me how do I make the background stay and the list move when I scrolling down

In the first section of your code, add the line in red (make sure to change the bracket the way it's shown):

body {
background-image:
url(http://i.imgur.com/iKzNFa2.jpg);
background-size: cover;
background-attachment: fixed;
}

Doomcat55Dec 9, 2015 9:01 AM

Dec 9, 2015 10:07 AM

#3338

MrParadise

EDM ❤

Offline

May 2012

264

Doomcat55 said:

OParadise said:
Hey guys, wondering how i can change my header colour (Completed; Watching... Those texts above the lists) i'll be glad to have some help

Edit: I've found where i'm suposed to do it i think but i don't think it has a colour text to change maybe i have to add some code

In the section of your code titled "CATEGORY LINKS," this code controls the text color:

color: #FFFFFF;

Not that text, check image pls. Thanks for your help btw

http://postimg.org/image/4qbxdkk6x/

Dec 9, 2015 10:22 AM

#3339

Offline

Nov 2015

78

OParadise said:

Doomcat55 said:

In the section of your code titled "CATEGORY LINKS," this code controls the text color:

color: #FFFFFF;

Not that text, check image pls. Thanks for your help btw

http://postimg.org/image/4qbxdkk6x/

/* HEADER TEXT AND DIMENSIONS */
[class^="header_"] * {
font-size: 19px;
height: 60px;
line-height: 24px;
padding-bottom: 4px;
text-align: right;
vertical-align: bottom;
}
.header_title {
border-radius: 4px 4px 4px 4px;
display: inline-block;
font-style: italic;
height: auto;
padding: 0 8px 0 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
color: #FFFFFF; /* Change the color to what you want here */
}

Syaoran3Dec 9, 2015 10:28 AM

Best MAL Generator tool!

Dec 9, 2015 6:17 PM

#3340

MrParadise

EDM ❤

Offline

May 2012

264

DRedDogPE said:

OParadise said:

Not that text, check image pls. Thanks for your help btw

http://postimg.org/image/4qbxdkk6x/

/* HEADER TEXT AND DIMENSIONS */
[class^="header_"] * {
font-size: 19px;
height: 60px;
line-height: 24px;
padding-bottom: 4px;
text-align: right;
vertical-align: bottom;
}
.header_title {
border-radius: 4px 4px 4px 4px;
display: inline-block;
font-style: italic;
height: auto;
padding: 0 8px 0 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
color: #FFFFFF; /* Change the color to what you want here */
}

Fixed thanks (:

Dec 11, 2015 6:30 AM

#3341

Offline

May 2014

110

BurntJelly said:
There is now :)
http://burntjello.webs.com/m/MyAnimeListTools/
(I didn't test it very much, let me know how it goes.)

woa great! thx for sharing, I thought nobody has it...
I'll try it later (seems complicated) ==a
but, sure.. I'll give you my thought once I'm done..

Dec 11, 2015 8:19 AM

#3342

Offline

Nov 2015

78

D_Cuy said:

BurntJelly said:
There is now :)
http://burntjello.webs.com/m/MyAnimeListTools/
(I didn't test it very much, let me know how it goes.)

woa great! thx for sharing, I thought nobody has it...
I'll try it later (seems complicated) ==a
but, sure.. I'll give you my thought once I'm done..

I think that stuff is set

Best MAL Generator tool!

Dec 11, 2015 2:13 PM

#3343

ZoeRyoe

Offline

Aug 2014

7

The banner thing that appears at the top on a default list is now showing up on my list.

Is there any way to get rid of it?

Code

Dec 11, 2015 3:49 PM

#3344

Offline

Nov 2015

78

CynicalWarner said:
The banner thing that appears at the top on a default list is now showing up on my list.

Is there any way to get rid of it?

Code

Try

@import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css";

Also for automatic cover updating you can use

@import "http://mal-image.appspot.com/anime/CynicalWarner";

Best MAL Generator tool!

Dec 11, 2015 4:11 PM

#3345

ZoeRyoe

Offline

Aug 2014

7

DRedDogPE said:

CynicalWarner said:
The banner thing that appears at the top on a default list is now showing up on my list.

Is there any way to get rid of it?

Code

Try

@import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css";

Also for automatic cover updating you can use

@import "http://mal-image.appspot.com/anime/CynicalWarner";

Didn't seem to work.

Thanks for help though :D

Edit: It actually mostly worked. The edge of some words still show up at the top.

ZoeRyoeDec 11, 2015 4:17 PM

Dec 11, 2015 5:36 PM

#3346

Offline

May 2014

110

DRedDogPE said:

I think that stuff is set

ah my bad.. his completed list is more accurate (sorry dzikibambus for my rudeness, your list is just awesome XD)
he uses #xmenu[ID] as a selector for rank & popularity info.

the "start/end dates" option is meant to be start/end "watching" dates,
so if you set the option up, you need to input it all manually...

what I mean is start/end "airing" dates of anime
can be found here > e.g. elfen lied
or in user's entry list > e.g. your list

but I don't know where he got the popularity and rank info
I see you've been developing a generator, so I give you these xml formats XD

D_CuyDec 11, 2015 5:45 PM

Dec 11, 2015 7:05 PM

#3347

Offline

Nov 2015

78

D_Cuy said:

DRedDogPE said:

I think that stuff is set

ah my bad.. his completed list is more accurate (sorry dzikibambus for my rudeness, your list is just awesome XD) 
he uses #xmenu[ID] as a selector for rank & popularity info.

the "start/end dates" option is meant to be start/end "watching" dates, 
so if you set the option up, you need to input it all manually... 
 
what I mean is start/end "airing" dates of anime 
can be found here > e.g. elfen lied 
or in user's entry list > e.g. your list 
 
but I don't know where he got the popularity and rank info 
I see you've been developing a generator, so I give you these xml formats XD

I can do it pretty easy, I'll do it tomorrow, its 3:04 am ATM, I'll message you with the link and how to use it when it is done.

Best MAL Generator tool!

Dec 11, 2015 8:35 PM

#3348

betterthansalad

Offline

Dec 2015

4

Heya folks,

1)
Is it possible to breakdown the wall that is the anime list in multiple smaller walls through the score rating?

I would like to visually separate the animes I liked, rated >5, to the animes I disliked rated <5. Right now it's messy and everything is listed together, one after another.

Visually it looks like this once I click the score for a drop down style.
10 9 8 7 6 5 4 3 2 1

I would like it to be like this:

>5
------ space something
=5 or <5

I'm not sure what kind of shenanigans you need, I would prefer having 2 distinct semi opaque backgrounds entirely, but a simple line break within the same background would be okay.

2)
Is it possible to customize the default page that shows up when you click "my anime list" from the profile page?

Right now, it shows "all anime" when I click it first, I would much prefer it showing either my "completed" animes with the score layout I talked about above list, or "my plan to watch" anime list, or my "watching now" list if I ever make one.

thanks

-- I'm not sure if the current CSS style I use matters, you can check my profile to see it, it's "Transparent menus w/wide list, long covers and no banner" from this link http://myanimelist.net/forum/?topicid=1198609

betterthansaladDec 11, 2015 8:41 PM

Dec 12, 2015 1:19 AM

#3349