❓ Ask for help here + See Frequently Asked Questions

DeathNyx said:
I can't find a solution for the transparent topbar on this topic: http://myanimelist.net/forum/?topicid=731665

The broken url is this: @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/TransparentTopBar.css";

kuronekodesu said:


I'm not really sure if I know what you're looking for - I guess the usual topbar, but without a background? If so, paste this at the bottom of your css. Additionally, paste this if you want to get rid of the topbar borders as well.

Cogito4816 said:
Hello Shishio,

I recently installed the Saber list theme featured here: http://myanimelist.net/forum/?topicid=419405

The Dropped tab on my list has a black background for some reason that I can't figure out. The link to the Dropped header image works fine when I follow it. For reference, here is what the dropped tab looks like on my list: http://myanimelist.net/animelist/Cogito4816&status=4&order=0

Thank you for any help, Shishio!

kuronekodesu said:


.header_dropped { background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/FZ/cat/drop_zpsf6080779.png) repeat-x #000; }

delete #000 from your code

Oiomi-chan said:
With the recent dropbox crashes that import has stoped working. There should be a sticky topic in the forum about fixing problems related to that.

Mladen said:

I already checked there. There's only one link for that. When I copied it, it removed my whole top bar... it didn't fix my problem, just pretty much removed it.

ZmBzRALIVE said:
I have a quick question if someone can help me out that would be AMAZING

so pretty much what i wanted to know is

is it possible to "Disable" a certain area of code? like if i was to add this

/*
Banner Area
*/

#list_surround {
background-image: URL(http://i36.photobucket.com/albums/e27/ZmBzRALIVE/My%20Custom%20CSS/Welcome_zpsd492406c.png);
background-position: 0 0;
background-repeat: no-repeat;
padding-top: 242px;
}

.category_totals, .td1, .td2, #grand_totals, #copyright {
background: rgba(0, 0, 0, 0.8) !important;
)

But i wanted to like "Disable it" With it still being in the code but not showing in the actual visual thing? and i want you to be able to "Enable it" really easy if possible

But i dunno if there is a way to do it besides with "/*" but i don't really want to use those XD

Shishio-kun said:


Put an X in the selector- this nullifies the selector- ppl remove the X to activate the selector.

ZmBzRALIVE said:


In the Selector? I'm not quite sure what you mean :3

Shishio-kun said:


this is a selector:
body

so like this:
boXdy

#list_sXurround {
BACKGROUND-image: URL(http://i36.photobucket.com/albums/e27/ZmBzRALIVE/My%20Custom%20CSS/Welcome_zpsd492406c.png);
background-position: 0 0;
background-repeat: no-repeat;
padding-top: 242px;
}

.category_tXotals, .td1, .td2, #grand_totals, #copyright {
background: rgba(0, 0, 0, 0.8) !important;
)

? Or only in the "First" Area?

Shishio-kun said:



Every selector- every selector is separated by a comma so it "resets" and you have to do a new X. So:


.category_tXotals, .tXd1, .Xtd2, X#grand_totals, X#copyright

No need to put them in the property codes tho.

Since you're doing multi-selectors try to put an opening and closing comment bracket to turn off selectors, like:

#list_surround{
width: 50%;
}

/* .category_totals, .td1, .td2, #grand_totals, #copyright */ {
background: red;
}

body{
background: blue;
}


I just tested this, seems like a great solution for those multiple selector lines. And it doesn't seem to interfere with anything below or above.

JPthugnificent said:
Hello Shishio-kun,

I am using one of your custom lists, and it uses the top bar mod that changes the bar to the 'black-grey icon-styled top bar', or it should, but for some time now, it reverted back to the original bar, and I can't change between 'Watching' to 'Completed' and so on without typing &status=# on the url.

I have checked several of your guides, and I am pretty sure I didn't drastically change much, as the top bar reverted just one day, without me touching the css editor. There was about a week when it came back, but now it's back to the original.

Is it just my computer's problem? (I haven't checked on other pc's)

EDIT: I just checked on my iPhone, it's like that there too.

I also tried using other mods via imports from your dropbox, but none of them seems to work for me.

JPthugnificent said:
Hello Shishio-kun,

I am using one of your custom lists, and it uses the top bar mod that changes the bar to the 'black-grey icon-styled top bar', or it should, but for some time now, it reverted back to the original bar, and I can't change between 'Watching' to 'Completed' and so on without typing &status=# on the url.

I have checked several of your guides, and I am pretty sure I didn't drastically change much, as the top bar reverted just one day, without me touching the css editor. There was about a week when it came back, but now it's back to the original.

Is it just my computer's problem? (I haven't checked on other pc's)

EDIT: I just checked on my iPhone, it's like that there too.

I also tried using other mods via imports from your dropbox, but none of them seems to work for me.

Also, your list's top bar mod seems to be fine on my pc, so it's definitely not my computer's problem... should I just post the entire code..?

KickTheHell said:
Hi , i have a little problem , i somehow delete my menu , and i wanna know the css code for it .What menu ... i post a picture below.



And here is my code.I'm still working on my list.

animeno said:
Hi, I used your 'about me' tutorial and found it really useful, however how were you able to put a gif within it, do you still have to split the pictures?

Shishio-kun said:


Great! Well in GIMP, choose the spot where you want your GIF at and cut it out like normal with the other pieces. Make sure your spot is the same dimensions as the GIF you're posting, or at least smaller than it. It won't be animated, or have the GIF placed on it yet.

Now, with that piece cut out, drag it back into GIMP or w/e program as a new template- you're going to cover that piece with the animated GIF and upload that, instead of the piece you originally cut. The animation will be layered on top of the original piece like a cake. After draggin the GIF in, hit CTRL + L and go down to the layer with the original piece. Right click and delete it. Now you can export the GIF and edit it, and it will be the same size as your piece so it will fit into your profile graphic. Make sure when you export the GIF in GIMP you change the file extension name to .gif and make sure you have the "as animation" box checked when you export it! This is crucial. Then you upload that GIF pasted over the piece in GIMP.

I find ppl have the easiest time adding GIFs in GIMP this way.

If you want to edit the GIF in GIMP its a little annoying, but there are ways to with the Ctrl + L viewer. I already posted some info about it on the bottom post of this topic:
http://myanimelist.net/forum/?topicid=1266431

PS: don't listen to the guy who says GIMP doesn't support animated GIFs, it totally does

ZmBzRALIVE said:


My god my head hurt trying to read that XD haha i'm not very good with gimp O.o do you know if Photoshop supports GIF's ?

Oiomi-chan said:
oh it does, You can edit and create them quite easily.

harbinger-15 said:
Hi,I for some reason cant see the picture of the anime next to its title.It just shows a blank space.

j0x said:
dropbox disabled the public images grrrr - http://i.imgur.com/7MRLIbQ.png any help on how to solve this?

Shishio-kun said:


Have to wait for his dropbox to come back around in a few days when they lift the suspension, or make your own:
http://myanimelist.net/forum/?topicid=1174347

or use my google drive one which is still working (see covers):
http://myanimelist.net/forum/?topicid=73166

Strongly recommend you and everyone else make your own

j0x said:
help needed lol i followed this tutorial - http://myanimelist.net/forum/?topicid=1174347

and uploaded the animecss and mangacss on google drive and created a public shared link
https://drive.google.com/file/d/0B6jCka3xCm1YYnJjWF9SOGV3ODg/view?usp=sharing
https://drive.google.com/file/d/0B6jCka3xCm1YdjJfNHJjM3FNOEU/view?usp=sharing

but in the advance css editor of MAL i found this 2 lines
@import url(http://dl.dropbox.com/u/78340470/animetitle.css);
@import url(http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css);

where will i get the CSSforFoxgirls.css? and i tried changing the first line to
@import url(https://drive.google.com/file/d/0B6jCka3xCm1YYnJjWF9SOGV3ODg/);
but nothing happens the images are still not shown

so what steps im missing? thanks in advance for any replies

j0x said:
help needed lol i followed this tutorial - http://myanimelist.net/forum/?topicid=1174347

and uploaded the animecss and mangacss on google drive and created a public shared link
https://drive.google.com/file/d/0B6jCka3xCm1YYnJjWF9SOGV3ODg/view?usp=sharing
https://drive.google.com/file/d/0B6jCka3xCm1YdjJfNHJjM3FNOEU/view?usp=sharing


so what steps im missing? thanks in advance for any replies

Shishio-kun said:


Just to clarify something to anyone reading, I don't see anywhere in the tutorial where I said to make Googledrive links, I show how to make Dropbox ones. As far as I know, you don't need to make Googledrive links unless you want to for w/e reason- its still ok to use Dropbox links for yourself- unless your list gets tens of thousands of hits per day. The reason mine and U5's crashed is cuz they were publicly used and I guess the lag or Incapsula ramped up the hits. Many people have recently made their own using their own dropbox, and I haven't heard of anyone's personal dropbox crashing yet

j0x said:
ok i use dropbox now and the foxgirlcss fix but its still wont show? here is my code - http://pastebin.com/hfyPZvFM

kuronekodesu said:


that's not a direct link. right click > copy public link to get a direct link

kuronekodesu said:


True, but I guess it's easier for people to use google drive (since they probably already have a google account), than to register to dropbox solely for hosting 1 or 2 files. I don't know if it's done yet, but we should include tutorials on making direct google drive links, for people who wish to host their css files on it.

j0x said:
ok i use dropbox now and the foxgirlcss fix but its still wont show? here is my code - http://pastebin.com/hfyPZvFM

Host webpages with Drive

With Drive, you can make web resources — like HTML, CSS, and Javascript files — viewable as a website.

To host a webpage with Drive:

Open Drive at drive.google.com and select a file.
Click the Share button at the top of the page.
Click Advanced in the bottom right corner of the sharing box.
Click Change....
Choose On - Public on the web and click Save.
Before closing the sharing box, copy the document ID from the URL in the field below "Link to share". The document ID is a string of uppercase and lowercase letters and numbers between slashes in the URL.
Share the URL that looks like "www.googledrive.com/host/[doc id] where [doc id] is replaced by the document ID you copied in step 6.
Anyone can now view your webpage.

https://support.google.com/drive/answer/2881970?hl=en