HELP! custom cursor doesn't work on the whole page :'( http://myanimelist.net/mangalist/RedAbyss |
Andryu_dFeb 17, 2014 4:05 AM
 |
| Your cure is here: |
 |
Hahaido said: Your cure is here: Thanks a lot :D , you didn't have to add the whole code still thanks ^_^ |
|
| I have a question T~T Is the cover generator doesn't work any more? I've just started using this for my mangalist. I'm using Hahaido's app but after I generate everything and import it to my mangalist, it doesn't appear at all. I want it to appear in the more section. Help please? Also, what's the difference between 'regular' 'before' and 'after' selection for the 'more' part in the generator? Please and thank you. \(_ _)/ |
| I could answer your question but I see no reason since your haven't read the FAQ |
|
| Noob question here, but does anyone know how to open up an .exe file that contains CSS codes? Basically, I'm trying to turn my lists into something like this: http://i.imgur.com/UskVEi9.png |
Hata-tan said: Noob question here, but does anyone know how to open up an .exe file that contains CSS codes? Basically, I'm trying to turn my lists into something like this: http://i.imgur.com/UskVEi9.png If you can't open it with left/right click or winrar; link to file pls |
Hahaido said: I could answer your question but I see no reason since your haven't read the FAQ I'm sorry but I really don't understand. I read the faqs but I'm just really clueless. I tried putting anything I thought would work but I'm not really good in css. Can you please tell me what I did wrong? |
xEru said: Hahaido said: I could answer your question but I see no reason since your haven't read the FAQ I'm sorry but I really don't understand. I read the faqs but I'm just really clueless. I tried putting anything I thought would work but I'm not really good in css. Can you please tell me what I did wrong? ok lets start from the beginning: what topic are you using for your manga list covers? not the generator download topic. the topic that has the type of covers you're trying to add, it should be one I wrote there are different ways to display covers (pointing to a title, pointing to a row, always displayed, etc) . the selector types (after, before, etc) determine the way. |
Shishio-kun said: Hata-tan said: Noob question here, but does anyone know how to open up an .exe file that contains CSS codes? Basically, I'm trying to turn my lists into something like this: http://i.imgur.com/UskVEi9.png If you can't open it with left/right click or winrar; link to file pls It's this file here: https://dl.dropboxusercontent.com/u/69788781/Code/CoversList.exe |
Shishio-kun said: ok lets start from the beginning: what topic are you using for your manga list covers? not the generator download topic. the topic that has the type of covers you're trying to add, it should be one I wrote there are different ways to display covers (pointing to a title, pointing to a row, always displayed, etc) . the selector types (after, before, etc) determine the way. Topic? You mean the thread? Sorry I'm really blur right now.. I only wanted to put the covers in the 'more' box. I'm not clear on what code should I use for the import to display? |
Hata-tan said: Shishio-kun said: Hata-tan said: Noob question here, but does anyone know how to open up an .exe file that contains CSS codes? Basically, I'm trying to turn my lists into something like this: http://i.imgur.com/UskVEi9.png If you can't open it with left/right click or winrar; link to file pls It's this file here: https://dl.dropboxusercontent.com/u/69788781/Code/CoversList.exe that looks like a covers CSS for anilist, I don't think those codes will work here... its probably easier to use ours for MAL, see Customize your list panel on front page and find the covers topics. to open it if you simply double click it or right click and open.. then save it to your computer as a covers.css |
xEru said: Topic? You mean the thread? Sorry I'm really blur right now.. I only wanted to put the covers in the 'more' box. I'm not clear on what code should I use for the import to display? You mean you'll only see covers when you click "more", right? Not this style, where you see covers all the time: http://myanimelist.net/forum/?topicid=444247 Yeah topics and threads are the same thing. You should be using a topic to make effects. Its easier to narrow down the problem and more likely to work that way. It seems you're trying to do something unique, which is fine, but it sounded like you've tried a topic that didn't work when I don't think a topic for what you're doing exists atm |
Shishio-kun said: You mean you'll only see covers when you click "more", right? Not this style, where you see covers all the time: http://myanimelist.net/forum/?topicid=444247 Yeah topics and threads are the same thing. You should be using a topic to make effects. Its easier to narrow down the problem and more likely to work that way. It seems you're trying to do something unique, which is fine, but it sounded like you've tried a topic that didn't work when I don't think a topic for what you're doing exists atm Yes that's right!! I want the covers only when you click "more". How can I do that? |
| Ok. So what you were asking for doesn't exist in any topic, afaik. So when you say the generator isn't working- it probably does- you're either not using the newest one, or you're just not using the right CSS for this exclusive effect. In the future, thoroughly check all our Customize your list topics (see front page) first, and see if what you want is actually what the topics can do for your list, otherwise point out you're asking for something completely different and new not featured in tutorials here already. Anyways to make this effect: it doesn't look like you have anything like .hide in your theme CSS which is necessary for covers to display, which is also something you were supposed to get from the topics... you're also using before CSS. So start over- remove the covers CSS you're using, make one that doesn't use before/after, like this (follow the link in the import to check what kinda CSS it is): @import "https://dl.dropboxusercontent.com/u/78340470/manga.css"; you can use that or make your own similar one. And when you have a CSS import like that, you can add this and covers will show up in more. /* DISPLAY ANIME/MANGA TITLE PICS This is the CSS to control and reveal title pics. You'll need #more CSS or a import link to one in your CSS too. Got a question or want to learn more? Try this link: Change background-size from "auto" to "contain" and then adjust height to change the size of the pics. Move the pics to the left with margin-left, by adding an amount to it. */ .hide { background-size: auto; height: 310px; margin-left: 0px; background-position: left top; background-repeat: no-repeat; margin-top: 5px; position: relative; width: 245px !important; } |
Shishio-kun said: @import "https://dl.dropboxusercontent.com/u/78340470/manga.css"; you can use that or make your own similar one. And when you have a CSS import like that, you can add this and covers will show up in more. /* DISPLAY ANIME/MANGA TITLE PICS This is the CSS to control and reveal title pics. You'll need #more CSS or a import link to one in your CSS too. Got a question or want to learn more? Try this link: Change background-size from "auto" to "contain" and then adjust height to change the size of the pics. Move the pics to the left with margin-left, by adding an amount to it. */ .hide { background-size: auto; height: 310px; margin-left: 0px; background-position: left top; background-repeat: no-repeat; margin-top: 5px; position: relative; width: 245px !important; } Sigh.. I dunno what's the problem is now. I've generated regular covers without before/after. Then I import it like usual. After that I copied your code above. But everytime I save changes, the codes get all weird/deleted. For example: [your code above] save changes and becomes this Some part of your codes got deleted from the edit box like the margin left. Also Shishio-san, the covers are placed under the box after clicking the more button. I can't seem to get it reposition right as you can see in my list. I originally wanted it to be inside the more box and on the right side without bothering the text on the left. Any ideas how? >< |
xEru said: Some part of your codes got deleted from the edit box like the margin left. Also Shishio-san, the covers are placed under the box after clicking the more button. I can't seem to get it reposition right as you can see in my list. I originally wanted it to be inside the more box and on the right side without bothering the text on the left. Any ideas how? >< ok thats an annoying glitch that happens, for what you want tho all you need is to use this instead: .borderRBL { background: transparent; border: 0; } .hide { background-color: #F8F8F8; background-position: center top; background-repeat: no-repeat; background-size: contain; height: 320px; position: relative; width: 720px !important; } it shouldn't delete those codes, if it does, you can try adding it to your import @import "https://dl.dropboxusercontent.com/u/101388011/TamakoMangaTheme.css"; |
Shishio-kun said: ok thats an annoying glitch that happens, for what you want tho all you need is to use this instead: .borderRBL { background: transparent; border: 0; } .hide { background-color: #F8F8F8; background-position: center top; background-repeat: no-repeat; background-size: contain; height: 320px; position: relative; width: 720px !important; } it shouldn't delete those codes, if it does, you can try adding it to your import @import "https://dl.dropboxusercontent.com/u/101388011/TamakoMangaTheme.css"; Oh wow thank you so much!! This code works just fine and no more glitches. Thank you so much. Geez you don't know how happy I am right now. Thank you thank you omg |
| Is it possible to import a font I have on my computer to a list without knowing where to find it on-line? |
         |
| Of course! Just use .woff format, here is an example @font-face { font-family: 'SAO'; src: url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Fonts/SAO.woff) format('woff'); } |
|
| Thanks! but how do I do if the font is in another format? mine is in .ttf |
|
| nvm That has to be my most stupid question yet xD |
|
| Hi, just discovered these awesome customization topics. I put together a mess-of-a-code-like css (just added some features from the css tutorials to the bottom of the futuristic premade design lol) Only trouble I ran into is that the original headers titles won't disappear completely (keeps being visible, but with transparency) when replacing them with pics, and I don't know where it comes from as I can't understand all the code involved. If you think my layout is looking decent, I would be happy to donate it when the problem will be solved. http://myanimelist.net/animelist/Nobluesky The code : |
NoblueskyFeb 23, 2014 3:29 PM
| @nobluesky This shoulf fix it :3 The code : |
|
Thanks a lot, works like a charm now :D |
| Youre welcome :P |
|
| Hi is it possible to rearrange the category links? And how do I change the text in them without having them take up extra space? |
|
| The following code is for vertical menu /* isn't safe code, must be imported */ /* Menu position */ #list_surround > table:first-of-type { position: absolute !important; left: px; top: px; width: 80px; /* category button width */ } /* isn't safe code, must be imported */ #list_surround > table:first-of-type td { width: 100px; /* category button width, the same as above */ } .status_not_selected, .status_selected { display: block !important; white-space: nowrap; } .status_not_selected a, .status_selected a { display: block; width: 100px; /* category button width, the same as above */ } To change texts: .status_not_selected a:before, .status_selected a:before { font-size: 15px; } /* Currently watching */ .status_not_selected a[href*="status=1"], .status_selected a[href*="status=1"] { font-size: 0; } .status_not_selected a[href*="status=1"]:before, .status_selected a[href*="status=1"]:before { content: 'YourText'; } /* Ccompleted */ .status_not_selected a[href*="status=2"], .status_selected a[href*="status=2"] { font-size: 0; } .status_not_selected a[href*="status=2"]:before, .status_selected a[href*="status=2"]:before { content: 'YourText'; } /* On-Hold */ .status_not_selected a[href*="status=3"], .status_selected a[href*="status=3"] { font-size: 0; } .status_not_selected a[href*="status=3"]:before, .status_selected a[href*="status=3"]:before { content: 'YourText'; } /* Dropped */ .status_not_selected a[href*="status=4"], .status_selected a[href*="status=4"] { font-size: 0; } .status_not_selected a[href*="status=4"]:before, .status_selected a[href*="status=4"]:before { content: 'YourText'; } /* Planned */ .status_not_selected a[href*="status=6"], .status_selected a[href*="status=6"] { font-size: 0; } .status_not_selected a[href*="status=6"]:before, .status_selected a[href*="status=6"]:before { content: 'YourText'; } /*All */ .status_not_selected a[href*="status=7"], .status_selected a[href*="status=7"] { font-size: 0; } .status_not_selected a[href*="status=7"]:before, .status_selected a[href*="status=7"]:before { content: 'YourText'; } |
|
| Thank you! finally managed to change the text as I wanted :3 but as for what I meant with rearranging, I meant change the order of the buttons :) |
|
| I know what you meant I just forgot to add the necccesary code Change some parts of the code: .status_not_selected a, .status_selected a { position: absolute; display: block; width: 100px; /* category button width, the same as above */ } and then just change buttons order by adding new margin-top values to each button: /* Currently watching */ .status_not_selected a[href*="status=1"], .status_selected a[href*="status=1"] { margin-top: px; font-size: 0; } |
|
| Hi again! I am wondering if it would be possible I would want to make use of the scrollbar hiding trick. Is that possible on a side scrolling list? (think you'll be rid of me for quite some time once this is fixed ;) or not fixed in the event of impossibility). |
Pico-tanFeb 27, 2014 11:12 AM
|
| Here is your code: As for the top menu. I would put the series logo instead of a character pic |
|
| yeah me too but I cant find a rendered one. Thanks for the code :3 |
|
| This one is good http://www.deviantart.com/art/Ef-A-Tale-of-Memories-Logo-245559125 |
|
| Well actually the problem is that I want the VN logo :/ But I rendered that myself :3 |
Pico-tanFeb 28, 2014 1:28 AM
|
| Sorry, what the 'VN'? |
|
| Visual Novel :3 |
|
| OK, I see Remade your category menu |
|
| I have a question: The list I have now, I pretty much took one of the donated lists (http://myanimelist.net/forum/?topicid=393503#msg13155001) and turned it into the one I have now. However, when you hover over one of my shows, a green/blue bar appears. Where do I go in the code to take that off? Here's the code for my list: |
BenjaminL said: I have a question: The list I have now, I pretty much took one of the donated lists (http://myanimelist.net/forum/?topicid=393503#msg13155001) and turned it into the one I have now. However, when you hover over one of my shows, a green/blue bar appears. Where do I go in the code to take that off? Here's the code for my list: delete .td1:hover, .td2:hover { background: url("http://i42.tinypic.com/snktjs.png") repeat scroll 0 0 transparent; } from your code |
kuronekodesu said: BenjaminL said: I have a question: The list I have now, I pretty much took one of the donated lists (http://myanimelist.net/forum/?topicid=393503#msg13155001) and turned it into the one I have now. However, when you hover over one of my shows, a green/blue bar appears. Where do I go in the code to take that off? Here's the code for my list: delete .td1:hover, .td2:hover { background: url("http://i42.tinypic.com/snktjs.png") repeat scroll 0 0 transparent; } from your code Appreciate it. Thanks for your help. I wish I was smart enough to figure that stuff out lol. |
| wondering, how do u get more List Styles on ur profile or is that not possible? |
| Hi! I've been trying to do some re-arranging to my list and only managing to screw things up. So I thought it best to ask for little help here.. How can I get my list position and shape like in the layout here (with added round corners), and tags section like in this layout? Help would be deeply appreciated. My current list code: |
 |
| Hi there! I have a question about the hover-display cover art. http://myanimelist.net/forum/?topicid=563993 I'd like to know, is it possible to: 1. Set a timer. As in you'd hold the cursor on the list entry for 2-3 seconds and then the cover would appear. 2. Is it possible to the appearing cover to stretch out or shrink depending on the browser window/screen size? And is it possible that the cover image would jump to the designed area no matter what the screen size is? Thanks for the time! |
 |
| 1. Use transition delay: transition: opacity 1s linear 2s; -webkit-transition: opacity 1s linear 2s; 2. Set width and height in %. For example: .hide { width: 10%; height: 15%; } and to fix covers position use this: .hide { position: fixed; left: px; top: px; } |
|
Hahaido said: 1. Use transition delay: transition: opacity 1s linear 2s; -webkit-transition: opacity 1s linear 2s; I think i managed with other things, but this i can't figure out, where am i adding it in the code Halp :c *Edit* Ok so got some help from a friend and got the code done. Only thing now is that it's still not working :@ |
SenatorMar 11, 2014 10:48 PM
|
| Is there anyway to use this or some other way to show the cover photos on my anime and manga list but only load and show them in my PTW? I used to have it for my whole list when I had almost half the entries I have now and it froze my browser every time I loaded it. Before I decide to replace my code and change which section loads first every time I want to check my PTW. I wanted to check with you guys. |
     Short of the day: Monotonous Purgatory(MAL) ✰Public Domain Club | One Piece Club✰ |
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 helpthreat - 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 FixesShishio-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 ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |