Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (159) « First ... « 75 76 [77] 78 79 » ... Last »
May 10, 2016 2:15 PM

Offline
Jul 2015
820
@keimador Add this line to fix the totals:
.category_totals { line-height: normal; }
And add this to fix your manga list:
[class^="td"][width="70"] { font-size: 16px; }

@Daido You can fix the positioning by adding this code:
#status-menu.fixed { position: static; }
#status-menu.fixed + .list-block { margin-top: 0; }
but I don't think the lag will be fixed... sounds like your browser (Firefox?) just doesn't like the javascript, and the only way around that is to use a different browser.

oh and btw, I love your list design! :o If we get forced over to the modern layout soon, do you mind if I rip it?
May 10, 2016 9:54 PM

Offline
Sep 2009
2
Doomcat55 said:
@Daido You can fix the positioning by adding this code:
#status-menu.fixed { position: static; }
#status-menu.fixed + .list-block { margin-top: 0; }
but I don't think the lag will be fixed... sounds like your browser (Firefox?) just doesn't like the javascript, and the only way around that is to use a different browser.

oh and btw, I love your list design! :o If we get forced over to the modern layout soon, do you mind if I rip it?


That's a bit a shame. I guess I'll have to get used to that then.

As for design, sure, I don't mind (since I based it off LukeLC's premade layout, credits to him first). I'm not done changing it though.
DaidoMay 11, 2016 9:00 AM
May 13, 2016 5:47 AM
Offline
Dec 2015
3
I have some questions about skinning, I was told to ask here by someone.

I'm using a classic skin but I want the menu that's on the left side of modern skins, is that possible?
The menu: http://i.imgur.com/iCDa4lS.png

Is it possible to edit the black bar at the top of my list?
The bar: http://i.imgur.com/xTAudPW.png
May 14, 2016 5:49 AM

Offline
Jul 2013
381
Dionysaw said:
I have some questions about skinning, I was told to ask here by someone.

I'm using a classic skin but I want the menu that's on the left side of modern skins, is that possible?
The menu: http://i.imgur.com/iCDa4lS.png

Is it possible to edit the black bar at the top of my list?
The bar: http://i.imgur.com/xTAudPW.png


the black bar is the equivalent to the left menu in the modern style. you could code the black bar to be similar to the modern menu, but not quite the same (i don't think there's a way to display a pic for user).

the codes and other black bar (we call it topbar) mods can be found here, under the section customizing the top bar
http://myanimelist.net/forum/?topicid=419405
May 14, 2016 6:21 AM
Offline
Dec 2015
3
nymphiae said:
Dionysaw said:
I have some questions about skinning, I was told to ask here by someone.

I'm using a classic skin but I want the menu that's on the left side of modern skins, is that possible?
The menu: http://i.imgur.com/iCDa4lS.png

Is it possible to edit the black bar at the top of my list?
The bar: http://i.imgur.com/xTAudPW.png


the black bar is the equivalent to the left menu in the modern style. you could code the black bar to be similar to the modern menu, but not quite the same (i don't think there's a way to display a pic for user).

the codes and other black bar (we call it topbar) mods can be found here, under the section customizing the top bar
http://myanimelist.net/forum/?topicid=419405


Thanks, I looked through that and found a mod I like and I've added the raw code but I'm missing a button? I've tried to narrow down the problem, I'm pretty sure this isn't due to an error by me. It's still live on my page.

problem: http://i.imgur.com/6PvpttF.png
copy of my css: http://pastebin.com/tsLsqcpH
The bar I tried to add was the Sword Art Online bar from: http://myanimelist.net/forum/?topicid=449097
May 14, 2016 6:38 AM

Offline
Jul 2013
381
Dionysaw said:
nymphiae said:


the black bar is the equivalent to the left menu in the modern style. you could code the black bar to be similar to the modern menu, but not quite the same (i don't think there's a way to display a pic for user).

the codes and other black bar (we call it topbar) mods can be found here, under the section customizing the top bar
http://myanimelist.net/forum/?topicid=419405


