clone4 said: Okay I got two questions? 1.Whats the code for those airing, not yet aired, etc. subtitles? 2.What's the code to change the width of the progress section? 1. I think .animetitle + small 2. You can control the width of the progress table with these, just keep in mind that when you change the width on one part you might have the adjust the width on other parts that get scrunched- like for the whole list or for the animetitle part. For the progress header .table_header:nth-of-type(5) For the progress boxes td:nth-of-type(5) |
TMC2014 said: I recently used the first pre-made layout for Psycho pass for my anime list but I'm not sure how to get pictures in the purple frame. I tried to figure it out but I don't understand any of this. If somebody could please help me, asap. Thanks! In the post for that code, there were two imports at the top that weren't copied to your own CSS. You need those for covers- see here: http://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Requests/PsychoPassblackandwhite.css |
| I have a quick question about a little problem on my anime list. I started my list out with the "futuristic premade list layout", but during this week I have been making small alterations to the layout and adding features like the DVD cover preview. This morning I added the headers from a premade psycho pass layout and changed up the category links to my list. Everything is going fine except for one problem, my "more" link doesn't seem to work. I've been going through the forums on the club and tried deleting codes, but I can't seem to find out where exactly I messed up. I'd definitely appreciate if someone could help me out. |
OkamiMillz said: I have a quick question about a little problem on my anime list. I started my list out with the "futuristic premade list layout", but during this week I have been making small alterations to the layout and adding features like the DVD cover preview. This morning I added the headers from a premade psycho pass layout and changed up the category links to my list. Everything is going fine except for one problem, my "more" link doesn't seem to work. I've been going through the forums on the club and tried deleting codes, but I can't seem to find out where exactly I messed up. I'd definitely appreciate if someone could help me out. When you added DVD covers, you skipped step 2, that import will remove #more button from your list which no one has found a way to keep working with that particular cover setup (while keeping it "easy" at least). http://myanimelist.net/forum/?topicid=563993 |
| Alrighty...not sure if this goes in the "Ask Questions" queue...but it seems appropriate at this time. I took this anime list layout (below):  and replaced it with the psycho-pass background below (only background image):  but...I like my anime list to have; Airing, Not Yet Aired; next to the anime title. How do I accomplish this? Do I need to put in a request for a new layout just for these changes? Please Help! |
nitchiJul 6, 2013 4:57 PM
  |
nitchi said: but...I like my anime list to have; Airing, Not Yet Aired; next to the anime title. How do I accomplish this? It was something put in long ago not sure why or by who but I've changed it so it shows for anyone using this layout properly now (check your layout to make sure). If you want you can customize that spot with different colors and settings with this selector. .animetitle + small { color: white !important; } nitchi said: Do I need to put in a request for a new layout just for these changes? Please Help! No, I'd like that topic to be for making new layouts from now on for ppl who don't have the time to make their own. When it comes to making small changes to current layouts or asking questions about them thats what this question topic and the numerous customizing topics are for. |
| Hi! I have a question that I thought was fairly simple, but I haven't been able to find a solution by myself. I'm not sure if it has been asked here before or not. So I got a new list theme recently, and I want to show a random image from an array of a couple different ones at the top of the list. Right now there is a quote, which is part of the background-image - my idea is to show a new random quote in that spot when the page loads. I'm not the best with CSS, and from what I've found on Google you need to do some javascript-wizardry, which I'm totally incompetent at... I found this example of it done with javascript, but I don't know how to implement it into my theme: http://www.pmob.co.uk/temp/randombgimage2.htm I hope you can come up with a solution? How do I show a random image over the background on my list? You can see my list and the theme here: http://myanimelist.net/animelist/Bakufreak My theme's CSS: |
| recently started gfxing, just wondering where i can get these anime backgrounds to work with, so i can add like renders, etc on them |
 |
