Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (3) « 1 2 [3]
Aug 11, 2013 12:45 PM

Offline
Jun 2013
15
Updated to this layout recently and loving it. However when i started using my usual pc again it suddenly made the info of whatever series i moved my mouse over appear in the top bar instead of on the picture of said series. Any way to fix this?

The picture probably provides better explanation than i do:

I shit excellence.
Aug 11, 2013 3:02 PM

Offline
Feb 2010
11294
joelislol said:
Updated to this layout recently and loving it. However when i started using my usual pc again it suddenly made the info of whatever series i moved my mouse over appear in the top bar instead of on the picture of said series. Any way to fix this?

The picture probably provides better explanation than i do:



What browser do you use?
Aug 12, 2013 2:25 AM

Offline
Jun 2013
15
Shishio-kun said:
joelislol said:
Updated to this layout recently and loving it. However when i started using my usual pc again it suddenly made the info of whatever series i moved my mouse over appear in the top bar instead of on the picture of said series. Any way to fix this?

The picture probably provides better explanation than i do:



What browser do you use?



Usually use firefox. Just tried using chrome and it seems to work just fine there. So unless there is an easy fix for firefox i guess i'll just keep using chrome for this?
I shit excellence.
Aug 13, 2013 7:24 AM

Offline
Feb 2010
11294
joelislol said:

Usually use firefox. Just tried using chrome and it seems to work just fine there. So unless there is an easy fix for firefox i guess i'll just keep using chrome for this?


I almost only use Firefox and can't see the same issue on my list or yours; so unless other ppl get the same issue its just affecting you. The only things I can suggest is to try to update Firefox to latest version, see if any add-ons or javascripts are altering CSS (probably what it is) or reinstall code maybe something got cut off, interrupted or is contradicting the CSS from before.
Dec 13, 2013 2:20 PM

Offline
Feb 2010
11294
nucleon said:
My list looks funny with all the text crowded together (Chrome seems alright, Firefox has problems even with add-ons disabled).
The CSS used to work but not today.

Checked: Numbers, Score, Type, Episodes, Rating, Storage, Tags
I've tried disabling Tags, but it seems the same.
I may have forgotten something in settings?


First off do you mean your (nucleon's) anime list? Cuz you're not using the Poster style CSS, you seem to be trying to import Square layout in your code.

Can you screencap or point out the exact text you're referring to as well- I ask cuz there are many more problems other than the crowded anime title text to me- your list is all white with no images and just a lot of cyan text plus the crowded anime titles. So I think you may be seeing a different layout than another user.

btw when I use the import
https://dl.dropboxusercontent.com/u/226912735/alist/mal/mal_active_a.css
I get the same white look with jumbled text I described above.

But when I paste your CSS codes to my MAL CSS edit box instead of importing it, everything looks normal (a normal Square layout, so you probably posted wrong topic). The only error is there is a dead image link for the banner.

So you may want to paste the codes to your edit box instead of importing them. The codes I'm referring to are here:
Jan 28, 2014 10:40 AM

Offline
Jun 2013
19
Woaw good one ! I'm using it right now ! I'm gonna change picture but for now i have a question.

How do you change text on the layout ? Like "Watching / Completed" in title or in the top or "progress / tags" ? I'm french and i want my list to be in my language because i'm sharing it with other people. Is there a way to do it ?
Jan 28, 2014 11:49 AM

Offline
Feb 2010
11294
hatomike said:
Woaw good one ! I'm using it right now ! I'm gonna change picture but for now i have a question.

How do you change text on the layout ? Like "Watching / Completed" in title or in the top or "progress / tags" ? I'm french and i want my list to be in my language because i'm sharing it with other people. Is there a way to do it ?


Make default header's font transparent, then add a new text with before selector. Like this:


.header_cw{
color: transparent;
}

.header_cw:before{
color: white !important;
content: "Courant";
position: absolute;
}


And do for the other headers. If you add to the bottom- make sure you delete that last line of your CSS which MAL adds in

Read more at http://myanimelist.net/forum/?topicid=443533#QtCJZ1GVvXL8cRiJ.99

it will interfere with codes below it
Jan 28, 2014 1:26 PM

Offline
Jun 2013
19
NP, thanks a lot, i'm gonna do it when i've got the time.
And continue to do all this great works here :)
Feb 25, 2014 3:58 AM