Thanks, I looked through that and found a mod I like and I've added the raw code but I'm missing a button? I've tried to narrow down the problem, I'm pretty sure this isn't due to an error by me. It's still live on my page.

problem: http://i.imgur.com/6PvpttF.png
copy of my css: http://pastebin.com/tsLsqcpH
The bar I tried to add was the Sword Art Online bar from: http://myanimelist.net/forum/?topicid=449097


some codes are interfering, delete this from your code
#searchBox {
    display: none;
}
#searchListButton {
    display: none;
}
#mal\_control\_strip {
    background-color: #8f8f8f !important;
    background-image: url("http://i.imgur.com/fv1Pc.png") !important;
}
#mal_cs_powered a {
    display: none;
}
#mal_cs_links {
    display: none !important;
}
#mal_cs_listinfo {
    position: absolute;
    right: 0;
    text-align: right;
}
and it should be ok.
May 14, 2016 6:42 AM
Offline
Dec 2015
3
nymphiae said:
Dionysaw said:


Thanks, I looked through that and found a mod I like and I've added the raw code but I'm missing a button? I've tried to narrow down the problem, I'm pretty sure this isn't due to an error by me. It's still live on my page.

problem: http://i.imgur.com/6PvpttF.png
copy of my css: http://pastebin.com/tsLsqcpH
The bar I tried to add was the Sword Art Online bar from: http://myanimelist.net/forum/?topicid=449097


some codes are interfering, delete this from your code
#searchBox {
    display: none;
}
#searchListButton {
    display: none;
}
#mal\_control\_strip {
    background-color: #8f8f8f !important;
    background-image: url("http://i.imgur.com/fv1Pc.png") !important;
}
#mal_cs_powered a {
    display: none;
}
#mal_cs_links {
    display: none !important;
}
#mal_cs_listinfo {
    position: absolute;
    right: 0;
    text-align: right;
}
and it should be ok.

Thanks for the help! Works great now.
May 15, 2016 11:40 PM
Offline
Mar 2015
28
Hello.
I've been looking through posts and tutorials. I'm trying to find a way to make it so when I hover over something in my anime or manga list, it gives a larger picture of it.
As it is now, the thumbnails of the anime/manga is small.
I'm currently using the modern list style.

I found this tutorial, but its for the classic list.
http://myanimelist.net/forum/?topicid=563993

Edit: Also, how can I add in the category titles for each section? For what I have right now, it just has a colored bar on the left side that designates whether its Watching, Completed, and so on. I want to have it listed right above each section.
biggskMay 16, 2016 12:51 AM
May 16, 2016 1:13 AM

Offline
Jul 2015
820
@biggsk Add the appropriate code to the top of your list:
and this to the bottom:
.image .link.sort { position: relative; }

.list-item:hover .image .link.sort:before {
    content: "";
    display: block;
    width: 50px;
    height: 70px;
}

img.image {
    background-size: 48px 68px;
    box-sizing: border-box;
    padding-left: 48px;
    top: 0;
    left: 0;
    z-index: 1;
    transition: transform .3s;
}

.list-item:hover img.image {
    position: absolute;
    transform: scale(2.5) translateX(-10px);
}
In the second to last line, the "scale" number controls how large you want the image to be, and "translateX" controls how far to the side it'll move.
May 16, 2016 1:32 AM
Offline
Mar 2015
28
Doomcat55 said:
@biggsk Add the appropriate code to the top of your list:
and this to the bottom:
.image .link.sort { position: relative; }

.list-item:hover .image .link.sort:before {
    content: "";
    display: block;
    width: 50px;
    height: 70px;
}

img.image {
    background-size: 48px 68px;
    box-sizing: border-box;
    padding-left: 48px;
    top: 0;
    left: 0;
    z-index: 1;
    transition: transform .3s;
}

.list-item:hover img.image {
    position: absolute;
    transform: scale(2.5) translateX(-10px);
}
In the second to last line, the "scale" number controls how large you want the image to be, and "translateX" controls how far to the side it'll move.


It worked! Thank you very much!