Bakufreak said: I hope you can come up with a solution? How do I show a random image over the background on my list? You don't need all that other stuff for random wallpaper. Use this site or a similar one to host an album of random image URLs then make that album's url your background image url: http://www.random-image.net/?action=rnd You can also use signavatar as I said in this tutorial but they are kinda annoying http://myanimelist.net/forum/?topicid=519341 onyxdaman said: recently started gfxing, just wondering where i can get these anime backgrounds to work with, so i can add like renders, etc on them These are all the image sites I still use, you can click the links to go to one of the better sorts for those two things. The best tags for renders are: render, transparent_background, or vector_trace. The best tags for backgrounds to put renders on is scenery or no_humans. http://myanimelist.net/forum/?topicid=504129 |
Shishio-kun said: You don't need all that other stuff for random wallpaper. Use this site or a similar one to host an album of random image URLs then make that album's url your background image url: http://www.random-image.net/?action=rnd You can also use signavatar as I said in this tutorial but they are kinda annoying http://myanimelist.net/forum/?topicid=519341 Lol, I didn't even think of doing the random selection externally. That is clever, thanks :D |
| I did not know where to ask something like this, but I was wondering where I could find a high definition background picture (good enough quality for desktop background), taken from some random page: If somebody knows, please reply, I didn't even know under what to search, coz the picture is custom made... |
 |
| Ok well heres the background without render. http://i.imgur.com/brMKb.jpg And you could just search this page for a good render to put on the background. http://tinyurl.com/k34tot3 |
TheHolyPotato said: Ok well heres the background without render. http://i.imgur.com/brMKb.jpg And you could just search this page for a good render to put on the background. http://tinyurl.com/k34tot3 well this was quick, thanks man...(^.^) BTW, now tnx to you, I also found the character, under "vocaloid render": https://www.google.si/search?q=vocaloid+render&safe=off&source=lnms&tbm=isch&sa=X&ei=VX7gUa-PLO_24QTOioDwBA&ved=0CAcQ_AUoAQ&biw=1280&bih=695#facrc=_&imgdii=_&imgrc=bzdPN21FFRpZXM%3A%3BQa1MsEOI0Gyf-M%3Bhttp%253A%252F%252Ffc07.deviantart.net%252Ffs71%252Ff%252F2012%252F067%252Ff%252Ff%252Fia___vocaloid_render_i_by_rikku923-d4s3sk8.png%3Bhttp%253A%252F%252Frikku923.deviantart.com%252Fart%252FIa-Vocaloid-Render-I-289070936%3B834%3B1200 |
MonsterguyJul 12, 2013 3:12 PM
|
| Yeah I derped up :P Not too familiar with the vocaloids or names but it's a good thing you found it :) |
| Is it possible to seperate specials and OVA's from my main anime-list? I would like it so, that they are in a list beneath my main list.. |
Nicksen said: Is it possible to seperate specials and OVA's from my main anime-list? I would like it so, that they are in a list beneath my main list.. I know of only one way but its very complicated and would take a lot of busy work on your part. You'll probably have to use a coding program like Firebug to make it easier. Would you still wanna? And maybe someone has a simple way and can offer it too. |
| Hey, I'm testing (read: learning) things out right now, to create on my first list after I've gathered some ideas and knowledge (hopefully =). Anyways, I want to have 6 images, without any text as links for every category (Currently watching, Completed...) and then have the categories text popup under the link as you hover over it. I found Darkside of love (Vampire Knight) style by Hahaido which had 5 categories(no "All Anime") and the little category name popup (which sadly only pops up in only 1 location). So I added the 6th category but stumbled upon a problem: all the categories left from the one currently selected don't change the preview text in the little "popup" (which is now always active -__-). I am terribly sorry if there already has been a question about this, but I really don't want to scroll through all the 55 pages, or try to find some keyword to find that (possibly not existing) post and hopefully I didn't write too weird of a text that only I can understand =) edit: Please don't get feel sick if the code has some un-needed lines and/or is messy :S |
candyfox said: So I added the 6th category but stumbled upon a problem: all the categories left from the one currently selected don't change the preview text in the little "popup" (which is now always active -__-). That is my fault... So, add to your CSS: .status_not_selected a[href*="status=1"]:hover:after, .status_selected a[href*="status=1"]:hover:after, .status_not_selected a[href*="status=2"]:hover:after, .status_selected a[href*="status=2"]:hover:after, .status_not_selected a[href*="status=3"]:hover:after, .status_selected a[href*="status=3"]:hover:after, .status_not_selected a[href*="status=4"]:hover:after, .status_selected a[href*="status=4"]:hover:after, .status_not_selected a[href*="status=6"]:hover:after, .status_selected a[href*="status=6"]:hover:after, .status_not_selected a[href*="status=7"]:hover:after, .status_selected a[href*="status=7"]:hover:after { z-index: 1; } |
 |