Offline
Jan 2014
97
This theme is really great, but a Problem is this,

This is under my reading list
http://i.imgur.com/yGUckQn.png
Do you guys notice the blank space?? You can click it and you get this

http://i.imgur.com/9jW4QhB.png

Yup, pretty much the blank spaces can be clicked, but is there a way in which I don‘t have to click them anymore just to show??

Thanks...
MY ZEUS, A.K.A “King of The Robots”

Check this for my Mangas:
MangaUpdates
Feb 25, 2014 8:20 AM

Offline
Aug 2013
520
There are no blank when I visit your list..




Feb 25, 2014 9:36 AM

Offline
Jan 2014
97
Hmmm, so its ok except when I look at it then??
MY ZEUS, A.K.A “King of The Robots”

Check this for my Mangas:
MangaUpdates
Feb 25, 2014 11:59 AM

Offline
Feb 2010
11294
Knightzomegaz said:
Hmmm, so its ok except when I look at it then??


first post, thoroughly read under The layout CSS code and proper settings...
Feb 25, 2014 5:29 PM

Offline
Jan 2014
97
Still the same with the blank if you look at all the animes, but I changed the default settings,
Thanks anyway ^^
MY ZEUS, A.K.A “King of The Robots”

Check this for my Mangas:
MangaUpdates
Feb 25, 2014 5:57 PM

Offline
Feb 2010
11294
Knightzomegaz said:
Still the same with the blank if you look at all the animes, but I changed the default settings,
Thanks anyway ^^


You don't have the blanks at the top of any categories now from what I see. If you're referring to the bottom, thats cuz the layout is arranged in a grid by rows of four.. so when you get a row with less than 4 on the bottom, you'll have some blank space on that last row unless the number of animes on the page is a multiple of 4 which it rarely is
Feb 25, 2014 11:14 PM

Offline
Apr 2012
181
Shishio-kun said:
Knightzomegaz said:
Hmmm, so its ok except when I look at it then??


first post, thoroughly read under The layout CSS code and proper settings...


The layout CSS code and proper settings:
This is the layout code in the spoilers, one is for anime lists the other for manga lists!
Important: Make sure before installing you go to this page, and check all these boxes: Numbers, Score, Type, Episodes (or Chapters), Rated, Storage, and Tags. Uncheck any other boxes. Also set the Default Status Selected to something besides "All Anime/All Manga". (these settings are optional, but for the best intended look!)


Just select another Default Status, this list is not intended to display All Anime Category.
Aug 14, 2014 5:11 AM
Offline
Nov 2011
24
This list layout is perfect! I make some changes..
http://myanimelist.net/animelist/valigold
Aug 27, 2014 7:05 PM
Luny Tunes

Offline
Feb 2012
7835
OK, so, uhm......I temporarily disabled my anime list into private because the layout is messed up. I looked at the club's information section and read about the broken Dropbox links. I currently need the CSS of these two:

https://dl.dropboxusercontent.com/u/78340470/CSSforPosters.css (important)

http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSS.css

I could rehost the CSS myself into my own Dropbox or just copy the entire CSS into my Advanced Style CSS Editor so no more rehosting will be involved. (although a longer CSS just makes it harder to organize in the editor... ._. )

Any help is very much appreciated. Thank you, and take your time.
Aug 27, 2014 8:13 PM

Offline
Feb 2010
11294
LunyRed said:
OK, so, uhm......I temporarily disabled my anime list into private because the layout is messed up. I looked at the club's information section and read about the broken Dropbox links. I currently need the CSS of these two:

https://dl.dropboxusercontent.com/u/78340470/CSSforPosters.css (important)

http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSS.css

I could rehost the CSS myself into my own Dropbox or just copy the entire CSS into my Advanced Style CSS Editor so no more rehosting will be involved. (although a longer CSS just makes it harder to organize in the editor... ._. )

Any help is very much appreciated. Thank you, and take your time.


I've added the fix to the front page for this layout with a link to that postersCSS. Its not possible to post here on MAL due to new BBcode restrictions.