Is it possible to add the category headings in? Or would that take too much work? I don't have to have them, I just thought it would make it easier for me to find stuff.
The classic style used to list the category headings when a new category began, but the modern one doesn't :c
May 16, 2016 6:01 AM

Offline
Nov 2013
23
I can't figure out how to change the colour on hover for each status (ex. curr watching green on hover, completed blue, etc.). Can anyone help?

[quote=biggsk message=46046659]
Doomcat55 said:
Is it possible to add the category headings in? Or would that take too much work? I don't have to have them, I just thought it would make it easier for me to find stuff.
The classic style used to list the category headings when a new category began, but the modern one doesn't :c


I don't think this is available for modern unfortunately, I'd like it too.
May 16, 2016 7:04 AM

Offline
Jul 2015
820
@patch517 Do you mean to change the color of the entire row, or just the bit on the left?

I am working on the category headers thing, but can't say for sure if it's possible or not yet.
May 16, 2016 7:09 AM

Offline
Nov 2013
23
Doomcat55 said:
@patch517 Do you mean to change the color of the entire row, or just the bit on the left?

I am working on the category headers thing, but can't say for sure if it's possible or not yet.


I got as far as changing the left thing, just can't figure out how to do the whole row.
May 16, 2016 7:29 AM

Offline
Jul 2015
820
@patch517 This should do it, add:
.list-item:hover .watching ~ .data {
    background-color: #2db039;
}

.list-item:hover .completed ~ .data {
    background-color: #26448f;
}

.list-item:hover .onhold ~ .data {
    background-color: #f1c83e;
}

.list-item:hover .dropped ~ .data {
    background-color: #a12f31;
}

.list-item:hover .plantowatch ~ .data {
    background-color: #c3c3c3;
}
May 16, 2016 7:46 AM

Offline
Nov 2013
23
Doomcat55 said:
@patch517 This should do it, add:
.list-item:hover .watching ~ .data {
    background-color: #2db039;
}

.list-item:hover .completed ~ .data {
    background-color: #26448f;
}

.list-item:hover .onhold ~ .data {
    background-color: #f1c83e;
}

.list-item:hover .dropped ~ .data {
    background-color: #a12f31;
}

.list-item:hover .plantowatch ~ .data {
    background-color: #c3c3c3;
}


Thanks. TIL the general sibling combinator
May 16, 2016 2:14 PM
Offline
Mar 2015
28
patch517 said:


I don't think this is available for modern unfortunately, I'd like it too.


Ah ok :|

Doomcat55 said:


I am working on the category headers thing, but can't say for sure if it's possible or not yet.


Oh ok, thank you :)

Edit: Also, a friend of mine told me that for the first time loading my list, it takes like 12 seconds to load due to all the thumbnails. Do you think this is much of a problem?
biggskMay 16, 2016 2:59 PM
May 16, 2016 7:05 PM

Offline
Jul 2015
820
@biggsk He's right - as it is, your list has to load both its default images and the ones I gave you, which can be pretty bad if you don't have a good connection. I'm not sure of a workaround right now, but I'll let you know if I find one.

You might be interested in my next post, though -
May 16, 2016 7:14 PM

Offline
Jul 2015
820
@biggsk @patch517 Category headers are now possible on the modern list! Just add the following import and code:
@import "http://malcat-gen.appspot.com/headers";
body[data-query='{"status":7}'] .status { position: relative; }

body[data-query='{"status":7}'] .list-item:before {
    display: table-row;
    height: 50px;
}

body[data-query='{"status":7}'] .data.status:before {
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    width: 1023px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: left;
    border: solid black;
    border-width: 1px 0;
    box-sizing: border-box;
    padding-left: 10px;
}
FYI -
  • Headers won't show up if you sort your list or on the preview page.
  • Since the headers are coded as part of the colored status bars, using display: none; to hide the status bars will hide the headers too. If you want to hide the bars, use visibility codes as shown in my post below.
Doomcat55May 17, 2016 2:00 PM
May 16, 2016 7:30 PM
Offline
Mar 2015
28
Doomcat55 said:
@biggsk He's right - as it is, your list has to load both its default images and the ones I gave you, which can be pretty bad if you don't have a good connection. I'm not sure of a workaround right now, but I'll let you know if I find one.


