Mirati said: Shishio-kun said: Mirati said: How can i change the size of the preview image? Look in your code, it says in the notes... you dont say! the problem its were, and what exactly says Mirati said: How can i change the size of the preview image? How can i change the size of the preview image? How can i change the size of the preview image? How can i change the size of the preview image? How can i change the size of the preview image? How can i change the size of the preview image? lol I told you but you can't take ten seconds to scan your code for obvious notes and details we took the time to put in for you? We shouldn't ever have to take time for you ever again then gtfo http://i.imgur.com/6njHKc5.jpg (until you make your second account to ask us more stuff which idiots usually do) |
TheHolyPotato said: Woops accidently put the img in the spoiler meant to be the code... Oh and this is where I'm working on it http://www.myanimelist.net/animelist/linkswordsman Wow that awesome I'm real happy to see someone else do a dating sim layout, the text boxes look really good like an actual game! Unfortunately its real tough to customize this kinda layout since its using the link's padding for the background, and the links get moved with the background and cant be assigned a position easily. So why not use the category headers for the background instead of the links padding, rewrote it here (have to replace the other backgrounds tho): * oh btw you still have other codes to use for category specific stuff in the future, like the header spans, but this is where things start getting really complicated like juggling. http://myanimelist.net/animelist/ShishiExample * check Chrome frequently when making changes, it tends to hate this kind of coding! |
| For some reason my signature doesn't show, it only displays the text. I followed the tutorial on traditional signatures and did everything right (at least I think I did), it just won't show. Here's the text: |
 |
SoulFist said: For some reason my signature doesn't show, it only displays the text. I followed the tutorial on traditional signatures and did everything right (at least I think I did), it just won't show. Here's the text: The site has disabled BBcode for the time being (due to recent hacking) so wait a few more days and see if it changes. |
Shishio-kun said: SoulFist said: For some reason my signature doesn't show, it only displays the text. I followed the tutorial on traditional signatures and did everything right (at least I think I did), it just won't show. Here's the text: The site has disabled BBcode for the time being (due to recent hacking) so wait a few more days and see if it changes. Oh man I forgot about that haha. Is my sig in the right format though? |
|
| Hi Shishio (and everyone!), I hope this is the right place to ask about my problem. I don't think its popular for other people to have a problem like I have, and so far haven't seen any questions like this anywhere, so I am sorry if I missed it. Anyway! I've made a list layout for my friend here: http://myanimelist.net/animelist/Zorka However, she has changed her mind and asked me to change that top picture with a wide one: http://img818.imageshack.us/img818/9342/exdp.png but with leaving the width of the actual list the same. My problem is: if i just replace the picture at the top with the super wide one, the code which dictates the width of the list cuts the picture's sides (I am sure you know what I mean, I knew it happens with lists). I understand I have to use something separate (I guess) from #list_surroud to separately modify the picture width etc., however I have no idea why, because I do not know advanced css and I only know stuff which allows me to do something more decent rather than 'beautiful' myanimelist default layouts. I'm looking forward to your reply. Take care! PS If I have to somehow prove this list is actually mine or something, I can paste the code on my own animelist. Also my friend has said on her profile I made both of her layouts. |
ess said: Hi Shishio (and everyone!), I hope this is the right place to ask about my problem. I don't think its popular for other people to have a problem like I have, and so far haven't seen any questions like this anywhere, so I am sorry if I missed it. Anyway! I've made a list layout for my friend here: http://myanimelist.net/animelist/Zorka However, she has changed her mind and asked me to change that top picture with a wide one: http://img818.imageshack.us/img818/9342/exdp.png but with leaving the width of the actual list the same. My problem is: if i just replace the picture at the top with the super wide one, the code which dictates the width of the list cuts the picture's sides (I am sure you know what I mean, I knew it happens with lists). I understand I have to use something separate (I guess) from #list_surroud to separately modify the picture width etc., however I have no idea why, because I do not know advanced css and I only know stuff which allows me to do something more decent rather than 'beautiful' myanimelist default layouts. I'm looking forward to your reply. Take care! PS If I have to somehow prove this list is actually mine or something, I can paste the code on my own animelist. Also my friend has said on her profile I made both of her layouts. Would this be good enough: |
 |
