New
Mar 12, 2012 6:38 AM
#101
There should be a changing url out there somwhere ill take a quick look |
Mar 12, 2012 8:31 AM
#102
@ aisuuw You'll need PHP for that kind of magic. (JavaScript will also do, but you can't use it here on MAL) Or you can change the image manually on some direct-link service like DropBox, which is probably not what you want. Currently there is no wai to do it with pure CSS. |
![]() |
Mar 12, 2012 2:09 PM
#104
For now I think I'll just leave a simple presentation balloon https://lh6.googleusercontent.com/-BcIB7ScBnCw/T15lZfSWlPI/AAAAAAAAANU/hiDbHQhGFUY/s275/Animation1.gif what do you think? |
Mar 17, 2012 6:24 PM
#105
Mar 18, 2012 1:00 AM
#106
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display:none; } This will remove the link from all your category pages.. |
Mar 18, 2012 3:35 AM
#107
Shishio-kun said: .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display:none; } This will remove the link from all your category pages.. Looking at the code, I would never be able to remove it yourself. o.o Thank you very much! :) |
~ |
Mar 18, 2012 4:13 AM
#108
Can someone tell why the text in the list not visible ? is it because of background ? http://myanimelist.net/mangalist/TrOjAnHoRsE And did i mess anything in my animelist . http://myanimelist.net/animelist/TrOjAnHoRsE http://jigsaw.w3.org/css-validator/ - is this helpfull ? Thank you in advance. |
Mar 18, 2012 4:45 AM
#109
@ TrOjAnHoRse opacity + light colors + no background behind text = unreadable mess. Consider using background-color: rgba(); for .td1 & .td2 as well as removing opacity at all. I have already said, but probably if I post a pic of how it looks for me it will be more clear: http://dl.dropbox.com/u/24578589/trojanhorse.png Validator checks your code for being standard compliant. It can be used for finding some code mistakes like non-existent property, but it will also discard any browser-specific code and many css 'hacks'. So use it only if you care about that stuff. |
![]() |
Mar 18, 2012 9:25 AM
#110
TrOjAnHoRsE said: And did i mess anything in my animelist . http://myanimelist.net/animelist/TrOjAnHoRsE The picture is way too small for 1920x1080, so it doesn't fit (see VeriTi's picture). You using 720p display, or something? You've just created it to fit your own display. You should think of other people as well. Either make the picture go side by side or make it cover the whole display. :P Also, please use a different background or change the color of the anime title text, 'cause it's hard to see and really annoying when the dark blend. You can't even see the copyright text in the bottom, which MUST be visible, from what I know, else you'll get banned (or maybe that just counts if you completely remove it from the list). Besides from all that I think it looks pretty cool, and I like the idea, but it's hard to see things, as mentioned. |
Mar 18, 2012 11:09 AM
#111
Rodness said: TrOjAnHoRsE said: You can't even see the copyright text in the bottom, which MUST be visible, from what I know, else you'll get banned (or maybe that just counts if you completely remove it from the list). They ban you? lol.. I thought they just deleted your list! btw because the wording is something like "don't hide this" I'm sure leaving the copyright text unreadable counts as 'hiding'. Man that would suck if you accidentally hid it in some obscure browser and didn't know lol. Like some mod using IE6. |
Mar 18, 2012 11:48 AM
#112
Shishio-kun said: Rodness said: TrOjAnHoRsE said: You can't even see the copyright text in the bottom, which MUST be visible, from what I know, else you'll get banned (or maybe that just counts if you completely remove it from the list). They ban you? lol.. I thought they just deleted your list! btw because the wording is something like "don't hide this" I'm sure leaving the copyright text unreadable counts as 'hiding'. Man that would suck if you accidentally hid it in some obscure browser and didn't know lol. Like some mod using IE6. Oh, yeah, maybe they just delete your list. I just remember that the punishment was ruthless, haha. xD |
Mar 24, 2012 12:46 PM
#113
Hello :) I've made a profile layout with a bunch of gifs, but there is one thing that I don't understand. Sometimes, one of the gifs stops when it reaches the end. I've mentioned a similar problem before, but the profile wasn't posted then. I'm using Google Chrome and it's the browser that's making problems. When I go to my profile on Mozilla it's always ok, everything is working properly. I asked some people, on their computers it's working both on Chrome and on Mozilla, so it looks like my Chrome is the only problem. But then again, if mine is having problems with looping gifs, there is a possibility that there are others with the same weird Chrome, so to them it'll look like there's something wrong with my gifs :/ So, does anyone know what might be causing the problem and how common it might be? :) |
Mar 25, 2012 7:42 PM
#114
Shinobi_no_rei said: Hello :) I've made a profile layout with a bunch of gifs, but there is one thing that I don't understand. Sometimes, one of the gifs stops when it reaches the end. I've mentioned a similar problem before, but the profile wasn't posted then. I'm using Google Chrome and it's the browser that's making problems. When I go to my profile on Mozilla it's always ok, everything is working properly. I asked some people, on their computers it's working both on Chrome and on Mozilla, so it looks like my Chrome is the only problem. But then again, if mine is having problems with looping gifs, there is a possibility that there are others with the same weird Chrome, so to them it'll look like there's something wrong with my gifs :/ So, does anyone know what might be causing the problem and how common it might be? :) Have you actually seen it stop looping in Chrome with your own eyes? Cuz sometimes people stop the loading of the GIFs with X and they might stop abruptly. This is not a common problem, I only see something like this once in a great while because of theories I listed in my guess below. I never seen the problem on yours after three viewings, btw. So I think its rare. My guess: A poor or wireless connection might occasionally stutter, and stop loading them, then cause the GIFs to stop looping when that happens. Using something like Bitorrent might also take away from their internet and cause it to stutter loading too (not sure tho). They aren't very big but they're real long gifs and will take a lot of time to load all the frames. A lot of traffic on the site you uploaded them could cause their server load time to stutter and stop a gif from loading completely, ending it prematurely for the viewer. Also I'm not sure but there's a possibility their browser can only cache so much at once, and it might stop short for them or even yourself. You uploaded the GIFs to Photobucket, a bad move for a profile with so much loading time, cuz they have a lot of traffic and if you exceed your monthly bandwidth I believe they block your images altogether from being hotlinked hence those imfamous "exceeded bandwidth" things. The only solutions I can think of is for those people to get a better connection, cut down on the number of frames, and if you get your pics blocked by Photobucket you can move them to Tinypic where there's no limit. But I don't think any of this is actually necessary, since it loads fine for me, I never saw any problems even in Chrome, and all the GIFs are set to loop. I think its just circumstantial. I would just leave it alone and not worry unless its reported to you as an excessive problem or you see it with your own eyes a lot. |
Mar 26, 2012 6:00 AM
#115
I'm sorry, I guess I wasn't clear :) I'm the one that sees it all the time :) Others told me it's fine for them on both browsers, they say the gifs are looping constantly, but my Chrome is the one that's having problems. And the only gifs that are affected are the scythe-wielding chibi that flies from one side to the other and the two gifs below it, those likes and dislikes :) So I guess it's not because of their size (or length, at least when it comes to that chibi, it's really short), they're much smaller than other gifs (and other gifs are always looping, even for me) They don't stop in the middle or something like that, they always reach the end and then they stop. Sometimes they remain like that even when I reload the page. Sometimes it's just one of them and sometimes all three just stop. And it's not happening all the time, but it's very often :/ And my internet speed is decent, or at least it's faster than the speed of some of the people I've mentioned, people that don't have problems with those gifs on their browsers. But since it's rare, I guess I should try not to worry :) It's just that I guess there are people who have the same problems, and to them my profile would look weird, when some of the gifs stop. About the Photobucket/Tinypic: I wanted to open an account on Tinypic, but it just re-directed me to Photobucket, that's why I put them there. Can I even have an account on Tinypic? I've uploaded a couple of photos to Tinypic before, but I haven't seen anything like albums or privacy settings then, that's why I went to Photobucket when I created an account. |
Mar 26, 2012 12:56 PM
#116
Hi everyone =) Got some problems with my list 1. The copyright at the bottom isn't showing anymore. I didn't change the code - I think - it just vanished =( 2. I don't know how to change the border of my list at the left side. I want it to be the same as on the right. 3. The field in the header "#", you know for the numbers, I only want the border at the bottom and on the left, but it doesn't change whatever I do. 4. The word "tags" in the header I want it to have the same size as the other headlines ... Hope anyone can help |
Mar 26, 2012 9:11 PM
#117
Shinobi_no_rei said: I'm sorry, I guess I wasn't clear :) I'm the one that sees it all the time :) Others told me it's fine for them on both browsers, they say the gifs are looping constantly, but my Chrome is the one that's having problems. And the only gifs that are affected are the scythe-wielding chibi that flies from one side to the other and the two gifs below it, those likes and dislikes :) So I guess it's not because of their size (or length, at least when it comes to that chibi, it's really short), they're much smaller than other gifs (and other gifs are always looping, even for me) They don't stop in the middle or something like that, they always reach the end and then they stop. Sometimes they remain like that even when I reload the page. Sometimes it's just one of them and sometimes all three just stop. And it's not happening all the time, but it's very often :/ And my internet speed is decent, or at least it's faster than the speed of some of the people I've mentioned, people that don't have problems with those gifs on their browsers. But since it's rare, I guess I should try not to worry :) It's just that I guess there are people who have the same problems, and to them my profile would look weird, when some of the gifs stop. About the Photobucket/Tinypic: I wanted to open an account on Tinypic, but it just re-directed me to Photobucket, that's why I put them there. Can I even have an account on Tinypic? I've uploaded a couple of photos to Tinypic before, but I haven't seen anything like albums or privacy settings then, that's why I went to Photobucket when I created an account. I noticed the problem too in Chrome. I can't think of any way to prevent that. I don't think now it has much to do with internet speed tho. Maybe the best thing to do is to just reupload them, since the others don't have this problem. Thats what I would do! Oh you know what I contacted Tinypic today about my own account and they said they don't allow people to make accounts anymore! You don't want to use Tinypic without an account. So I guess you're stuck with Photobucket, but you can try Imageshack and other sites we recommend like http://ihostimages.x10.mx/ |
Mar 27, 2012 12:02 PM
#118
Caydra said: Hi everyone =) Got some problems with my list 1. The copyright at the bottom isn't showing anymore. I didn't change the code - I think - it just vanished =( 2. I don't know how to change the border of my list at the left side. I want it to be the same as on the right. 3. The field in the header "#", you know for the numbers, I only want the border at the bottom and on the left, but it doesn't change whatever I do. 4. The word "tags" in the header I want it to have the same size as the other headlines ... Hope anyone can help 1. I can see the Copyright, its just missing any kind of image customization. 2. Add to bottom, this is your new left side border control code (you can adjust the px amount): .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 6px solid #F8F4E8 !important; } 3. After you add the above codes, the borders all match so you might not need this but the code and there's a custom image in there so I can't really seem to affect this spot's borders but this custom image lets the borders match up anyhow. 4. It looks like it has the same size font atm, but if you want it to have the exact same font so it matches better add this to bottom: td.table_header:nth-of-type(5) { font-family: calibri; } |
Mar 27, 2012 1:15 PM
#119
Shishio-kun said: I noticed the problem too in Chrome. I can't think of any way to prevent that. I don't think now it has much to do with internet speed tho. Maybe the best thing to do is to just reupload them, since the others don't have this problem. Thats what I would do! Oh you know what I contacted Tinypic today about my own account and they said they don't allow people to make accounts anymore! You don't want to use Tinypic without an account. So I guess you're stuck with Photobucket, but you can try Imageshack and other sites we recommend like http://ihostimages.x10.mx/ You mean problems with Chrome in general or problems with my gifs specifically? :) Sniff, sniff, so I can't go there :/ Oh well, I'll try the one you posted and see how it goes :) Thank you :) |
Mar 28, 2012 5:14 PM
#120
Mar 28, 2012 8:13 PM
#121
The fix is at the bottom of the first post, under Header Fix, its just a simple code you add to the bottom of your CSS: http://myanimelist.net/forum/?topicid=170964&show=0 I don't like male icons and I won't be making any more icons for a while probably, but you can make your own from the tutorial at the bottom of the post. If you post a link to a pic you'd like to have as ico in that Custom Icons thread I can look into making it one for you sometime, its not too hard to do that. |
Apr 1, 2012 10:10 AM
#122
I'm having some problems with my new layout, it's far from being finished but I'm having problems with the category links, tried to do something with them like on Shihio-kun's new anime list but just with the category links and with it on bottom instead of top but I can't adjust the back ground image and the other problem is when go to complete anime the copyrights and part of the table stay behind the category links even if I scroll it down, then tried to add some margin but it still hiding part of the table and copyrights. I'm having the same problem on both anime and manga list. http://myanimelist.net/animelist/Miketsukami http://myanimelist.net/mangalist/Miketsukami |
Apr 1, 2012 11:10 AM
#123
@ Miketsukami Not sure what you mean by background-image, but if my guess is correct then you had forgot to implement some parts of Shishio-kun's logic of this navibar. You may try to use background-position, this should be simpler solution. |
![]() |
Apr 1, 2012 11:27 AM
#124
Miketsukami said: I'm having some problems with my new layout, it's far from being finished but I'm having problems with the category links, tried to do something with them like on Shihio-kun's new anime list but just with the category links and with it on bottom instead of top but I can't adjust the back ground image and the other problem is when go to complete anime the copyrights and part of the table stay behind the category links even if I scroll it down, then tried to add some margin but it still hiding part of the table and copyrights. I'm having the same problem on both anime and manga list. http://myanimelist.net/animelist/Miketsukami http://myanimelist.net/mangalist/Miketsukami Try adding padding-bottom: 200px !important; to copyright section, it'll have the space it needs to pop up from behind the menu. |
Apr 1, 2012 11:39 AM
#125
Miketsukami said: I'm having some problems with my new layout, it's far from being finished but I'm having problems with the category links, tried to do something with them like on Shihio-kun's new anime list but just with the category links and with it on bottom instead of top but I can't adjust the back ground image and the other problem is when go to complete anime the copyrights and part of the table stay behind the category links even if I scroll it down, then tried to add some margin but it still hiding part of the table and copyrights. I'm having the same problem on both anime and manga list. http://myanimelist.net/animelist/Miketsukami http://myanimelist.net/mangalist/Miketsukami Ok by background image: The header on the side of your list covers up the list on smaller resolutions! You can fix this by adjusting Z-index, the property that controls how far and close stuff is. Like add Z-index: -1 !important; to your headers so it goes behind the list. Does that cover the background issue or is there something else you're going for? |
Apr 1, 2012 1:20 PM
#126
Hello again :) Something happened to my anime list :/ Since yesterday, the titles are almost unreadable :/ http://myanimelist.net/animelist/Shinobi_no_rei I thought it's my browser's fault again, but a couple of people told me that they see it too, and I have absolutely no idea what happened o.O The grey letters are fine, but the bright/dark red ones have changed. When I select the text, it looks normal, it's not like the letters have really changed, their shape is normal. Any advice? :) |
Apr 1, 2012 1:23 PM
#127
VeriTi said: Not sure what you mean by background-image, but if my guess is correct then you had forgot to implement some parts of Shishio-kun's logic of this navibar. You may try to use background-position, this should be simpler solution. Thanks it worked well, the image is showing who it it should, now just have to fex the links since they disappeared after ajust the background image. Shishio-kun said: Try adding padding-bottom: 200px !important; to copyright section, it'll have the space it needs to pop up from behind the menu. Ok by background image: The header on the side of your list covers up the list on smaller resolutions! You can fix this by adjusting Z-index, the property that controls how far and close stuff is. Like add Z-index: -1 !important; to your headers so it goes behind the list. Does that cover the background issue or is there something else you're going for? Thanks the table and copyright is showing properly now. Buy by background image I was trying to say the image on the navibar, I used a single image for all the category links but since I usually do one image for each of them I'm not used on using a single image, it's showing now but the category links disappeared. The image seems a little strange since I put Set up,Ready, Standby, Sealing Mode and Load Cartridge insted of the old boring watching/reading, complete... the idea was to make a Mahou Shoujo Lyrical Nanoha themed list, Fate (anime list) and Nanoha (manga list) respectively, so I thought it would be interesting to use some terms from the series instead of the usual links. @Shinobi_no_rei: Your list seems normal to me, maybe it's really browser's fault. I'm using firefox actually it's the only one I use since don't like chrome and IE and opera is too slow for me. |
WyvandronApr 1, 2012 1:32 PM
Apr 1, 2012 4:48 PM
#128
Miketsukami said: Buy by background image I was trying to say the image on the navibar, I used a single image for all the category links but since I usually do one image for each of them I'm not used on using a single image, it's showing now but the category links disappeared. The image seems a little strange since I put Set up,Ready, Standby, Sealing Mode and Load Cartridge insted of the old boring watching/reading, complete... the idea was to make a Mahou Shoujo Lyrical Nanoha themed list, Fate (anime list) and Nanoha (manga list) respectively, so I thought it would be interesting to use some terms from the series instead of the usual links. The category links disappeared because you added a huge amount of width to the bar and it moved them to the left or right, off screen. Remove the width; I think you used it to extend the background, but you should use a separate background thats behind the status selected and in front the list, something like inline content would work for this, and z-index will set which goes in front of what. Status selected gets the most z index, inline conent second most so its behind it but in front of the list which I think the default z-index is 1. inline content add-on: http://myanimelist.net/forum/?topicid=393581 Are you going to customize the category links too later? You have to import CSS for that. http://myanimelist.net/forum/?topicid=411779 |
Apr 1, 2012 4:50 PM
#129
Shinobi_no_rei said: Hello again :) Something happened to my anime list :/ Since yesterday, the titles are almost unreadable :/ http://myanimelist.net/animelist/Shinobi_no_rei I thought it's my browser's fault again, but a couple of people told me that they see it too, and I have absolutely no idea what happened o.O The grey letters are fine, but the bright/dark red ones have changed. When I select the text, it looks normal, it's not like the letters have really changed, their shape is normal. Any advice? :) Its just darkred on black background to me, which is hard to read, but not unreadable, you could just make it red or something. Maybe you can screencap what you're seeing? |
Apr 1, 2012 4:51 PM
#130
I have a question, does anyone know how I can select the category totals individually? Like completed category's totals separate from dropped category's totals. |
Shishio-kunApr 1, 2012 9:22 PM
Apr 1, 2012 6:10 PM
#131
Shishio-kun said: The category links disappeared because you added a huge amount of width to the bar and it moved them to the left or right, off screen. Remove the width; I think you used it to extend the background, but you should use a separate background thats behind the status selected and in front the list, something like inline content would work for this, and z-index will set which goes in front of what. Status selected gets the most z index, inline conent second most so its behind it but in front of the list which I think the default z-index is 1. inline content add-on: http://myanimelist.net/forum/?topicid=393581 Are you going to customize the category links too later? You have to import CSS for that. http://myanimelist.net/forum/?topicid=411779 Thanks again, the links are back. Yeah, thanks for the links. |
Apr 1, 2012 9:22 PM
#132
Shishio-kun said: I have a question, does anyone know how I can select the category totals individually? Like completed category's totals separate from dropped category's totals. Disregard that I suck skittles |
Apr 1, 2012 11:36 PM
#133
Shishio-kun said: Its just darkred on black background to me, which is hard to read, but not unreadable, you could just make it red or something. Maybe you can screencap what you're seeing? Here's what I see: http://i1244.photobucket.com/albums/gg569/Shinobi_no_rei/1%2013/1cut.png And here is how it looked like a couple of days ago: http://i1244.photobucket.com/albums/gg569/Shinobi_no_rei/1%2013/2cut.png |
Apr 2, 2012 5:16 AM
#134
@ Shinobi_no_rei The way it looked a couple of days ago is the way it looks for me atm in both Opera & Chrome, but not Firefox, which is strange. It also looks close to what happens when wrong font anti-aliasing method is used. You can try other font, or add a text-shadow to highlight it somehow, not sure if it will help, however. |
![]() |
Apr 2, 2012 5:24 AM
#135
VeriTi said: @ Shinobi_no_rei The way it looked a couple of days ago is the way it looks for me atm in both Opera & Chrome, but not Firefox, which is strange. It also looks close to what happens when wrong font anti-aliasing method is used. You can try other font, or add a text-shadow to highlight it somehow, not sure if it will help, however. That is strange. I've noticed that sometimes, and that means around once a day, it looks normal for me on Mozilla. But on Chrome it's always horrible, and for the people I asked it's like that on both Chrome and Mozilla :/ To be honest, I'm afraid of changing anything right now because I don't have a lot of time to fix it if it goes wrong :/ And I have no idea what happened in the first place, I haven't changed a thing since I made it, and it was fine until a couple of days ago :/ But I'll definitely try to do something with the font if that's the only way :) |
Apr 2, 2012 1:43 PM
#136
Hey there. Quick question: is there a resource where I can get icons for a majority of anime? I have begun replacing anime titles with corresponding images, however I have a large list and don't have the time to individually create each image. Not sure if this would be an off-topic question. If so then I apologise. |
meh |
Apr 2, 2012 2:04 PM
#137
MAL has a thumbnail image in their server for each anime and manga, you see it when you go to an anime's description page. This guy imports his CSS to apply those thumbnails to each title, its pretty ingenious, you can view his CSS and see how he does it: http://myanimelist.net/animelist/1NZ3RU&status=1&order=4 Here's an example of one of his imported stylesheets too: http://azurah.freehostia.com/animetitles_completed.css |
Apr 11, 2012 3:11 PM
#138
Hello , I've a problem with my (modest) custom profile : my picture is resized smaller when I post it ( in "About me"). 675px × 4 000px (original) => resized to 135px × 800px. http://myanimelist.net/profile/Nookie Thank you for help me and sorry for my basic english ^^' |
NookieApr 11, 2012 3:27 PM
bad english user here, gomen |
Apr 11, 2012 9:02 PM
#139
@ Nookie That's because you're posting a thumbnail, not an actual image This is what you've added: http://image.noelshack.com/minis/2012/15/1334193599-1334190200-customprofile2.png This is what you want to add: http://image.noelshack.com/fichiers/2012/15/1334193599-1334190200-customprofile2.png |
![]() |
Apr 12, 2012 3:47 PM
#141
I was wondering, what code should I use to change the top header of the list? Like, the search place, and the other things, just like Shishio's manga list. Thanks. ^^ |
Apr 12, 2012 5:11 PM
#142
Ayame_chan_ said: I was wondering, what code should I use to change the top header of the list? Like, the search place, and the other things, just like Shishio's manga list. Thanks. ^^ The top header has a lot of little pieces, but if you go to my alternate account's list in Google Chrome, right-click a part you wanna know the code for, and then choose inspect element, you can see the code for that part and copy it. It'll be first code under part of matched CSS rules: http://i39.tinypic.com/1iolfs.jpg There's a whole topic on customizing the top bar here, with like ten ways to customize that bar, the way I customized my top bar on my manga list is there as well! Also there's a couple Firebug mappings too with all the different parts labeled. http://myanimelist.net/forum/?topicid=397331 Oh and btw when you change the top bar, keep in mind it looks different for yourself, people logged in, and people not logged in! |
Apr 12, 2012 5:21 PM
#143
Forgot to mention, you have to use !important a lot for top bar customization, for example: #mal\_cs\_powered #search #searchBox { background: none repeat scroll 0 0 green !important; color: yellow !important; } turns the search bar green with yellow text. Also some selectors of the top bar need to be set like this: #mal\_cs\_powered #search #searchBox not like this: #mal_cs_powered #search #searchBox notice the two little \ before each underscore. Sometimes the list refresh and saving will omit these so if you notice a codes not working for the top bar try adding these before all the underscores in the top bar selectors that aren't working. |
Apr 12, 2012 5:37 PM
#144
Thank you so much for the help, when I have time I'll try to change it by myself. XD |
Aya__Apr 12, 2012 7:58 PM
Apr 13, 2012 9:16 PM
#145
Hello everybody. I come here again asking for help. , s I am facing two problems, one with the credits and the other with the top bar (in my case, the sidebar) as can see at the image. http://i1159.photobucket.com/albums/p630/Ins0ne/problems.png My code: body { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/BG.jpg) repeat scroll #FFFFFF; } /* LIST FONT These codes control the font on the list itself (anime titles, etc). */ * { border:0 none; color:#969696; font-family:Century Gothic; font-size:12px; font-weight:normal; text-decoration:none; } /* BANNER This controls the image at the top that by default says "Anime List". You can replace the background image link in parenthesis with your own banner image you upload to a image hosting site like Tinypic.com! If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315 */ #list_surround .header_title { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev4.png) no-repeat scroll 0 0 transparent; height:256px; left:0px; padding:0px; position:absolute; top:-236px; width:554px; } /* LEFT SIDE BUTTONS These codes control the buttons on the left side. You can replace these images as well for your own custom buttons! The first controls the Currently Watching panel, followed by Completed, On Hold, Dropped, Planned, and then All. You can replace the background image links of these buttons in parenthesis with your own images you upload to a image hosting site like Tinypic.com! If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315 */ #list_surround .status_selected, #list_surround .status_not_selected { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/w.png) repeat scroll 0 0 transparent; display:block; height:26px; left:-190px; padding:30; position:absolute; top:22px; width:191px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/c.png) no-repeat scroll 0 0 transparent; top:49px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/o.png) no-repeat scroll 0 0 transparent; top:76px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/d.png) no-repeat scroll 0 0 transparent; top:103px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/p.png) no-repeat scroll 0 0 transparent; top:130px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background:url(http://i21.photobucket.com/albums/b298/LudvigP/allanime1.png) no-repeat scroll 0 0 transparent; display:none; padding-bottom:30px; top:205px; } /* OTHER CODES */ a:hover { text-decoration:underline; } #list_surround { background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Listv2.png) repeat 0 0 transparent; left:0px; margin:258px auto 0; position:relative; width:554px; } #list_surround .status_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 192px; width:30px; } #list_surround .status_not_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 192px; width:30px; } #list_surround br { display:none; } #list_surround .header_title span { color:#000000; font-size:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { height: 24px; margin-left:2px; padding:22px 5px 5px; width:550px; } #list_surround .header_cw { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent; } #list_surround .header_completed { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent; } #list_surround .header_onhold { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent; } #list_surround .header_ptw { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent; } #list_surround .header_dropped { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent; } #list_surround .animetitle + small { color:#f987cb; } #list_surround .category_totals { background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Totalsv2.png) no-repeat 2px 3px; text-align:center; height:33px; color:#969696; font-size:10px; } #list_surround #grand_totals { display:none; } #list_surround .header_title span { display:none; } #list_surround .status_not_selected a { opacity:0; } #list_surround .status_selected a { opacity:0; } .td1 a:hover, .td2 a:hover { text-shadow: 1px -1px 3px rgb(255, 0, 255,), 1px 1px 3px rgb(180, 20, 60); } tr:hover [class^="td"] { background-color: rgba(249, 133, 203, 0.9) !important; } #copyright{ padding-bottom:0px; line-height:17px!important; background:url(none) no-repeat -8px 0; padding-top:15px; padding-left:20px; padding-right:20px; } #copyright, #copyright a{ color: #969696; } #copyright a:hover { display:none; color: #969696; } #copyright:before { color: #8d9396; content:'Design by Insone.'; display: block; padding-bottom:11px; } /* Código da barra de menu/pesquisa */ body #mal_cs_listinfo, body #mal_cs_links, body #mal_cs_otherlinks, body #mal_cs_powered { -moz-box-sizing: border-box; -moz-transition: all 0.4s ease 0s; background: none no-repeat scroll 100% 0 transparent; border: 0 none; height: 0 !important; overflow: hidden; padding: 32px 0 0; position: absolute; right: 4px; text-align: center; top: 4px; width: 150px; z-index: 10; } body #mal_cs_listinfo:hover, body #mal_cs_links:hover, body #mal_cs_otherlinks:hover, body #mal_cs_powered:hover { height: 200px !important; padding-top: 32px; width: 150px; } body #mal_cs_listinfo div, body #mal_cs_links div, body #mal_cs_otherlinks div, body #mal_cs_powered div, body #mal_cs_powered dd { -moz-transition: opacity 0.4s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.6); border-radius: 3px 0 0 0; font-size: 0 !important; line-height: 0; margin: 0 !important; opacity: 0; padding: 8px 0 0; } body #mal_cs_listinfo:hover div, body #mal_cs_links:hover div, body #mal_cs_otherlinks:hover div, body #mal_cs_powered:hover div, body #mal_cs_powered:hover dd { opacity: 1; } body #mal_cs_listinfo div:nth-of-type(2), body #mal_cs_links div:nth-of-type(2), body #mal_cs_otherlinks div:nth-of-type(2), body #mal_cs_powered div:nth-of-type(2) { border-radius: 0 0 3px 3px; padding: 4px 0 8px; } body #mal_cs_listinfo a, body #mal_cs_links a, body #mal_cs_otherlinks a, body #mal_cs_powered a { background-color: rgba(64, 60, 90, 0.6); border-radius: 3px 3px 3px 3px; display: block; font: 13px/17px arial,sans-serif; margin: 4px 12px 0; padding: 3px 0; text-decoration: none; } body #mal_cs_listinfo a:nth-of-type(1), body #mal_cs_links a:nth-of-type(1), body #mal_cs_otherlinks a:nth-of-type(1), body #mal_cs_powered a:nth-of-type(1) { margin-top: 0; } body #mal_cs_listinfo a:hover, body #mal_cs_links a:hover, body #mal_cs_otherlinks a:hover, body #mal_cs_powered a:hover { background-color: #403C5A; } body #mal_cs_listinfo strong a strong { font-weight: normal; } body #mal_cs_otherlinks strong { color: #333333; display: block; font: bold 13px/17px arial,sans-serif !important; padding: 0 4px 4px; text-shadow: 0 1px 1px #FFFFFF; } body #mal_cs_otherlinks strong a { background: none repeat scroll 0 0 transparent; border-radius: 0 0 0 0; color: #333333; display: inline; font: bold 13px/17px arial,sans-serif !important; margin: 0; padding: 0; text-shadow: 0 1px 1px #FFFFFF; } body #mal_cs_powered a { background-color: rgba(255, 255, 255, 0.6) !important; border-radius: 3px 0 0 0 !important; display: block !important; margin: 0 !important; opacity: 0; padding: 8px 0 0 !important; } body #mal_cs_powered:hover a { opacity: 1; } body #mal_cs_powered a img { background: url("http://invise.s3.amazonaws.com/mal/mal.png") no-repeat scroll 50% 6px rgba(64, 60, 90, 0.6); border-radius: 3px 3px 3px 3px; display: block; height: 0; margin: 0 12px; padding: 23px 0 0 126px; width: 0; } body #mal_cs_powered a img:hover { background-color: #403C5A; } body #mal_cs_powered #search { border-radius: 0 0 3px 3px; padding: 8px; position: relative; } body #mal_cs_powered #search #searchBox { -moz-box-sizing: border-box; border-color: #BCBCBC #D6D6D6 #D6D6D6; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #333333; display: inline-block; font-family: arial,sans-serif; font-size: 13px; height: 28px; padding-left: 6px; padding-right: 24px; vertical-align: top; width: 100%; } body #mal_cs_powered #search #searchBox:hover, body #mal_cs_powered #search #searchBox:focus { border-color: #ACACAC #C6C6C6 #C6C6C6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } body #mal_cs_powered #search #searchListButton { background: url("http://invise.s3.amazonaws.com/mal/icon-go.png") no-repeat scroll 0 0 transparent; border-radius: 3px 3px 3px 3px; height: 0; margin: 0; padding: 16px 0 0 16px; position: absolute; right: 12px; top: 14px; width: 0; } body #mal_cs_listinfo { background-image: url("http://invise.s3.amazonaws.com/mal/icon1.png"); right: 106px; } body #mal_cs_listinfo:hover { background-image: url("http://invise.s3.amazonaws.com/mal/icon1-over.png"); } body #mal_cs_links { background-image: url("http://invise.s3.amazonaws.com/mal/icon2.png"); right: 72px; z-index: 9; } body #mal_cs_links:hover { background-image: url("http://invise.s3.amazonaws.com/mal/icon2-over.png"); } body #mal_cs_otherlinks { background-image: url("http://invise.s3.amazonaws.com/mal/icon3.png"); right: 38px; z-index: 8; } body #mal_cs_otherlinks:hover { background-image: url("http://invise.s3.amazonaws.com/mal/icon3-over.png"); } body #mal_cs_powered { background-image: url("http://invise.s3.amazonaws.com/mal/icon4.png"); right: 4px; z-index: 7; } body #mal_cs_powered:hover { background-image: url("http://invise.s3.amazonaws.com/mal/icon4-over.png"); } /* Código de remoção do "All Anime" */ .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display:none; } } Since now I thank you and sorry for the inconvenience. |
~ |
Apr 14, 2012 10:35 PM
#146
Insone said: Hello everybody. I come here again asking for help. , s I am facing two problems, one with the credits and the other with the top bar (in my case, the sidebar) as can see at the image. http://i1159.photobucket.com/albums/p630/Ins0ne/problems.png Since now I thank you and sorry for the inconvenience. Moving links thread, also check out the second post for useful info: http://myanimelist.net/forum/?topicid=416069 As for the credits box, there is no background image there and I think you'll need to to add one to #copyright so you can remove that awkward cut off at the bottom. Also you should remove the copyright hover code so it doesn't flicker when you put your cursor on the words. |
Apr 15, 2012 5:11 PM
#147
Shishio-kun said: Moving links thread, also check out the second post for useful info: http://myanimelist.net/forum/?topicid=416069 As for the credits box, there is no background image there and I think you'll need to to add one to #copyright so you can remove that awkward cut off at the bottom. Also you should remove the copyright hover code so it doesn't flicker when you put your cursor on the words. Shishio-kun thanks again for your help, thanks to her I might rethink some things and come close to what I wanted. ^^ |
~ |
Apr 15, 2012 7:12 PM
#148
Insone said: Shishio-kun said: Moving links thread, also check out the second post for useful info: http://myanimelist.net/forum/?topicid=416069 As for the credits box, there is no background image there and I think you'll need to to add one to #copyright so you can remove that awkward cut off at the bottom. Also you should remove the copyright hover code so it doesn't flicker when you put your cursor on the words. Shishio-kun thanks again for your help, thanks to her I might rethink some things and come close to what I wanted. ^^ Good! Suggestion: just make a blueprint in Photoshop or w/e of how you want your list to look and maybe post in here for suggestions on how to get to that design. You can also use our feedback thread: http://myanimelist.net/forum/?topicid=413691 |
Apr 15, 2012 8:10 PM
#149
Shishio-kun said: Good! Suggestion: just make a blueprint in Photoshop or w/e of how you want your list to look and maybe post in here for suggestions on how to get to that design. You can also use our feedback thread: http://myanimelist.net/forum/?topicid=413691 Okay Shishio-kun, I will take these procedures on my next list. I'll be anxious to learn more on the topic with members, despite at the language is a major obstacle. x_x |
~ |
Apr 20, 2012 11:31 PM
#150
I have a question relating to my profile and using Jasc animation. When dropping an image that has already been cut out of another wallpaper such as a character model into the existing background image that you want for your custom profile. How do i get rid of the "white background". When i drag and drop the image into the other image, the white back ground remains and i want to cut that out if possible. So the character model is only showing on the image and not the white background that was used when i opened the image pic with the program. Also how do i trim the image, like if i wanted to trim the bottom or the top of the image a little. My photo that i used also does not have that much room to write text, is thier a way to stretch it down vertically so i have more room. Just sightly. thanks! |
ArtimesGamerApr 20, 2012 11:42 PM
More topics from this board
» [CSS - Modern] 🍰 Clarified by V.L — a responsive table-based design ( 1 2 3 )Valerio_Lyndon - Aug 1, 2022 |
111 |
by Shishio-kun
»»
1 hour ago |
|
» [CSS Modern] ⭐️ NieR Automata Menu Layout - Killingdyl ( 1 2 )killingdyl - Apr 22, 2017 |
51 |
by Mula_Niilista
»»
Mar 24, 11:20 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
18 |
by Shishio-kun
»»
Mar 19, 5:45 PM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1255 |
by Shishio-kun
»»
Mar 19, 11:21 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
380 |
by cosmicskye
»»
Mar 12, 8:35 AM |