Ahh ok, oh well haha. I don't think many people look at my list anyways, and my browser caches the images so it doesn't take long for me. I mainly just wanted the images because its easier for me to see what the anime/manga is without having to click on it. If you ever do run across a work around, that would be nice though :)


Doomcat55 said:
@biggsk @patch517 Category headers are now possible on the modern list! Just add the following import and code:

FYI - Headers won't show up if you sort your list or on the preview page.


Oh, thank you very much! This is exactly what I was looking for :D
May 17, 2016 12:37 AM

Offline
Mar 2015
5
Hi! I used your guide in relation to adding the background to the list, but... Either I misunderstood something or I'm not knowing how to use CSS so well. I not have a clue, how in the code to change the transparency of the list. I don't wish the full transparency, only partial. What I have at present is really illegible.

Sorry for English, I'm not from English-speaking country.

PS If the post is in the bad place, please for moving him.
May 17, 2016 7:11 AM

Offline
Nov 2013
23
Mroczna95 said:
Hi! I used your guide in relation to adding the background to the list, but... Either I misunderstood something or I'm not knowing how to use CSS so well. I not have a clue, how in the code to change the transparency of the list. I don't wish the full transparency, only partial. What I have at present is really illegible.

Sorry for English, I'm not from English-speaking country.

PS If the post is in the bad place, please for moving him.


Think you just need to add this
.list-block {
    background-color: rgba(255,255,255,0.7);
}

and change as you wish

@doomcat55
Love it. Do you know if there's a way to remove the coloured status bar things on the side? Under .list-table .list-table-data .data.status, opacity: 0 leaves a transparent bar on hover and display: none just screws up the whole thing. That's all my brain thought to try :/
patch517May 17, 2016 10:52 AM
May 17, 2016 1:57 PM

Offline
Jul 2015
820
@patch517 Yeah, I probably should've mentioned this in the post - the headers are coded as part of the colored status bars, so display: none; will bork them. To get rid of the bars, try
.list-table .list-table-header .header-title.status,
.list-table .list-table-data .data.status {
    width: 0;
    padding: 0;
    visibility: hidden;
}
and
body[data-query='{"status":7}'] .data.status:before {
visibility: visible;
display: block;
position: absolute;
top: -50px;
left: 0;
width: 700px;
height: 50px;
line-height: 50px;
font-size: 24px;
font-family:raleway;
text-align: middle;
border: solid white;
border-width: 0px 0;
box-sizing: border-box;
padding-left: 10px;
}
May 17, 2016 2:12 PM

Offline
Nov 2013
23
Doomcat55 said:
@patch517 Yeah, I probably should've mentioned this in the post - the headers are coded as part of the colored status bars, so display: none; will bork them. To get rid of the bars, try
.list-table .list-table-header .header-title.status,
.list-table .list-table-data .data.status {
    width: 0;
    padding: 0;
    visibility: hidden;
}
and
body[data-query='{"status":7}'] .data.status:before {
visibility: visible;
display: block;
position: absolute;
top: -50px;
left: 0;
width: 700px;
height: 50px;
line-height: 50px;
font-size: 24px;
font-family:raleway;
text-align: middle;
border: solid white;
border-width: 0px 0;
box-sizing: border-box;
padding-left: 10px;
}

Yep that did it, thanks again.
May 17, 2016 2:35 PM

Offline
Mar 2015
5
patch517 said:
Mroczna95 said:
Hi! I used your guide in relation to adding the background to the list, but... Either I misunderstood something or I'm not knowing how to use CSS so well. I not have a clue, how in the code to change the transparency of the list. I don't wish the full transparency, only partial. What I have at present is really illegible.

Sorry for English, I'm not from English-speaking country.

PS If the post is in the bad place, please for moving him.


Think you just need to add this
.list-block {
    background-color: rgba(255,255,255,0.7);
}

and change as you wish


Thank You so much, it works!
May 18, 2016 7:12 AM