| Hello there, Need a bit of help with my list, i have a scroller at the bottom of the page, it seems i have a padding on the right of the list table which creates it, but i still can't fix it. Anyone could lend me a hand with this ? |
| My list - "Let's share our lame sides" (Danshi Koukousei no Nichijou) |
Sh0wdown said: Hello there, Need a bit of help with my list, i have a scroller at the bottom of the page, it seems i have a padding on the right of the list table which creates it, but i still can't fix it. Anyone could lend me a hand with this ? Its because of the copyright section's width (its wider than the list on certain resolutions and spills over off the screen). Simply set it to width: 360px; and it should be fine, or maybe to width: 100%; since you're using percentages for a lot of your list width settings. The copyright section code is at the bottom, you can change width there, or simply add this to the bottom of the CSS: #copyright { width: 360px; } Its ok to add to the bottom even after the other copyright section. And as I said you can also try a different px amount or 100% too instead of 360px, if it works for you it would look more uniform on other resolutions this way. |
| @Shishio-kun: perfect, thank you, i used the 100% approach and it's all good! |
| My list - "Let's share our lame sides" (Danshi Koukousei no Nichijou) |
| Thank you Monsterguy! Whole cod wasn't necessary, as apparently I had no idea about body:before part existence, which solved the problem. Thanks a lot, you guys the best, keep it up! *waves* |
| Hi again, sorry, I have totally forgotten to ask one more thing in previous post. Just a quick one: Is it possible to create a border around list itself (or rather around all td1 and td2) like in this picture which I photoshoped to show what I mean? To give it a border a colour and make it possible to manually set the opacity? It would really help! http://oi43.tinypic.com/2m67m2x.jpg This list is currently my animelist. Thanks for your time! |
| Try .table_header, .table_header:first-child, .table_header:last-child, td[class^='td']:first-child, td[class^='td']:last-child, .category_totals { border-style: solid; border-color: rgba(255, 255, 255, .5); } .table_header { border-width: 16px 0 0 0; } .table_header:first-child { border-width: 16px 0 0 16px !important; } .table_header:last-child { border-width: 16px 16px 0 0 !important; } td[class^='td']:first-child { border-width: 0 0 0 16px !important; } td[class^='td']:last-child { border-width: 0 16px 0 0 !important; } .category_totals { border-width: 0 16px 16px 16px; } |
 |
| Can u please help me? xD I dont know why my type, rated, #of anime and # of episodes are not appearing correctly... Im playing a bit with css, probably i did some mistakes... |
| sigh.. |
wishkas said: Can u please help me? xD I dont know why my type, rated, #of anime and # of episodes are not appearing correctly... Im playing a bit with css, probably i did some mistakes... .td1 {filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 0px 0px 0px; border-style: ; border-color: ; padding: 0px; background-color: #990000; } you have set the same color for the font and the table. color represents the font color and background-color represents color of the element (in this case table row). try changing .td1 and .td2 with this: |
nymphiaeAug 28, 2013 3:10 PM
| Thanks, it worked :D |
| sigh.. |
Hahaido said: Try .table_header, .table_header:first-child, .table_header:last-child, td[class^='td']:first-child, td[class^='td']:last-child, .category_totals { border-style: solid; border-color: rgba(255, 255, 255, .5); } .table_header { border-width: 16px 0 0 0; } .table_header:first-child { border-width: 16px 0 0 16px !important; } .table_header:last-child { border-width: 16px 16px 0 0 !important; } td[class^='td']:first-child { border-width: 0 0 0 16px !important; } td[class^='td']:last-child { border-width: 0 16px 0 0 !important; } .category_totals { border-width: 0 16px 16px 16px; } It didn't help! The frame was out of place. :S It was above the tds' colour so it wasn't visible that it's opacity is changed. Anyway, thanks! |
ess said: It didn't help! The frame was out of place. :S It was above the tds' colour so it wasn't visible that it's opacity is changed. Anyway, thanks! I don't understand what's going wrong. The code I wrote is look like at your picture |
|
| WTF is wrong with this thread ??? (was there any posts deleted here or what ???) 1) I clicked to show me "Last Page" of this thread, it kicked me on first page, why this happened I have no idea... 2) when I'm on 61 page of this thread it shows 62 exists, but when I click page 62, it redirects me on first page again... Oh my god, how " irritating"...(facepalm) Hahaido said: ess said: It didn't help! The frame was out of place. :S It was above the tds' colour so it wasn't visible that it's opacity is changed. Anyway, thanks! I don't understand what's going wrong. The code I wrote is look like at your picture yeah, that code worked for me as well, although I must admit a bunch of stuff had to be deleted or changed beforehand in the code, in order for the code to be at least "a little" recognizable (on hover it disappeared)...hehehe ess said: Hi again, sorry, I have totally forgotten to ask one more thing in previous post. Just a quick one: Is it possible to create a border around list itself (or rather around all td1 and td2) like in this picture which I photoshoped to show what I mean? To give it a border a colour and make it possible to manually set the opacity? It would really help! http://oi43.tinypic.com/2m67m2x.jpg This list is currently my animelist. Thanks for your time! backup code (coz I think you changed it from how you posted it before, at least by the looks of that image you added in that post) hmm, now I tried doing your layout somehow similar to what you wanted (a small brighter line is visible on top of first entry and below table_header, but with a "before" function a block with similar color can be added there, and like this you will not see anything out of ordinary): would the last code above be OK now ??? PS: Oh and BTW, here is the code with function "before" as I was speaking in this post above (if you do not want white line under"#" in border, than add this at the end of the second spoiler code above): _ _ _ _ _ _ _ _ _ _ _ _ _ unique border on this layout, I made it by mistake (didn't want to delete it and forget it...): |
MonsterguySep 1, 2013 2:45 AM
|
Monsterguy said: WTF is wrong with this thread ??? (was there any posts deleted here or what ???) 1) I clicked to show me "Last Page" of this thread, it kicked me on first page, why this happened I have no idea... 2) when I'm on 61 page of this thread it shows 62 exists, but when I click page 62, it redirects me on first page again... Oh my god, how " irritating"...(facepalm) It's a problem of the whole forum, 'cause this is not the only thread with that problem... it's very annoying. The Support page says: This forum thread seems to be broken (redirects to the first page). Use the report link you can find under every post and mention that the thread is broken. A forum moderator will fix it shortly. |
al_exsAug 31, 2013 11:21 AM
| Guys, thanks for help! The first code posted by Hahaido looks great if there is no background color under tds, so if you add it there in the end it would look like this: http://oi42.tinypic.com/ic6yoz.jpg I could use wrong wording, but this is what I meant by out of place. The background's colour just hovered over borders. But Monsterguy's code helped, even though its one of a hell code and I have no idea how you did it, but I am gonna go through it and learn it (HOPEFULLY, LOL). Thanks a loooooot! ♥ |
| i would be really grateful if someone could help me with this :D ok, i made my first custom list design, but i wanted to put a rounded box with a white border around my list but no matter where i try and put the code for it it never goes in the right place, i even tried all the shortcut codes on the page just for borders, if someone could write a >HERE< or something where the code is supposed to go that would be awesome :D (just to be clear i want it round the box with the entrys in not the headers) here's the css i'm using.. |
   |