Thank you very much! I might have taken on too big of a task for myself as I have more questions:As I changed the text preview box from "position: fixed" to "position: relative", to have it under each category as I hover over them, I couldn't find a way to change the category icon movement from up to down instead. Also how do I separately change the category links width and the list width (I'd like to move the links close together [no space], but changing the width in CategoryMenu also changes the list width)  |
candyfoxJul 16, 2013 7:28 AM
candyfox said: Also how do I separately change the category links width and the list width (I'd like to move the links close together [no space], but changing the width in CategoryMenu also changes the list width) Your CategoryMenu should look like: |
|
| Again, thank you very much I really appreciate the help! Hopefully I don't get any crazy(read: I cant handle) ideas for my list as I don't want to make request after request here, even tough they probably are easy to handle for you it still takes some time =) |
| 2candyfox: any time! I would like to help! btw I love Natsume! The series, not a guy |
|
| Alrightee lovely people, I have a few random questions I desperately need an answer to, and would appreciate it very much if you could answer even one of them for me. First, is it possible to split each row on my list into two rows, and by that I mean score, status, type and rating being in the separate row under the row with anime title. Second, is it possible to separate two rows in the list, leaving 2px of blank space between each two rows instead of borders. And third, where do I upload files I need to import, I don't have public dropbox folder, and looks like opendrive doesn't support direct links for standard users. |
| 1. So, you want to put all rows except Title to a Title row? Code to move rows from their places: td[class^='td']:nth-of-type(#) { position: absolute !important; left: #px !important; top: #px !important; } # - column number (# -1st, Title - 2nd and etc.) 2. The same selector as above. You may use transparent color borders to get a gap between rows: td[class^='td']:nth-of-type(#) { border-left: solid 2px transparent; } or .td1, .td2 { border-left: solid 2px transparent; } 3. I don't know anything about OpenDrive. But you can use Google Drive instead of Dropbox |
HahaidoJul 18, 2013 4:49 AM
|
Hahaido said: 1. So, you want to put all rows except Title to a Title row? Code to move rows from their places: td[class^='td']:nth-of-type(#) { position: absolute !important; left: #px !important; top: #px !important; } # - column number (# -1st, Title - 2nd and etc.) 2. The same selector as above. You may use transparent color borders to get a gap between rows: td[class^='td']:nth-of-type(#) { border-left: solid 2px transparent; } or .td1, .td2 { border-left: solid 2px transparent; } 3. I don't know anything about OpenDrive. But you can use Google Drive instead of Dropbox Thank you very much :3 Hey, just one more question if it's not too troublesome for someone to answer: status links on the sidebar don't look right in firefox, and i have no idea why :O Since I work with chrome it would take much time to figure it out so if anyone knows about this or this has happened to you before~ http://myanimelist.net/mangalist/ninety |
| Hi~ I was wondering if anyone could help me with my Animelist. I want to move the "Currently watching, Dropped, Completed, etc to the far right (For all Computers and have it aligned set to their resolution without bugging out off the screen, etc. Last time I tried doing changing it. My desktop would fit perfectly (1920x1080 monitor), but when looking @ it on my Laptop (1600x900) It kept going off the screen. One more thing is to make it scroll down with my list (If Possible). Sorry for all the trouble Q.Q. Basically I'm trying to get my side bars like this where the list scrolls down and the Side bars stay put: http://myanimelist.net/animelist/BigBoss0327 It starts at "Left side buttons." Thank you for the help ^^. |
TyrelJul 18, 2013 11:49 PM
 |
Tyrel said: Hi~ I was wondering if anyone could help me with my Animelist Try this |
|
Hahaido said: Tyrel said: Hi~ I was wondering if anyone could help me with my Animelist Try this It works! However, one slight problem is that the boxes start all the way up to the top (where my bar is) is there anyway to relocate to the same kind of even-point where my Animelist is? |
|
Tyrel said: It works! However, one slight problem is that the boxes start all the way up to the top (where my bar is) is there anyway to relocate to the same kind of even-point where my Animelist is? Well, that's not hard to me but you should read more tutorials because you're asking basic questions your menu is quite big (and fixed position), so if you move it a bit down then it would go out of a screen if you see it on 1366x768 screen |
|
Tyrel said: I'll see if I can get it to work, if not oh well :p. as Hahaido told you: "it's impossible to do what you want, you should have a look at the basics at what you are even able to do on myanimelist with CSS (tutorials are in this club), and than try to do that on your own, or if you still can't figure it out how to do >>what is seemingly possible<<, ask for help also others..." OK now, let's see what would be the closest from what you could get in my opinion: 1) scrollable tablets that would start where you want (but if you have long list they will be visible only at the top of your list or somewhere else if you want them to move more up or down) 2) or smaller tablets in size in >>fixed position<< (if you are satisfied with smaller tablets, than that would be possible) otherwise as you have taken a screen picture from, you can crearly see that only 3 and a half tablets out of 6 would be always visible in >>fixed position<< !!! if you still did not understand what I told you above, let me clarify it to you with basic understanding: 1) scrolling down means that you can move tablets up or down, when you will use the wheel on your mouse to scroll or some other type of command 2) having tablets in one position on your screen, in other words >>fixed position<<, means they are always in one place no matter what you do and if they are too big they will be out of screen, what means that "that part" will be invisible and unfunctional (this is what you wanted in your posts above, and why Hahaido told you to look at the basics...xD) correct me if you want but this is how I understood the conversation the both of you had !!! |
MonsterguyJul 21, 2013 3:13 AM
|
Monsterguy said: Tyrel said: I'll see if I can get it to work, if not oh well :p. as Hahaido told you: "it's impossible to do what you want, you should have a look at the basics at what you are even able to do on myanimelist with CSS (tutorials are in this club), and than try to do that on your own, or if you still can't figure it out how to do >>what is seemingly possible<<, ask for help also others..." OK now, let's see what would be the closest from what you could get in my opinion: 1) scrollable tablets that would start where you want (but if you have long list they will be visible only at the top of your list or somewhere else if you want them to move more up or down) 2) or smaller tablets in size in >>fixed position<< (if you are satisfied with smaller tablets, than that would be possible) otherwise as you have taken a screen picture from, you can crearly see that only 3 and a half tablets out of 6 would be always visible in >>fixed position<< !!! if you still did not understand what I told you above, let me clarify it to you with basic understanding: 1) scrolling down means that you can move tablets up or down, when you will use the wheel on your mouse to scroll or some other type of command 2) having tablets in one position on your screen, in other words >>fixed position<<, means they are always in one place no matter what you do and if they are too big they will be out of screen, what means that "that part" will be invisible and unfunctional (this is what you wanted in your posts above, and why Hahaido told you to look at the basics...xD) correct me if you want but this is how I understood the conversation the both of you had !!! Ah, kay. Makes sense. Thanks. |
|
| 2Tyrel: maybe this can help: btw I like your avatar! Tenshi is so cute!.. |
|
| I started testing with the list again, but ran into problems straight away as I wanted to add custom list headers. Created a quick header, took the codes from here, but the header wont show =/ Don't really know where to search the problem from (aside from basics, for non-coders anyways) |
| I would like to thank you for answering my question before even posting it :D. (My issue was the override user list style setting) Going to make my first CSS style and it messed with my mind seeing everyones style looked almost like mine now so I checked on another browser and hey everything was different and so I looked up what's the problem. Thanks again. |
 |