Offline
Nov 2013
23
@doomcat55 Found this problem related to the header categories (at least I think it is), the headers sometimes don't actually show up before the first item in a category.

Checked out @biggsk 's list to see if it was just something I did but he has the same thing.
patch517May 18, 2016 7:19 AM
May 18, 2016 7:36 AM

Offline
Jul 2015
820
@patch517 It looks like an error on MAL's end - there's apparently some lag between when you change a series status and when MAL picks it up. Biggsk's list shows him as having 193 watching entries, but his profile says there are 194. I'll see what I can do, but the best solution might be to just wait a bit.
May 18, 2016 7:41 AM

Offline
Nov 2013
23
Doomcat55 said:
@patch517 It looks like an error on MAL's end - there's apparently some lag between when you change a series status and when MAL picks it up. Biggsk's list shows him as having 193 watching entries, but his profile says there are 194. I'll see what I can do, but the best solution might be to just wait a bit.

Oh welp, ignore me then. Mine's fixed itself already
May 18, 2016 12:40 PM
Offline
Mar 2015
28
Doomcat55 said:
@patch517 It looks like an error on MAL's end - there's apparently some lag between when you change a series status and when MAL picks it up. Biggsk's list shows him as having 193 watching entries, but his profile says there are 194. I'll see what I can do, but the best solution might be to just wait a bit.


Yeah, I kinda use my "Watching" Category as more of a priority plan to watch list haha. All the stuff I want to watch sooner goes there. It makes it easier to find, rather than sort through the 700 or so Plan to Watch entries. I know I could just sort by priority, but this seems easier for me haha.

Edit: I didn't even notice that the image showed one of my Completed entries in the Watching list. You say theres lag between when you change a series status and when it shows the change, but I finished Absolute Duo MONTHS ago and changed its status. I'm not sure why it's there...

Haha why does that say Introvert by my name? Is that due to my lack of posts?

patch517 said:

Oh welp, ignore me then. Mine's fixed itself already


I couldn't tell what looked wrong with yours to begin with haha. It looked fine to me.

@Doomcat55
For my list, some of the titles are long and kind of spill into the next category. Is there a way to make an invisible column border so that the text wraps before it reaches the column with "Edit - More"?

In other words, the text would create a second line below the first line of text, that way it doesn't clutter as much.

Edit: Linked wrong user by accident :P
biggskMay 18, 2016 12:55 PM
May 18, 2016 3:31 PM