| You can do just this: .table_header, td[class^='td']:first-child, td[class^='td']:last-child, .category_totals { border-style: solid; border-color: #FFFFFF; } .table_header { border-width: 0 0 2px 0 !important; } td[class^='td']:first-child { border-width: 0 0 0 2px !important; } td[class^='td']:last-child { border-width: 0 2px 0 0 !important; } .category_totals { border-width: 0 2px 2px 2px; border-radius: 0 0 8px 8px; } |
|
| It worked perfectly! massive thanks!! \(^_^)/ |
|
Emperor_Jay said: Has anyone seen any Eureka Seven backgrounds/layouts anywhere? I haven't had any luck finding one, and help would be much appreciated! Please message me if you do! Did you try wallpaper sites like Konachan or Zerochan? |
| Is something like this even possible on myanimelist: http://jsfiddle.net/mALEC/2/ You don't need java for this, it's simply animation that starts on loading the page, and you don't need to hover anything here for animation to take effect !!! _____________________________________ I also found this: http://www.impressivewebs.com/demo-files/transition-active/ (from: http://www.impressivewebs.com/css3-transitions-without-hover/) _____________________________________ Totally forgot, but third solution would be using animation with "keyframes": http://stackoverflow.com/questions/6805482/css3-transition-animation-on-load _____________________________________ Well I wanted to figure out how to start transition on loading the page !!! |
MonsterguySep 9, 2013 1:26 AM
|
| But you already have an intro, isn't so? |
|
Hahaido said: But you already have an intro, isn't so? no I want Preview with animation on my list. |
MonsterguySep 9, 2013 10:21 AM
|
| Try |
|
Hahaido said: Try did not work properly (you changed something so that my whole layout was a mess), but your code made me realize how to use function transition. Now it works perfectly, thnx. ____________________________ God, how tempting to have a list with "Back to top" function... NOTE: I found and "seemingly" implented it into my basic code, from this site: http://webdesignerwall.com/tutorials/animated-scroll-to-top |
MonsterguySep 9, 2013 4:33 PM
|
| Hi Shishio, Can I get the CSS Code for Blue Tint with Black Blackground? Thank you. :) |
| @Monsterguy you can't javascript in CSS. *sigh* People become too lazy to tap "home" button on their keyboard... @happyanime3 1. Set Blue Tint with Black BG up as your current style in either anime or manga list 2. Follow this guide: [ http://myanimelist.net/forum/?topicid=399507 ] to get the code of your own anime or manga list with that layout chosen. |
 |