| Thank you once again for the help! With my tired head I just copy-pasted the code without any backup so I couldn't look what changes you made  lol.Now I will slowly inch forward in trying to create my list design =) |
candyfox said: With my tired head I just copy-pasted the code without any backup so I couldn't look what changes you made So, you imported headers code (@import "http://dl.dropboxusercontent.com/s/35bfnuxgbgzjeds/Headers.css";) with background pictures. But below you code /*CATEGORIES*/ .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { background: rgba(0, 0, 0, 0.8) !important; border-radius: 10px 10px 0px 0px; } thus you switched the backgrounds to rgba(0, 0, 0, 0.8) If you're using only color for background then code background-color instead of background |
|
| Really nice list! For your understanding I marked changes with red: |
|
Hahaido said: 2Tyrel: maybe this can help: btw I like your avatar! Tenshi is so cute!.. Thank you! That works perfectly. I'ma save it down to use when I resize these images. I noticed what you mentioned earlier about them being cut off on certain screens :S. But yeah, thank you :). One thing I noticed though when I did change it, is that the "Drop menu is underneath "All anime." Maybe I'll just take that drop menu out - Fixed it. One value wasn't change in the menus. Again thank you :D. Tenshi ftw<3. |
TyrelJul 23, 2013 1:25 AM
|
Tyrel said: Thank you! That works perfectly. I'ma save it down to use when I resize these images. You don't need to resize the images: |
HahaidoJul 23, 2013 2:32 AM
|
| Do you have a code for rounding the corners of the list without rounding the header since I'm using image for it? |
 |