I'm pretty sure the top bar fix was already there, right? Its the default icon bar.
Aug 27, 2014 9:13 PM
Luny Tunes

Offline
Feb 2012
7835
Shishio-kun said:
I've added the fix to the front page for this layout with a link to that postersCSS. Its not possible to post here on MAL due to new BBcode restrictions.

Thanks! I applied it immediately by copying the CSS and rehosting the CSS myself. Although there's a problem right now and the layout at present is close to identical with the previous layout.

It looks like the text became invisible on the covers and on the category total. If I hover my cursor over the covers, the cursor changes when it hovers over the "+" for increasing episode count as well as the button for editing the tags. Even the title of the anime is missing or invisible but I can hover my cursor over it. I just can't see any text over them right now, but the text displays when I hover my cursor over the Select Order. (Anime Title, Score, Type, etc.)

Shishio-kun said:
I'm pretty sure the top bar fix was already there, right? Its the default icon bar.

About that... Reason I asked for its CSS is because this isn't working for me right now. :/ I don't see the Default Icons on the top right side of my list. Even though the black bar on the top has been removed, nothing shows up on the top right side at all. The only way for me to exit my anime list is to hit the Back button in my browser or retype any other URL in my address bar. I could be doing something wrong for this CSS fix but I can't figure out what it is. @_@;

I'll open my list temporarily in public. I don't think this is a browser issue. ?_? My manga list loads just fine as I've been hosting its CSS in my own Dropbox.
Aug 28, 2014 5:38 AM

Offline
Feb 2010
11294
LunyRed said:


Your CSSforposters import you made:
https://dl.dropboxusercontent.com/u/82268299/CSSforPosters.css

My code you're supposed to copy to fix this layout
http://tny.cz/b2e352df

You didn't copy it all. You're missing some of the codes from the tny.cz link. Notice you only have five selectors and there's six in mine, and your codes cut off abruptly at the bottom. You need the full set to make this layout work right.

As for the toolbar, its the same issue- you didn't copy the whole thing. At the bottom of your CSS you have some icon toolbar codes but it abruptly cuts off. You have to always add and make sure you added the whole thing.
Aug 28, 2014 6:17 AM
Luny Tunes

Offline
Feb 2012
7835
Odd... I thought I copied the entire thing. ~_~ Anyway, instead of highlighting the CSS from the link, I just downloaded the text files and saved them as CSS to be 100% sure I have the entire CSS.

Problem solved! The layout is back to normal now. Thanks a lot for the help!
Sep 1, 2014 7:06 PM

Offline
Jul 2012
15
When I hover over the home and other icons, it gets overlap by the background. How can I fix this?
ryuuji168Sep 1, 2014 7:10 PM
Sep 1, 2014 7:26 PM

Offline
Feb 2010
11294
ryuuji168 said:
When I hover over the home and other icons, it gets overlap by the background. How can I fix this?


I can't see the same problem so don't know how to fix it; what are the conditions when you see this problem: are you logged out/browser/when was the last time you installed/updated browser/etc. If I know this I might be able to narrow something down
Sep 1, 2014 8:12 PM

Offline
Jul 2012
15
It looks like this http://imgur.com/YpKaVVf
Sep 18, 2014 6:41 AM

Offline
Feb 2010
11294
ryuuji168 said:
It looks like this http://imgur.com/YpKaVVf


The problem is the codes from
http://tny.cz/c0f21f03

aren't meant to be imported, you have to paste them to your CSS edit box directly. When I do this, they work normally for me with the same layout
Sep 26, 2014 1:02 PM

Offline
Jun 2014
45
the anime covers still wont show heres my code

@import "http://dl.dropbox.com/u/78340470/anime.css";
@import "http://dl.dropbox.com/u/78340470/CSSforPosters.css";
@import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSS.css";
body {
background: url("http://i.imgur.com/2mi6xnG.png") no-repeat fixed center top, url("http://i.imgur.com/q2NOO18.jpg") no-repeat fixed center bottom transparent;
}
#list_surround {
background: url("http://i.imgur.com/8isB24B.png") no-repeat scroll center bottom, url("http://i.imgur.com/e9gFPjh.png") no-repeat scroll center bottom #01002A;
left: 0;
margin: 0 auto auto;
padding-top: 275px;
position: absolute;
right: 0;
top: 0;
width: 1000px;
}
.header_cw {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/Sc47jZF.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_completed {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/gJNzoB2.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_onhold {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/rmpvHnt.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_dropped {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/D8xFkec.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_ptw {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/uhPZg67.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}
Sep 26, 2014 2:11 PM

Offline
Aug 2013
520
Specialist11 said:
the anime covers still wont show heres my code
the first import is dead. I sugest using one of the cover generators to make a new one. And btw, please use spoilers for long messages.




Sep 26, 2014 3:36 PM

Offline
Feb 2010
11294
Specialist11 said:
the anime covers still wont show heres my code


I put all the latest fixes here, including for this layout here:
http://myanimelist.net/forum/?topicid=731665&show=0#post1
Oct 9, 2014 10:32 PM

Offline
May 2008
213
Thanks for all the css guides helped me a lot :)
Mar 6, 2015 12:41 AM
Offline
Jan 2014
1
Everytime that I try to use this style it keeps putting all the text together on the top left of the screen and it keeps layering all the anime dvd pictures down the left side of the screen away from the list.

I have replaced the first import link, so all the pictures exist. Other than that I put in the code that you posted and also put the icon toolbar code beneath that. Is there some new code that I missed?

Edit: I did miss a section thanks!
OmzigianMar 6, 2015 12:45 AM
Jul 5, 2015 8:32 AM

Offline
Apr 2015
8
I love the theme, but I was missing some poster images, so I added them to the list.
If anyone needs it
Replace: @import "http://dl.dropbox.com/u/78340470/anime.css"; or any other import that you selected, with @import url(https://hespen.net/css/anime/posters.css);

If you don't know what import to replace, open the links, and see which one looks the same.

If your poster isn't in the list, please send me a message, and I'll add it to it.
Jul 5, 2015 6:36 PM

Offline
Feb 2010
11294
This layout has been updated to working again without patches. Reinstall it thru the new codes in the opening post.
Jul 6, 2015 12:23 PM
Offline
Jul 2015
6
Hey shishio One problem i have is the size for the background picture i cant make it bigger and i cant add anime to my list the picture blocks it?

http://imgur.com/zXvzfsU < --- Problem
Jul 6, 2015 3:46 PM

Offline
Feb 2010
11294
Jazlo_v2 said:
Hey shishio One problem i have is the size for the background picture i cant make it bigger and i cant add anime to my list the picture blocks it?

http://imgur.com/zXvzfsU < --- Problem


Ok I added a code to the original sources to fix that topbar issue in Chrome. As for the background, there are two background codes and the one you want is the second background image the first is for right behind the list
Aug 17, 2015 7:01 AM
Lewd Depresso

Offline
Jul 2008
2362
Way to have

https://gyazo.com/1104ccbc2210611ce4f6abe8e3893ef1 shown on anime?


and https://gyazo.com/fd5cf6dd18db0ffe01eba0e6ae5bbba0 on manga?

EDIT: And another question.. a way to show basic information on covers? (like so - https://gyazo.com/987b4ea62e2e5b0a1f6ccc262e10920c - pic from another square-styled design)
DesolatePsycheAug 18, 2015 9:14 AM
Oct 14, 2015 7:58 PM
Offline
May 2014
31
Love this theme!

I have some questions regarding the css code...

What would I have to change to remove the list background (dark blue)?

What would be the code to add my score in the bottom right of each pick?

Not the best at this and hoping you can help me out :)
Oct 31, 2018 11:30 PM

Offline
Feb 2010
11294
Updated and working fine!
Reply Disabled for Non-Club Members
Pages (3) « 1 2 [3]

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

7812 by mtsRhea »»
Apr 21, 5:25 AM

» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )

Shishio-kun - Sep 4, 2020

121 by Pokitaru »»
Apr 21, 3:25 AM

» [CSS-MODERN] Change list text/font colors on any list layout

Shishio-kun - May 4, 2021

3 by hideso »»
Apr 20, 4:33 PM

» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layout

Shishio-kun - Jul 15, 2019

17 by hideso »»
Apr 20, 4:03 PM

» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )

Cateinya - Aug 18, 2016

309 by hideso »»
Apr 20, 3:56 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login