VeriTi said: Thanks I think the 2nd step worked.@Monsterguy you can't javascript in CSS. *sigh* People become too lazy to tap "home" button on their keyboard... @happyanime3 1. Set Blue Tint with Black BG up as your current style in either anime or manga list 2. Follow this guide: [ http://myanimelist.net/forum/?topicid=399507 ] to get the code of your own anime or manga list with that layout chosen. |
| @Monsterguy Back to top button... well theoretically... body:after {content:'back to top';position:fixed;right:20px;bottom:10px;display:block;padding:5px;background:red;cursor:pointer;} body:active #list_surround {display:none !important;} I know it's a stupid way to do it, but somehow it works. It works no matter on what you click though. edit Oh my... At first I posted it as a joke... But if #list_surround and #mal_control_strip have both position absolute or fixed, then body would have height and width = 0. Which means this: #mal_control_strip, #list_surround {position:absolute !important;} body:after {content:'back to top';position:fixed;right:20px;bottom:10px;display:block;padding:5px;background:red;cursor:pointer;z-index:4;} body:active #list_surround {display:none;} #list_surround:active, #mal_control_strip:active + #list_surround {display:block !important;} might actually work. Could someone check if this are just my delusions, or does this actually work? I mean, it still isn't perfect, it does some strange things when you hold mouse button for too long. |
dzikibambusSep 10, 2013 3:17 PM
VeriTi said: @Monsterguy you can't javascript in CSS. *sigh* People become too lazy to tap "home" button on their keyboard... yes I know about "F5" and functions alike that one, but this reloads the whole page !!! Sometimes I want to open one tag in order to edit it (plan to watch/read an anime/manga), and at the same time I remember to edit a tag that's on top of my list (watching/reading an anime/manga), so I need to scroll up and down to have both opened !!! the solution would be a small button on right bottom, like on this test page (if you scroll down my list there will be a button "Back to the top"): http://jsfiddle.net/Monsterguy/8jP5g/2/embedded/result/ This is what I want !!! dzikibambus said: @Monsterguy Back to top button... well theoretically... body:after {content:'back to top';position:fixed;right:20px;bottom:10px;display:block;padding:5px;background:red;cursor:pointer;} body:active #list_surround {display:none !important;} I know it's a stupid way to do it, but somehow it works. It works no matter on what you click though. edit Oh my... At first I posted it as a joke... But if #list_surround and #mal_control_strip have both position absolute or fixed, then body would have height and width = 0. Which means this: #mal_control_strip, #list_surround {position:absolute !important;} body:after {content:'back to top';position:fixed;right:20px;bottom:10px;display:block;padding:5px;background:red;cursor:pointer;z-index:4;} body:active #list_surround {display:none;} #list_surround:active, #mal_control_strip:active + #list_surround {display:block !important;} might actually work. Could someone check if this are just my delusions, or does this actually work? I mean, it still isn't perfect, it does some strange things when you hold mouse button for too long. I will try this now... YESSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS !!! THIS WORKS MAN, although it works anywhere on empty background if you click around, and does not disapear when comming on top. Here is the code I developed so far thanks to you "dzikibambus": |
MonsterguySep 10, 2013 11:11 PM
|
| I recently started using the Kaichou wa Maid-Sama list style (Sweets of Maid Latte) and I really like it, but I can't find a way to incorporate the tags section without the whole list going crazy. I'm pretty alright with CSS, so I tried to find a way to fix it, but the more I tried, the uglier it became. (;_;) Could somebody try and fix it for me? I use the tags section to link to streams for each show, so it's a pretty crucial feature for me. Ideally, I'd love to have it like the search bar, where it's just a simple symbol (like ">>" or something similar), but once you hover over it, the link will slide out. But I know that's pretty complicated, so I don't expect anybody to be able to do that for me lol. (Link to the style: http://myanimelist.net/forum/?topicid=515005) |
| I don't have much tome now but you might try: or this: It's far from perfect, but that's what I thought of. I'll try to rewrite it better later. Oh, and of course instead of just "td" you should use .td1 and .td2 |
| Hi I'm having a bit of trouble with creating a banner for my new list layout. I followed the 'Custom List Banner Tutorial' as seen below. I attempted to add a custom picture > http://i1294.photobucket.com/albums/b606/PureSweetie/MAL%20Public/LayoutBanner_zpse75124f1.png however, no image shows. :( It would be greatly appreciated if somebody could assist. :) |
 |