Offline
Jul 2015
820
@biggsk Absolute Duo probably isn't the problem - if there are any anime that you've changed from watching status which MAL didn't register, it'll throw off the entire watching section. That said, your list looks fine now (and I haven't done anything) so it looks like we just need to wait for MAL to update.

lol I forgot about that XD It's an extension that I picked up from the forums for fun. Don't worry about it, I'm actually a hardcore introvert myself

Yeah, add this code:
.data.title .link.sort {
    display: inline-block;
    max-width: 400px;
}
May 18, 2016 3:43 PM
Offline
Mar 2015
28
Doomcat55 said:
@biggsk Absolute Duo probably isn't the problem - if there are any anime that you've changed from watching status which MAL didn't register, it'll throw off the entire watching section. That said, your list looks fine now (and I haven't done anything) so it looks like we just need to wait for MAL to update.

lol I forgot about that XD It's an extension that I picked up from the forums for fun. Don't worry about it, I'm actually a hardcore introvert myself

Yeah, add this code:
.data.title .link.sort {
    display: inline-block;
    max-width: 400px;
}


Ahh ok I see. So any change at all can push the list in one direction or another temporarily until MAL registers it properly.

Oh XD Is that how it works though? Basing it off amount of posting? Or is there more to it than that, just curious haha.

Ahh thanks! I'm assuming I just change the max-width to make any minor changes that I feel like.


Edit: Yup, that worked, thanks!
May 18, 2016 3:51 PM

Offline
Jul 2015
820
@biggsk Forum posts over time since you joined MAL - here's where I got it from: http://myanimelist.net/forum/?topicid=1471246

And yeah, you can change it however you want.
May 18, 2016 4:55 PM
Offline
Mar 2015
28
Doomcat55 said:
@biggsk Forum posts over time since you joined MAL - here's where I got it from: http://myanimelist.net/forum/?topicid=1471246

And yeah, you can change it however you want.


Alrighty, cool :P

Edit: lol magical girl...
May 21, 2016 9:50 AM

Offline
Sep 2015
607
Hello I rehosted this list But I can't seem to find the source of the covers. I want to enlarge and move them to match the size of the category menu.
Edit: i just noticed that the back menu isn't showing. As far as i can tell there's nothing wrong with the import code.
- My List
- The rehosted code
Aoi_YuiMay 21, 2016 10:27 AM
May 21, 2016 8:08 PM

Offline
Jul 2015
820
@Aoi_Yui The codes for modifying your covers are in the section of your code titled "COVER PIC POSITION." Just change the width/height and margin-left/margin-top properties.

As for the topbar: Change this section:
to this (changes are in the height and border properties):
And you've got the wrong image in this section:
 #mal\_cs\_listinfo {
background-image: url("https://dl.dropboxusercontent.com/u/15020329/MAL/CSS/Charolette/Images/Baclist%20Images/XqsilHp.png");
right: 106px;
}
The right image can be found here: http://i.imgur.com/o2nmXt1.png
May 22, 2016 5:57 AM

Offline
Sep 2015
607
@Doomcat55

What do i change the height and border to? I tried a few values and it seems to be the right size but I'm getting a pair of lines that don't seem to belong.
May 22, 2016 7:33 AM

Offline
Jul 2015
820
@Aoi_Yui Change them to the values shown in the second spoiler (or just copy/paste the whole thing)
May 22, 2016 3:09 PM

Offline
Feb 2015
263
hi cover pic for black lagoon roberta's trail is not coming up when i hover over it.. why is that.. can someone please help me

http://myanimelist.net/animelist/theweaboopenguin
SEND ME DA FRIEND REQUEST AND COMMENT ON MY PROFILE <33

I LOVE YUKINO YUKINOSHITA, CHITOGE AND YUNO GASAI.. they changed my life.. every night b4 sleeping i think about them and pray that i meet a yukino/chitoge/yuno irl <33
i will stay virgin for them <33 i know they are out there and i will meet them <33 i love u yukino bbb
May 22, 2016 3:41 PM

Offline
Sep 2015
607
Doomcat55 said:
@Aoi_Yui Change them to the values shown in the second spoiler (or just copy/paste the whole thing)


Thanks its working now for the most part. I know this is nitpicking but I'm a perfectionist and the animation for the drop down menu is choppy it drops down a bit then the rest just pops in.
May 22, 2016 4:17 PM

Offline
Jul 2015
820
@theweaboopenguin Check again, it's showing up for me now. Probably a caching issue.
Aoi_Yui said:
the animation for the drop down menu is choppy it drops down a bit then the rest just pops in.
Not really sure what you mean... but I'm not seeing any choppiness. Details?
May 23, 2016 4:38 AM

Offline
Sep 2015
607
Doomcat55 said:
@theweaboopenguin Check again, it's showing up for me now. Probably a caching issue.
Aoi_Yui said:
the animation for the drop down menu is choppy it drops down a bit then the rest just pops in.
Not really sure what you mean... but I'm not seeing any choppiness. Details?


My computer is really old it might just be lag. For reference modern day netbooks have more ram than my desktop. Parts of lists, especially high res images, tend to pop in little by little. Can someone else with an old build test this for me.
May 23, 2016 5:07 AM

Offline
Apr 2014
11204
Aoi_Yui said:
Doomcat55 said:
@theweaboopenguin Check again, it's showing up for me now. Probably a caching issue.
Not really sure what you mean... but I'm not seeing any choppiness. Details?


My computer is really old it might just be lag. For reference modern day netbooks have more ram than my desktop. Parts of lists, especially high res images, tend to pop in little by little. Can someone else with an old build test this for me.
It's probably lag because of your computer, as images with high quality did the same thing with my old desktop.
May 24, 2016 1:12 PM

Offline
Feb 2015
263
Doomcat55 said:
@theweaboopenguin Check again, it's showing up for me now. Probably a caching issue.
Aoi_Yui said:
the animation for the drop down menu is choppy it drops down a bit then the rest just pops in.
Not really sure what you mean... but I'm not seeing any choppiness. Details?

yes its showing up now thanks
SEND ME DA FRIEND REQUEST AND COMMENT ON MY PROFILE <33

I LOVE YUKINO YUKINOSHITA, CHITOGE AND YUNO GASAI.. they changed my life.. every night b4 sleeping i think about them and pray that i meet a yukino/chitoge/yuno irl <33
i will stay virgin for them <33 i know they are out there and i will meet them <33 i love u yukino bbb
May 25, 2016 4:23 AM

Offline
Sep 2015
607
Milk_is_Special said:
Aoi_Yui said:


My computer is really old it might just be lag. For reference modern day netbooks have more ram than my desktop. Parts of lists, especially high res images, tend to pop in little by little. Can someone else with an old build test this for me.
It's probably lag because of your computer, as images with high quality did the same thing with my old desktop.


Thanks for confirming my theory. I checked a few different times and the lag was spotty, which supports my theory about lag.
May 29, 2016 3:20 PM
Offline
Nov 2012
15
Hi, sorry if someone ask this before, but how I can change the position of the list, putting the list further down, to not stand in front of the image?
I wanna know how add toolbar above the list.
Sorry for my bad english, google translate help me write this.
Thanks for the attention.
May 30, 2016 7:08 PM

Offline
Sep 2013
31
Hi! I've been working on my anime list style wit the new design these last weeks, but there are few things I couldn't figure out how to do. So, I would appreciate a bit of help.

1- How could I move the category buttons to the left?

2- How could I put round corners on the table?



Thanks!
May 30, 2016 9:20 PM

Offline
Feb 2013
6197
akai_ryu said:
1- How could I move the category buttons to the left?
.status-menu-container .status-menu{margin:0;}

akai_ryu said:
2- How could I put round corners on the table?
.list-table{display:block;}
.list-table tbody:first-child{display:block; border-radius:10px;}
This should get you started. Apparently display:table doesn't like border-radius. Have fun fixing cell widths.
May 31, 2016 8:28 PM
Offline
Jul 2018
561872
I was just wondering if anyone knew of a way to fix the offset titles on my list. Down on the 'Plan To Watch' section the section headers are offset from the actual sections ('Score', 'Type', and 'Progress').

http://myanimelist.net/animelist/522Gage

Thanks for the help!
May 31, 2016 10:37 PM

Offline
Jul 2015
820
@522Gage Remove this bit:
/* GOOGLE CHROME FIX 
Adjust this amount 50px at a time if your columns are uneven in Chrome. 
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
td[class^='td']:nth-of-type(2) {
width: 410px !important;}
}
and change this
.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}
to this (change is in the padding):
.table_header {
border-width:0;
font-weight:bold;
padding:2px 0;
}
May 31, 2016 11:27 PM
Offline
Jul 2018
561872
Doomcat55 said:
@522Gage Remove this bit:
/* GOOGLE CHROME FIX 
Adjust this amount 50px at a time if your columns are uneven in Chrome. 
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
td[class^='td']:nth-of-type(2) {
width: 410px !important;}
}
and change this
.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}
to this (change is in the padding):
.table_header {
border-width:0;
font-weight:bold;
padding:2px 0;
}


Thanks! That fixed it. Is there any way to make it so there is a cut off for the length of the titles. Like in the Completed section, the titles that go over to the score get cut off and go to the next line. Is there a way to make them all look the same, either way is fine.
Jun 1, 2016 12:52 AM

Offline
Jul 2015
820
@522Gage Yeah, add:
.animetitle {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 400px;
    text-overflow: ellipsis;
}
Reply Disabled for Non-Club Members
Pages (159) « First ... « 75 76 [77] 78 79 » ... Last »

More topics from this board

» [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

» theme help

threat - Jul 5

5 by Zaryf »»
Aug 21, 5:46 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login