| First of all hi, I'm new to the club and have a question. Hopefully its not answered somewhere else and i just didn't see it. I was looking around mal today to find out how to edit my anime/manga lists and stumbled upon a thread from this club. The saints that you are provided the option to use some excellent and already made designs. I just wanted to make sure it was OK if i use them for a bit until i can make my own.(I am aware that it was stated that others could use them but I'd prefer to double check) I left them as is so the credit info is there. Thanks.(sorry if this is in the wrong place) |
| If strength is justice, then is powerlessness a crime? |
| 2Fallenkingzero: you can use any layout featured in the following topic: http://myanimelist.net/forum/?topicid=318587 Siesta said: Do you have a code for rounding the corners of the list without rounding the header since I'm using image for it? Try .table_header:first-child { border-top-left-radius: 8px; } .table_header:last-child { border-top-right-radius: 8px; } .category_totals { border-radius: 0 0 8px 8px; } |
HahaidoJul 23, 2013 9:42 PM
|
| Thanks, both are from the right place. |
| If strength is justice, then is powerlessness a crime? |
Hahaido said: Tyrel said: Thank you! That works perfectly. I'ma save it down to use when I resize these images. You don't need to resize the images: I hate asking so many questions. ;_;. But is that so? I've tried throwing the css on my desktop and it worked fine (Except for the "Plan to watch" thing was duplicated and all anime disappeared, but on my Laptops monitor [Resolution at 1600x900] the last remaining box always gets caught off. Does that mean people with lower res monitors won't be able to see them? That's the main concern I have. Which is why I wanted to make them smaller (Since it's easier for me to do other then just redoing the code) |
|
Tyrel said: it's easier for me to do other then just redoing the code) There is no difference between coding and resizing, except coding is much faster to do. You just need to understand the code. You set the width and height of buttons and the following code line: background-size: 100%; automatically resizes the images to the size you had set |
|
Hahaido said: 2Fallenkingzero: you can use any layout featured in the following topic: http://myanimelist.net/forum/?topicid=318587 Siesta said: Do you have a code for rounding the corners of the list without rounding the header since I'm using image for it? Try .table_header:first-child { border-top-left-radius: 8px; } .table_header:last-child { border-top-right-radius: 8px; } .category_totals { border-radius: 0 0 8px 8px; } Thank you it's really working perfectly. :3 |
|
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 |