purohime said: Could somebody try and fix it for me? I use the tags section to link to streams for each show, so it's a pretty crucial feature for me. Add to the top of your CSS: @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Kaichou%20wa%20Maid-sama/Reviews.css); Puresweetie said: Hi I'm having a bit of trouble with creating a banner for my new list layout. Here is your code: |
HahaidoSep 11, 2013 2:41 AM
|
#list_surround { position: absolute !important; right: 20px !important; background-image: url(http://i1294.photobucket.com/albums/b606/PureSweetie/MAL%20Public/LayoutBanner_zpse75124f1.png); background-position: right 40px; background-repeat: no-repeat; margin-left: 5px; padding-top: 300px; text-transform: none; width: 850px; } btw from what anime is your profile pic? |
|
Hahaido said: #list_surround { position: absolute !important; right: 20px !important; background-image: url(http://i1294.photobucket.com/albums/b606/PureSweetie/MAL%20Public/LayoutBanner_zpse75124f1.png); background-position: right 40px; background-repeat: no-repeat; margin-left: 5px; padding-top: 300px; text-transform: none; width: 850px; } btw from what anime is your profile pic? Thanks! I don't think I would have figured that out by myself. My profile pic is Serena (Usagi) from Sailor Moon, in particular Sailor Moon R: The Movie. :) btw your list layouts are pretty amazing. You're quite the expert, unlike me haha |
StizzleeeSep 11, 2013 3:20 AM
|
| I would love to help! Any time! P. S. she looks like Candy from Candy Candy TV |
|
Monsterguy said: VeriTi said: @Monsterguy you can't javascript in CSS. *sigh* People become too lazy to tap "home" button on their keyboard... yes I know about "F5" and functions alike that one, but this reloads the whole page !!! But "Home" button doesn't reload anything, just go to the top of the page, just like "End" goes to the end of the page... Just in some netbooks these buttons work as Function Keys(Fn + some other key) but all Keyboards have Home button. Monsterguy said: This is what I want !!! dzikibambus said: @Monsterguy Back to top button... well theoretically... body:after {content:'back to top';position:fixed;right:20px;bottom:10px;display:block;padding:5px;background:red;cursor:pointer;} body:active #list_surround {display:none !important;} I know it's a stupid way to do it, but somehow it works. It works no matter on what you click though. edit Oh my... At first I posted it as a joke... But if #list_surround and #mal_control_strip have both position absolute or fixed, then body would have height and width = 0. Which means this: #mal_control_strip, #list_surround {position:absolute !important;} body:after {content:'back to top';position:fixed;right:20px;bottom:10px;display:block;padding:5px;background:red;cursor:pointer;z-index:4;} body:active #list_surround {display:none;} #list_surround:active, #mal_control_strip:active + #list_surround {display:block !important;} might actually work. Could someone check if this are just my delusions, or does this actually work? I mean, it still isn't perfect, it does some strange things when you hold mouse button for too long. I will try this now... YESSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS !!! THIS WORKS MAN, although it works anywhere on empty background if you click around, and does not disapear when comming on top. Here is the code I developed so far thanks to you "dzikibambus": Wow.. hahahhaa, that trick is very impressive, it does somehow what you want, but is not really what you want. |
lovex24 said: Hi! I'm kind of new here and after reading some posts, I became really excited about getting a new list layout. So I pretty much put a list with a premade layout and kind of changed the background image as well as making previews appear. I was pretty happy with the result I got for a while. However, I intend to make it a little better, yet not sure how exactly. Basically I just want to keep the overall style of this and whatnot, but the fact that the frame is kind of blocking the girls in the background bothers me a little bit. I thought about moving the frames to the left, but there wouldn't be enough space to display preview, plus the positions of the frames were imported from two different CSS files which I have no idea how to modify. I would really appreciate anyone who can give me a hand here to perfect my layout list! my list URL: http://myanimelist.net/animelist/lovex24 In my opinion you should change the position and width of your list, just add this at the end of your code: body #list_surround {margin: -25px 0px 0px 30px;width:650px;font-size:12px;} then place the previews on the right side: in the :hover + .hide section change left to 720px that leaves the statuses, I guess the file http://veriti.opendrive.com/files/OV81MjgxODZfN0NiSlU/mal_general.css isn't yours, is it? You'll need to edit it. Download it, change the last part to this: and then upload it somewhere, dropbox is fine, other similar sites should work too. Lastly change the url you just downloaded from to what you uploaded. (I simply resized used image so some unexpected things might occur. It would be best to use some other code for statuses.) Now background should be clearly visible in resolution HDReady and up. |
More topics from this board
» 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 |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |