New
Jun 24, 2015 4:35 PM
#201
r0ykun said: Although I am new to this club, I'd be extremely happy if someone could make me a Nana theme for my anime list. If possible, I'd like it to look like the Tatami Galaxy theme on this page http://myanimelist.net/forum/?topicid=393393&show=100#msg28040439 You can use any picture you like. My only suggestion is that I'd like Osaki and Hachiko to be the background and the members of BLAST for the Watching, Completed, On-Hold, Dropped, and PTW side bar. Also, very colorful if possible. Thank you and I'm excited to see what it looks like! Bump please :) |
Jun 27, 2015 9:53 AM
#202
ignore this (edited) |
JohnnyBmeJun 29, 2015 11:45 AM
Jun 27, 2015 12:33 PM
#203
ZerkyKnight said: I would like to request Urahara Kisuke theme. Main colours are white and green of course. With background such as this: http://wallpaperswa.com/Art_Design/Monochrome/green_bleach_urahara_kisuke_monochrome_pipes_1280x960_wallpaper_75155 or this: http://fc05.deviantart.net/fs70/i/2010/128/4/2/Urahara_Kisuke_2_by_mickeymicks.jpg Well, you get the general idea. Light background with bit of green, to give light "Urahara" feel :D Font and list style can be taken from my current list style. Thank you in advance! Small bump :D |
Jun 27, 2015 1:06 PM
#204
Hi! I would like to request a Mikoto Suou theme. (From K Project) Backgrounds like: http://fc07.deviantart.net/fs71/i/2013/192/b/a/mikoto_suoh_by_wowauwero-d6czf36.jpg http://orig02.deviantart.net/47f0/f/2012/329/0/5/suoh_mikoto_by_asunax_ekirito-d5m6rgg.jpg Feel free to do anything you want! I'd simply like it to be so where if you hover your mouse over an anime, you can see the cover Thank you guys! |
Jun 28, 2015 4:33 AM
#205
Hi everyone! :) Can i request anime and manga list layouts for Hunter X Hunter 2011? |
Jun 28, 2015 10:37 AM
#206
Hello! I would like to request a Natsu Dragneel theme/layout, thanks :D |
Jun 28, 2015 3:56 PM
#207
MadokaAkimoto said: I was thinking if there is manga list background similar to the one I use for anime. Thanks in advance ;) http://myanimelist.net/forum/?topicid=393503&show=120#msg33300303 still looking ;a; |
Jul 9, 2015 7:02 AM
#208
Preview: Mangalist Code: /* Stylesheet by Assholy */ /* ------------------------------------------------------------ */ /* Font imports */ @import url("http://fonts.googleapis.com/css?family=Nova+Slim"); @import url(http://fonts.googleapis.com/css?family=Carrois+Gothic+SC); /* ------------------------------------------------------------ */ /* Cover art database import */ @import url(https://dl.dropboxusercontent.com/s/li2v7qhvxoizook/manga.Assholy.07.07.15.css); /* ------------------------------------------------------------ */ /* Cover art setup */ :hover + .hide { width: 14vw; height:20vw; bottom:1vw; right:22vw; background-size: cover; background-color: white; background-position: center center !important; background-repeat: no-repeat !important; border-width: 1px; border-style: #FF69B4; border-color: black; display: block; position: fixed; } .hide:before { background: transparent; } /* ------------------------------------------------------------ */ /* Color scheme and setup */ #grand_totals, .category_totals, [class^=status_], [style^="float: right"] { display: none; } [href] { text-decoration: none; color: #555555; } [href]:hover, [id^="scor"]:hover { color: #000; } tr:hover [class^="td"] { background-color: 000; } #list_surround { position: relative; background-image: url('http://i.imgur.com/lxJ5ha5.png'); background-repeat: no-repeat; background-position: right bottom; background-size: 40% auto; background-attachment: fixed; font-family: 'Carrois Gothic SC', sans-serif; font-size: 13px; color: #555555; } #list_surround [cellpadding="0"] { position: relative; width: 55%; left: 5%; } [class^=header_] { margin-right: 100%; margin-top: 10px; white-space: nowrap; } .header_title { font-family: 'Carrois Gothic SC', sans-serif; font-size: 32px; font-weight: 600; } .table_header { padding: 8px 9px 8px; } .td1 { background-color: opacity: 0.6; } .td2 { background-color: opacity: 0.6; } .td1, .td2 { padding: 5px 8px 5px; border-right: 1px solid white; border-left: 1px solid white; } td[align="left"] { text-align: center; font-size: 12px; } /*Copyright*/ #copyright { font-size: 12px; font-weight: 300; padding-top: 60px; margin-bottom: 30px; } /* ------------------------------------------------------------ */ /* Custom MAL banner setup */ #mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered { box-sizing: border-box; background: none no-repeat scroll 100% 0 transparent; border: 0 none; height: 0 !important; overflow: hidden; padding: 32px 0 0 !important; position: fixed; right: 4px; text-align: right; top: 4px; z-index: 10; width: 210px !important; } #mal_cs_listinfo:hover, #mal_cs_links:hover, #mal_cs_otherlinks:hover, #mal_cs_powered:hover { height: 500px !important; padding-top: 32px !important; } #mal_cs_listinfo div, #mal_cs_links div, #mal_cs_otherlinks div, #mal_cs_powered div, #mal_cs_powered dd { background-color: transparent; font-size: 0 !important; line-height: 0; margin: 0 !important; opacity: 0; padding: 4px 0 0 !important; } #mal_cs_listinfo:hover div, #mal_cs_links:hover div, #mal_cs_otherlinks:hover div, #mal_cs_powered:hover div, #mal_cs_powered:hover dd { opacity: 1; } #mal_cs_listinfo div:nth-of-type(2), #mal_cs_links div:nth-of-type(2), #mal_cs_otherlinks div:nth-of-type(2), #mal_cs_powered div:nth-of-type(2) { padding: 4px 0 0 !important; } #mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a, #mal_cs_powered a { background-color: #555555 !important; display: block; font: 18px/17px 'Carrois Gothic SC', sans-serif; !important; font-weight: bold; margin: 4px 0 0; padding: 8px 8px 8px !important; text-decoration: none !important; } #mal_cs_listinfo a:nth-of-type(1), #mal_cs_links a:nth-of-type(1), #mal_cs_otherlinks a:nth-of-type(1), #mal_cs_powered a:nth-of-type(1) { margin-top: 0; } #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover { background-color: #444444 !important; } #mal_cs_listinfo strong a strong { font-weight: normal; } #mal_cs_otherlinks strong { color: #555555; display: block; font: bold 13px/17px 'Carrois Gothic SC', sans-serif; !important; padding: 0 4px 4px; } #mal_cs_otherlinks strong a { background: none transparent !important; color: #555555; display: inline; font: bold 13px/17px 'Carrois Gothic SC', sans-serif; !important; margin: 0; padding: 0; } #mal_cs_powered a { background-color: white !important; display: block !important; margin: 0 !important; opacity: 0; padding: 4px 0 0 !important; } #mal_cs_powered:hover a { opacity: 1; } #mal_cs_powered #search { padding: 8px 2px 0px 0px !important; position: relative; } #searchBox { box-sizing: border-box; border-color: #555555; border-style: solid; border-width: 1px; color: #555555; padding: 0 8px 0 !important; display: inline-block; font-family: 'Carrois Gothic SC', sans-serif; font-size: 14px !important; height: 32px; vertical-align: top; width: 150px !important; } #searchBox:hover, #searchBox:focus { border-color: #444444; } #searchListButton { display: none !important; } #mal_cs_listinfo { background-image: url("http://i.imgur.com/LSwncOV.jpg"); right: 106px !important; } #mal_cs_links { background-image: url("http://i.imgur.com/vl379rT.jpg"); right: 72px !important; z-index: 9; } #mal_cs_otherlinks { background-image: url("http://i.imgur.com/Rz4IQCY.jpg"); right: 38px !important; z-index: 8; } #mal_cs_powered { background-image: url("http://i.imgur.com/SzwsIrV.jpg"); right: 4px !important; z-index: 7; position: fixed !important; } #mal_control_strip { background: transparent !important; } #mal_cs_pic img { display: none !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } |
Jul 9, 2015 8:47 AM
#209
Hey! I would love an anime list with Yuno Gasai or Maka Albarn, if you can! It would be fantastic! Thanks so much! <3 |
Jul 12, 2015 3:27 AM
#210
I would really love a Miia from Monster Museum layout for both anime and manga {they both can be the same}. Plus I wouldn't mind seeing Darling-kun in it with her as well. |
Jul 12, 2015 7:30 AM
#211
So many requests haha. I doubt mine's gonna get heard but if someone out there is willing could you please make me a Date A Live layout, preferably with Kurumi or Tohka? I don't need dvd/covers or anything. It would be fun to have mini reviews up. Besides that the anime titles and ratings are the only thing that are important. Thank you in advance. |
Jul 12, 2015 8:26 AM
#212
Jul 12, 2015 8:55 AM
#213
Hahaido said: Guys, almost a half of your requests is already made, you know? Already made? Alright then, I'll change my request to a School Days layout. Haven't seen any of those around. Preferably with either Makoto or Kotonoha or both. |
Jul 13, 2015 3:53 AM
#214
was wondering if someone could make a chihayafuru anime layout... it would be nice if it was as good as the layout i have right now thanks anything is appreciated |
ThePandaSupremeJul 13, 2015 4:09 AM
Jul 14, 2015 10:37 PM
#215
Hey guys! I have yet to see one made so I will keep looking but will also request it here! I really really want an Amagami SS Square layout! If someone will make that for me I will owe them big time! Pwetty Pwease :3! |
-Zephyr-Jul 16, 2015 11:43 PM
Jul 18, 2015 9:19 AM
#216
Hello! IIRC this will be my second time requesting a list style? or maybe my first. I want a list style that is manly and kick ass. I've checked the premade layouts: http://myanimelist.net/forum/?topicid=318587 and they're all rad and wonderful but there is something lacking, since mostly are female characters and male characters that I don't fancy as manly enough. Now for my request •Manly themed list style or layout. ••Preferably (Sporty) for starters:This, and THIS as reference anime and images. •Should likely/must have tags for a quick find/comment/short review/release information so I get my priorities sorted and for everyone just incase. Like this kind, Even the manga needs some, current layouts by SylakentH, awesome! •And like my current layout im using by SylakentH, which was very easy to copy and use (the dropbox thingy) and the people at the sides (watching, completed, etc) per series. ○○Please use a layout with covers and something like this where the characters are centered. Or this where they are cornered and/or at the opposite side •Something simple. I chose those images as reference since they have lots of characters to work with and since we don't have those yet so why not give it a shot so everyone can use. Edit: I did not put which layout or style to copy or refer. (○○) Cheers and Thank you! |
MantaBabyJul 18, 2015 9:30 AM
Jul 19, 2015 4:22 AM
#217
Hello ! :> I'd like to suggest a list made from the anime: Magi: The Labyrinth of Magic or Natsume Yuujinchou ! ^^ I would for it to be minimalistic or semi-minimalistic. Light colors welcome. Thanks in advance ~ |
Jul 24, 2015 4:56 AM
#218
Detective conan themed list layout.and if you can please try to give it a big tags section . A very big thanks in advance |
Best Shitty Reviews “Like is like a blank canvas you paint it with whatever you want (colors,blood,sweat,shit etc)” Current Season rec : Layton Mystery Tanteisha: Katri no Nazotoki File I am an anime OST Maniac and they play a huge role in my rating for a anime. interested ? click the GIF>>>>> |
Jul 25, 2015 11:05 AM
#219
MantaBaby said: Hello! IIRC this will be my second time requesting a list style? or maybe my first. I want a list style that is manly and kick ass. I've checked the premade layouts: http://myanimelist.net/forum/?topicid=318587 and they're all rad and wonderful but there is something lacking, since mostly are female characters and male characters that I don't fancy as manly enough. Now for my request •Manly themed list style or layout. ••Preferably (Sporty) for starters:This, and THIS as reference anime and images. •Should likely/must have tags for a quick find/comment/short review/release information so I get my priorities sorted and for everyone just incase. Like this kind, Even the manga needs some, current layouts by SylakentH, awesome! •And like my current layout im using by SylakentH, which was very easy to copy and use (the dropbox thingy) and the people at the sides (watching, completed, etc) per series. ○○Please use a layout with covers and something like this where the characters are centered. Or this where they are cornered and/or at the opposite side •Something simple. I chose those images as reference since they have lots of characters to work with and since we don't have those yet so why not give it a shot so everyone can use. Edit: I did not put which layout or style to copy or refer. (○○) Cheers and Thank you! MB said: Bumping the Kuroko no Basket layout request in hopes of something good :D. I'd hate to spam but i'm back for my last week of bumping. I'll get back to this soon if ever there is news. Thanks ;) |
MantaBabyAug 1, 2015 10:38 AM
Jul 29, 2015 12:43 PM
#220
M4XY said: please refrain from posting the same question in multiple places at the same time, it's against club rules and can potentially get you banned. Also this topic is for requesting new layouts, not edits, please ask for such help in the questions topic and then maybe a bit more along the lines of "how do I...".Can somebody do a minor modification to my list? I want the characters on the Watching,Completed,On Hold,Dropped,PTW and ALL anime to be changed from Psycho pass characters to : Lelouch, Guts,Wu Geng (MC from Feng Shen Ji),Senjougahara ,Mito Ikumi and Akatsuki Ousawa. Code of my list: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Top_bar_without_menu_or_display.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://th04.deviantart.net/fs71/PRE/f/2010/308/3/1/the_baboon_king_by_wen_jr-d32599h.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1200px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1200px !important; z-index:-1 !important; } #list_surround { /* background-color:transparent; font-size:100%; line-height:1; padding-bottom:10px; padding-top:0px; position:absolute; left:95px !important; padding-left:0px; width:800px; margin-top:-50px; */ top:0px; padding-left:0px; bottom:10px; left:-180px !important; margin:auto !important; position:absolute !important; right:0 !important; font-size:100%; line-height:1; width:800px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; padding-top:10px; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-35px; padding:0; position:fixed; top:60px; width:250px; overflow:auto; } #list_surround .status_not_selected:hover, #list_surround .status_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-5px; padding:0; position:fixed; top:60px; width:250px; border:5px solid rgba(0,0,0,0.6); border-radius:11px; transition: right 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; overflow:auto; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #list_surround .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #list_surround .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { display:block; font-size:29px; padding-top:53px; color: transparent !important; text-shadow: none !important; width:250px important; text-decoration:none important; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } Read more at http://myanimelist.net/forum/?topicid=393393&show=60#wyGVuFclMSjpbYaj.99 |
Jul 29, 2015 2:04 PM
#221
Oiomi-chan said: M4XY said: please refrain from posting the same question in multiple places at the same time, it's against club rules and can potentially get you banned. Also this topic is for requesting new layouts, not edits, please ask for such help in the questions topic and then maybe a bit more along the lines of "how do I...".Can somebody do a minor modification to my list? I want..... yeah thats true, so hes been removed for a bit to prevent further spam but I moved his question to here if anyone wants to take it. This is where it shoulda been so I think its fair: http://myanimelist.net/forum/?topicid=200323&show=2950#msg41181319 |
Jul 31, 2015 2:06 AM
#222
Hi! I would love it if someone could please make me a minimalistic sort of Inu X Boku SS list design using the following picture: http://data.whicdn.com/images/33244479/original.jpg Picture Preview: I was hoping that the list would be covering just the right (in the blank area), but have some space between where a browser's scroll bar usually is and the left side of the list. I'm also asking that the font be easy to read, yet match the mood of the anime. (else it might just look childish with comic sans for instance) Each line of wording in the rows should fill one line, not two (meaning that the list is too narrow, etc.), but if it's a long named anime.. I guess it should be fine? Thanks! I sincerely appreciate if anyone does indeed take a look and make one for me! |
Aug 1, 2015 6:16 AM
#223
ShiroiShi said: Hello ! :> I'd like to suggest a list made from the anime: Magi: The Labyrinth of Magic or Natsume Yuujinchou ! ^^ I would for it to be minimalistic or semi-minimalistic. Light colors welcome. Thanks in advance ~ » CODE « [url=http://pastebin.com/raw.php?i=aHYC7qUG][color=#8A8A8A][b]CLICK ME![/b][/color][/url] If you didn't like the background, you can change it (*´・v・) Add this to the code: [b][color=#8A8A8A]body { background: url(INSERT YOUR URL IMAGE HERE) center no-repeat fixed !important; }[/color][/b] ☆ PREVIEW ☆ [/center] |
Aug 1, 2015 10:41 AM
#224
MantaBaby said: MantaBaby said: Hello! IIRC this will be my second time requesting a list style? or maybe my first. I want a list style that is manly and kick ass. I've checked the premade layouts: http://myanimelist.net/forum/?topicid=318587 and they're all rad and wonderful but there is something lacking, since mostly are female characters and male characters that I don't fancy as manly enough. Now for my request •Manly themed list style or layout. ••Preferably (Sporty) for starters:This, and THIS as reference anime and images. •Should likely/must have tags for a quick find/comment/short review/release information so I get my priorities sorted and for everyone just incase. Like this kind, Even the manga needs some, current layouts by SylakentH, awesome! •And like my current layout im using by SylakentH, which was very easy to copy and use (the dropbox thingy) and the people at the sides (watching, completed, etc) per series. ○○Please use a layout with covers and something like this where the characters are centered. Or this where they are cornered and/or at the opposite side •Something simple. I chose those images as reference since they have lots of characters to work with and since we don't have those yet so why not give it a shot so everyone can use. Edit: I did not put which layout or style to copy or refer. (○○) Cheers and Thank you! MB said: Bumping the Kuroko no Basket layout request in hopes of something good :D. I'd hate to spam but i'm back for my last week of bumping. I'll get back to this soon if ever there is news. Thanks ;) |
Aug 2, 2015 2:16 AM
#225
Can I pretty please request a dark coloured theme of Mahouka Koukou no Rettousei for my anime list? Prefably Miyuki & Tatsuya. I'd love it if it was a simple and easy to read, like minimalist. <3 Thank you so much. |
Aug 2, 2015 5:35 AM
#226
Nadeko_ said: ShiroiShi said: Hello ! :> I'd like to suggest a list made from the anime: Magi: The Labyrinth of Magic or Natsume Yuujinchou ! ^^ I would for it to be minimalistic or semi-minimalistic. Light colors welcome. Thanks in advance ~ » CODE « [url=http://pastebin.com/raw.php?i=aHYC7qUG][color=#8A8A8A][b]CLICK ME![/b][/color][/url] If you didn't like the background, you can change it (*´・v・) Add this to the code: [b][color=#8A8A8A]body { background: url(INSERT YOUR URL IMAGE HERE) center no-repeat fixed !important; }[/color][/b] ☆ PREVIEW ☆ [/center]Thank you very much ! It's perfect *^* |
Aug 2, 2015 4:26 PM
#227
Where can I find this layout? I know its a free to use one |
Aug 5, 2015 4:05 AM
#228
Not sure if anyone has already made one, but I'd love to make a request for a Log Horizon Akatsuki layout. I've looked around and haven't been able to find one :/ If you could add covers to the layout that would be amazing. If it's easier not to do that then feel free to skip it. I'd love it either way! :P Also thanks in advance to anyone willing to do this! |
Aug 5, 2015 9:22 AM
#229
Jatz said: Since it's been over a week, I guess I'll bump this. Jatz said: Hi. If possible, I wanted to request a JoJo's Bizarre Adventure list layout for anime and manga (although, I'm not too fussed about the manga side). I already have an Aria list style that I like off of here, and I'd like it if someone could just modify it into a JoJo one. Jonathon Joestar, Joseph Joestar, Dio (On-Hold button), Lisa Lisa, Speedwagon (Dropped button) and Jotaro for the buttons would be perfect. My current one I'd also appreciate it if there was a way to change the font into something more like the JoJo logo font (I'm not sure how difficult this is, however) Many thanks in advance. What about this one: http://i.imgur.com/ukewiNq.jpg Is this okay? I just took a Madoka layout and changed background and other sections as I like. For anime list only and if you want to use this one, there you go: @import url(http://storage.live.com/items/4A07C1EEED420167%21151); @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* HOW TO USE (go to this link) http://dl.dropboxusercontent.com/u/78340470/howtouse.txt */ /* MAIN BACKGROUND The space background by default. */ body { background-image: url(http://fc03.deviantart.net/fs70/f/2014/247/7/a/jojo_s_bizarre_adventure_wallpaper_by_franky4fingersx2-d7xw09m.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; } /* SECONDARY BACKGROUND Goes behind the list but in front of the main background. Image links to a character render in the parenthesis after background. Add or remove the word "contain" (without quotations) after background-size if you want them to be fit or not fit into the entire page. */ #inlineContent { background: url("") no-repeat scroll right bottom transparent; background-size: contain !important; } /* SIDE BUTTONS The first code controls the type of positioning of the buttons- if you change absolute to fixed, it will fix the buttons to the page. You'll have to change left: -300px; to left: 0px; after if you want them fixed. All the following codes control the background image for the buttons in this order: Current, Complete, On-hold, Dropped, Planned, and All Anime. If you don't want the All Anime button on your list, remove the X from display: Xnone; if you want the All Anime button back, add the X back or delete display:none; */ .status_selected, .status_not_selected { position:absolute; left:-300px; } .status_selected:first-of-type, .status_not_selected:first-of-type { background-image:url(http://i.imgur.com/L6WPIud.jpg); background-position:0 0; top:20px; } .status_selected:nth-of-type(2), .status_not_selected:nth-of-type(2) { background-image:url(http://i.imgur.com/6nmJpfZ.jpg?1); background-position:100% 0; top:140px; } .status_selected:nth-of-type(3), .status_not_selected:nth-of-type(3) { background-image:url(http://i.imgur.com/uVyQmHO.jpg?1); background-position:0 0; top:260px; } .status_selected:nth-of-type(4), .status_not_selected:nth-of-type(4) { background-image:url(http://i.imgur.com/2G2WOOH.jpg?1?5226); background-position:100% 0; top:380px; } .status_selected:nth-of-type(5), .status_not_selected:nth-of-type(5) { background-image:url(http://i.imgur.com/v7WU5Fy.jpg); background-position:0 0; top:500px; } .status_selected:last-of-type, .status_not_selected:last-of-type { background-image:url(http://i.imgur.com/pUAZRTS.jpg?1g); background-position:100% 0; top:620px; display: Xnone; } /* MAGICA LOGO AND LIST TOP SPACING Background-image is the Magica logo at page top. You can move it with background position. Padding top controls the amount of space between the list top and the top of the page. If you raise the number the list will move farther down the page. */ #list_surround { background-image: url(""); background-position: -50px -40px; padding-top: 320px; } /* CUSTOM HEADERS */ [class^="header_"] * { height:200px; } .header_cw { background-image: url("http://i.imgur.com/mWK77Ng.png"); background-position: 50% 150px; } .header_completed { background-image: url("http://i.imgur.com/wF8MQkE.png"); background-position: 50% 150px; } .header_onhold { background-image: url("http://i.imgur.com/ZWprtND.png"); background-position: 50% 150px; } .header_dropped { background-image: url("http://i.imgur.com/3ve4Yod.png"); background-position: 50% 150px; } .header_ptw { background-image: url("http://i.imgur.com/zRGEVZy.png"); background-position: 50% 150px; } /* COVER PIC POSITION (hover) This is how far to the left the cover pic will zoom out when you point to the thumbnail for it. If you want it more to the right, take away from the amount below. */ .hide:hover { margin-left: -182px; } /* LIST TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel itself. Google "RGBA color generator" for easy to copy color and opacity numbers customized for you to put after "background- color:". */ .table_header, .table_header a{ color: white;} .table_header { background-color: rgba(255, 0, 125, 0.5); } /* LIST BACKGROUND COLOR, ROW HEIGHT AND HOVER COLOR Adjust the opacity and color of the list itself with the first two sets of code, as well as the height of the rows. td1 is odd numbered rows, td2 is even. The third set of code is for the row color and opacity on height. */ .td1 { background-color:rgba(0, 0, 0, 0.5); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.5); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(208, 32, 144, 0.6); } /* LIST BOTTOM COLORS The first set controls color for the category totals, and second for the copyright section. */ .category_totals { background-color:rgba(255, 0, 255, 0.4); } #copyright { background-color:rgba(180, 32, 48, 0.6); } /* LIST FONT COLOR AND TYPE You can control the font type and colors for the list here; for the anime titles and tags see after */ .td1, .td2, .category_totals { color:white; font-family: ; } /* ANIME TITLE/AIRING You can control the font-colors for anime titles here, and the Airing text on currently airing anime. */ .animetitle { color: white; font-family: ; } .animetitle + small { color:#CC33FF !important; } /* TAGS (mini-reviews) The first code controls the size/color of the font if you put in any tags/mini-reviews. The second can control how much the width of the list the tags take up- you must put a percentage in after "width:" and before !important (for example 85% ). */ span[id*="tagLinks"] a { font-size: 11px !important; color: #FFFFFF !important; font-family: ;} span[id*="tagLinks"] { width: !important;} /* TAGS EDIT BUTTON The button link "Edit" will show up under your anime title number. */ .td1:nth-of-type(6) a, .td2:nth-of-type(6) a { color: #00FFFF; font-size: 14px; left: 9px; margin-top: 19px; text-decoration: none; z-index: 1 !important; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ .td1:nth-of-type(6) a, .td2:nth-of-type(6) a { background-color: rgba(0, 0, 0, 0) !important; position: absolute; } .table_header:nth-of-type(6) { width: 1px !important; font-size: 0 !important; } .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 0 !important; width: 1px !important; } span[id*="tagLinks"] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; color: rgba(0, 0, 0, 0); font-size: 13px !important; left: 25px !important; margin-top: 10px !important; position: absolute !important; } span[id*="tagLinks"] a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; left: 49px !important; position: relative !important; text-decoration: none !important; top: 6px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .status_selected, .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; padding:0; width:263px; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } body { background-attachment:fixed; background-clip:border-box; background-color: black; font-family:calibri; } #list_surround { background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat no-repeat; font-size: 100%; line-height: 1; padding-bottom: 10px; } #list_surround { left: 16% !important; margin:auto !important; position:absolute !important; right:0 !important; width: 70%; } #inlineContent { display: inline-block !important; height: 100%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100%; z-index: -1 !important; } .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { background-repeat: no-repeat; background-color: transparent; height: 50px; margin-bottom: 0; font-size: 0; margin-top: -125px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; vertical-align:top; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; z-index: 0 !important; } .hide:hover { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat no-repeat; background-size: cover; border-radius: 20px; box-shadow: 0 0 8px 8px rgba(63, 52, 60, 0.55); padding-right: 150px; padding-top: 220px !important; position: absolute; z-index: 0 !important; } .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 260px; z-index: 20; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } .animetitle { font-weight: bold;} .animetitle + small { font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* Media query for devices below 1000px (small screen phones, 800px res notebooks)*/ @media all and (min-device-width:1px) { #list_surround { left: 30% !important; width: 57% !important; } span[id*="tagLinks"] { width: 75%;} } /* Media query for devices above 1000px but below 1025px (1024px screen)*/ @media all and (min-device-width:1001px) { #list_surround { left: 25% !important; width: 64% !important; } span[id*="tagLinks"] { width: ;} } /* Media query for devices above 1024px (1140px screens)*/ @media all and (min-device-width:1025px) { #list_surround { left: 25% !important; width: 65% !important; } span[id*="tagLinks"] { width: ;} } /* Media query for devices above 1140px (1280px res, 13' notebook)*/ @media all and (min-device-width:1141px) { #list_surround { left: 21% !important; width: 70% !important; } span[id*="tagLinks"] { width: ;} } /* Media query for devices above 1280px (1366px res, 15' notebook)*/ @media all and (min-device-width:1281px) { #list_surround { left: 16% !important; width: 70% !important; } span[id*="tagLinks"] { width: 58%;} } /* Media query for devices above 1440px (1680px res, 20-22' desk)*/ @media all and (min-device-width:1441px) { #list_surround { left: 18% !important; width: 65% !important; } span[id*="tagLinks"] { width: 55%;} } /* Media query for devices above 1680px (1920px res, 23' desktop)*/ @media all and (min-device-width:1681px) { #list_surround { left: 0% !important; width: 51% !important; } span[id*="tagLinks"] { width: ;} } /* Media query for devices above 1920px (23'+ desktop)*/ @media all and (min-device-width:1921px) { #list_surround { left: 0% !important; width: 47% !important; } span[id*="tagLinks"] { width: ;} } And if you've liked this one, I may make another layout as you like and for manga list too. |
GrotesquenessAug 5, 2015 9:28 AM
Aug 9, 2015 4:14 PM
#230
Aug 10, 2015 8:02 PM
#231
Heyo, I'm new here on the forum and pretty nooby in webdesign... Tried to get used to CSS but it doesn't want to show off like I do. :D Well, I'd like to have this background: http://hdwallpapers.cat/wallpaper/mashiro_flowers_trees_shiina_sketchbook_hd-wallpaper-1606794.jpg Links and texts in blue if possible, it should just match with the background :3 I'd really appreciate it c: |
Aug 10, 2015 8:05 PM
#232
bubbleteau said: Where can I find this layout? I know its a free to use one I don't know where to find it but the left bottom of your pic showed the url.. Just press ctrl + u and there you go c: @import "http://fonts.googleapis.com/css?family=Pontano+Sans"; body { background-attachment:fixed !important; background-image:url("https://dl.dropboxusercontent.com/u/188037746/Pics/noragami1.jpg"); background-position:0 0; background-size:cover; } #list_surround { left: 50px; !important; top: -50px; position:absolute !important; } #inlineContent {background: url("http://i.imgur.com/hXCQhdM.png") no-repeat scroll left top transparent; display: inline-block !important; height: 100% !important; left: 850px !important; margin: auto !important; position: fixed !important; top: 20px !important; width: 100% !important; z-index: -1 !important; background-size: contain !important;} } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(); background-position:-18px -134px; background-repeat:no-repeat no-repeat; font-size:12px; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:100px; width:600px; } body { color:#FFFFFF; font-family:Pontano Sans; font-size:14px; } a { -webkit-transition:all 0.25s ease-in-out 0s; color:#FFFFFF; text-decoration:none; text-shadow:none; transition:all 0.25s ease-in-out 0s; } a:hover { } .table_header { background-color:rgba(0, 0, 0, 0.8); height:15px; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { -webkit-transition:all 0.25s ease-in-out 0s; background-color:rgba(0, 0, 0, 0.498039); height:15px; transition:all 0.25s ease-in-out 0s; } .td2 { -webkit-transition:all 0.25s ease-in-out 0s; background-color:rgba(0, 0, 0, 0.498039); height:15px; transition:all 0.25s ease-in-out 0s; } tr:hover [class^="td"] { background-color:rgba(0, 0, 0, 0.7); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align:left; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0; padding:4px; text-align:center; vertical-align:middle; } .table_header, .td1, .td2, .category_totals { line-height:15px; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:15px; } .category_totals { background-color:rgba(0, 0, 0, 0.8); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:#FFFFFF; line-height:15px; text-align:center; } [class^="header_"] * { font-size:30px; height:60px; line-height:20px; padding-bottom:10px; padding-left:6px; text-align:center; text-shadow:black 2px 1px; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; text-transform:uppercase; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:rgba(0, 0, 0, 0); border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(0, 0, 0, 0.8); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#9AC8FC; line-height:17px; margin-top:10px; padding:8px; text-align:center; } .animetitle + small {font-size: 10px; font-family: Consolas; text-transform: uppercase; color:#9AC8FC !important; } #copyright::after { } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/BWcF5nA.png); background-position:0 100%; background-repeat:no-repeat no-repeat; border:2px solid white !important; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:15px; border-top-right-radius:0; display:block; height:90px; padding:0; position:fixed; right:-178px; top:103px; width:320px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/0vxENMw.png); background-repeat:no-repeat no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:195px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/t6s1J5l.png); top:287px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/R9VK57e.png); background-repeat:repeat repeat; top:379px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/wofpRlv.png); top:471px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/v5eYEcc.png); background-position:0 0; background-repeat:no-repeat no-repeat; border-bottom-left-radius:20px; border-bottom-right-radius:20px; top:563px; width:320px; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; opacity:0.7; right:-178px !important; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.25s ease 0s; color:transparent; opacity:1; right:-20px !important; transition:all 0.25s ease 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; height:100px; opacity:0; width:320px; } .status_selected { display:block; } .status_selected:hover { -webkit-transition:all 0.25s ease-in-out; color:transparent; opacity:1; right:-20px !important; transition:all 0.25s ease-in-out; } .status_selected { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; |
Aug 13, 2015 6:51 AM
#233
Hello, I'd like to make a request for a list designed around Sasasegawa Sasami from Little Busters. In terms of the list design itself, I want it to be pretty compact like the one I currently have. By compact I mean I don't want a lot of spacing in between the titles since my list is quite long and I don't want the style to make it bigger than it needs to be. Purple (and its variants) is my favorite color and so I'd like that color to present on the list somewhere if possible. The only thing I ask is that the list blends in well with the background image (while still being visible and readable of course). My current one was an attempt of mine at editing CSS code but it failed horribly :P I also want Sasami to be as visible as possible so if that means the list has to be aligned to the left/right, so be it. As for the background image itself, I'd like to use this one, but feel free to look for some if you don't believe it fits: http://i.imgur.com/vavXQeD.jpg Thank you for the attention if you decide to help out. ^^ |
Aug 15, 2015 10:06 AM
#234
I would love it if someone made either a berserk manga list layout and/or a JoJo's bizarre adventure Anime list layout, i can't seem to find any, and i would really love one <3 |
Aug 18, 2015 3:27 AM
#235
Yakumichan said: Heyo, I'm new here on the forum and pretty nooby in webdesign... Tried to get used to CSS but it doesn't want to show off like I do. :D Well, I'd like to have this background: http://hdwallpapers.cat/wallpaper/mashiro_flowers_trees_shiina_sketchbook_hd-wallpaper-1606794.jpg Links and texts in blue if possible, it should just match with the background :3 I'd really appreciate it c: Well, I think I'm gonna *push* my request. :3 |
Aug 18, 2015 4:19 PM
#236
Hi all. I'm currently working (very slowly) on making myself an anime list but I'd like to request a manga list. I was thinking a Kana Hanazawa themed list, specifically with her characters Onodera Kosaki and Saegusa Mayumi. It's completely up to the maker if they want to include Kana herself. I have no demands on how it looks except I'd like to not have it "over the top girly". If that's not much clarification I mean like not all sparkly and all pink and such. Covers and everything else is up to the person making the list. Thanks in advance if one of you decides to make this! |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
Aug 24, 2015 3:52 PM
#237
Hello, i don't know if this kind of requests are suppose to be here but: I've seen this layout somewhere and the person who posted this didn't knew the code. Do you guys know this layout and have the code to use it? Thank you in advance. |
Aug 25, 2015 5:42 AM
#238
Gklys said: Hello, i don't know if this kind of requests are suppose to be here but: I've seen this layout somewhere and the person who posted this didn't knew the code. Do you guys know this layout and have the code to use it? Thank you in advance. From who is it? Please link me the person's animelist and I can give you the code.^^ |
Aug 25, 2015 2:58 PM
#240
Well, after some time of work and some help from huop user here it is: CSS Code: /* COLOR OF THE ICONS Change the color, and adjust the opacity for brighter color. Remove the display: none to match the selected icon to the other icons. */ #mal_cs_listinfo:before, #mal_cs_links:before, #mal_cs_otherlinks:before, #mal_cs_powered:before { background: transparent; opacity: .9; } /* BORDER OF ICONS If you're having trouble seeing the border bottom, lower the height by a pixel or two until you see it. */ #mal_cs_listinfo:before, #mal_cs_links:before, #mal_cs_otherlinks:before, #mal_cs_powered:before, #mal_cs_listinfo:before, #mal_cs_links:before, #mal_cs_otherlinks:before, #mal_cs_powered:before { border-color: ; border-style: ; border-width: ; height: 32px !important; } /* BUTTONS COLOR AND BORDER Buttons within the hover menus, not the icons themselves. Second code is for button color on hover. */ #mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a, #mal_cs_powered a img{ background-color: rgba(64, 60, 90, 0.6) !important; border-color: transparent; border-style: solid !important; border-width: 1px !important; } #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover, #mal_cs_powered a img:hover { background-color: #403C5A !important; } /* COLOR OF HOVER MENUS AND SELECTED ICONS Remove display none from the second code to match the colors of the selected icon to the icons above. */ #mal_cs_listinfo div, #mal_cs_links div, #mal_cs_otherlinks div, #mal_cs_powered div, #mal_cs_powered dd, #mal_cs_powered a { background-color: rgba(255, 255, 255, 0.6) !important; } #mal_cs_listinfo:hover:before, #mal_cs_links:hover:before, #mal_cs_otherlinks:hover:before, #mal_cs_powered:hover:before, #mal_cs_listinfo:hover:after, #mal_cs_links:hover:after, #mal_cs_otherlinks:hover:after, #mal_cs_powered:hover:after { display: none; background-color: ; opacity: .2; } /* COLOR OF USERNAME (for visitors) You don't see this username on the menus when you're logged in, log out to see it. */ #mal_cs_otherlinks strong a { color: #333333 !important; } #mal_cs_otherlinks strong a:hover { color: blue !important; background-color: transparent !important; } /* POSITION OF TOP BAR Change to absolute if you want it to not scroll with the page. */ #mal_control_strip { position: fixed !important; background-color: transparent !important; background-image: url(none) !important; } /* OTHER CODES If you want to change out the icon images themselves, you can scroll down through the codes and find the background images and change them with your own. */ #mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered { -moz-box-sizing: border-box; transition: all 0.4s ease 0s; background: none no-repeat scroll 100% 0 transparent; border: 0 none; height: 0 !important; overflow: hidden; position: absolute; right: 4px; text-align: center; top: 4px; width: 150px; z-index: 10; } #mal_cs_listinfo:hover, #mal_cs_links:hover, #mal_cs_otherlinks:hover, #mal_cs_powered:hover { height: 200px !important; padding-top: 32px; width: 150px; } #mal_cs_listinfo div, #mal_cs_links div, #mal_cs_otherlinks div, #mal_cs_powered div, #mal_cs_powered dd { transition: opacity 0.4s ease-in-out 0s; border-radius: 3px 0 0 0; font-size: 0 !important; line-height: 0; margin: 0 !important; opacity: 0; padding: 8px 0 0; } #mal_cs_listinfo:hover div, #mal_cs_links:hover div, #mal_cs_otherlinks:hover div, #mal_cs_powered:hover div, #mal_cs_powered:hover dd { opacity: 1; } #mal_cs_listinfo div:nth-of-type(2), #mal_cs_links div:nth-of-type(2), #mal_cs_otherlinks div:nth-of-type(2), #mal_cs_powered div:nth-of-type(2) { border-radius: 0 0 3px 3px; padding: 4px 0 8px; } #mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a, #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; } #mal_cs_listinfo a:nth-of-type(1), #mal_cs_links a:nth-of-type(1), #mal_cs_otherlinks a:nth-of-type(1), #mal_cs_powered a:nth-of-type(1) { margin-top: 0; } #mal_cs_listinfo strong a strong { font-weight: normal; } #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; } #mal_cs_otherlinks strong a { background: none repeat scroll 0 0 transparent !important; border-color: transparent !important; 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; } #mal_cs_powered a { border-radius: 3px 0 0 0 !important; display: block !important; margin: 0 !important; opacity: 0; padding: 8px 0 0 !important; } #mal_cs_powered:hover a { opacity: 1; } #mal_cs_powered a img { background: url("http://i.imgur.com/fGTjBC3.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; } #mal_cs_powered a img:hover { background-color: #403C5A; } #mal_cs_powered #search { border-radius: 0 0 3px 3px; padding: 8px; position: relative; } #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%; } #mal_cs_powered #search #searchBox:hover, #mal_cs_powered #search #searchBox:focus { border-color: #ACACAC #C6C6C6 #C6C6C6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } #mal_cs_powered #search #searchListButton { background: url("http://i.imgur.com/XqsilHp.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; } #mal_cs_listinfo { background-image: url("http://i.imgur.com/UXZxrWI.png"); right: 106px; } #mal_cs_listinfo:hover { background-image: url("http://i.imgur.com/VcVVnod.png"); } #mal_cs_links { background-image: url("http://i.imgur.com/LpXWTzt.png"); right: 72px; z-index: 9; } #mal_cs_links:hover { background-image: url("http://i.imgur.com/oPfKrOl.png"); } #mal_cs_otherlinks { background-image: url("http://i.imgur.com/ogmX9qC.png"); right: 38px; z-index: 8; } #mal_cs_otherlinks:hover { background-image: url("http://i.imgur.com/EEGHkbF.png"); } #mal_cs_powered { background-image: url("http://i.imgur.com/ct4BVP5.png"); right: 4px !important; z-index: 7; } #mal_cs_powered:hover { background-image: url("http://i.imgur.com/TUUWtaj.png"); } td#mal_cs_pic a img { display: none; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } #mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered { padding: 32px 0 0 !important; } #mal_cs_listinfo:before, #mal_cs_links:before, #mal_cs_otherlinks:before, #mal_cs_powered:before { z-index: 10 !important; content: ""; right: 0 !important; top: 0 !important; width: 32px !important; position: absolute !important; border-radius: 4px; } #mal_cs_listinfo:after{ background-image: url(http://i.imgur.com/856wzPZ.png); } #mal_cs_links:after{ background-image: url(http://i.imgur.com/rwvRyux.png); } #mal_cs_otherlinks:after{ background-image: url(http://i.imgur.com/fbWr1K4.png); } #mal_cs_powered:after{ background-image: url(http://i.imgur.com/fKvpt1F.png); } #mal_cs_listinfo:after, #mal_cs_links:after, #mal_cs_otherlinks:after, #mal_cs_powered:after { z-index: 10 !important; content: ""; right: 0 !important; top: 0 !important; width: 32px !important; height: 32px !important; position: absolute !important; } #searchBox { width: 128px !important; margin-left: 1px; } #mal_cs_powered #search #searchListButton { right: 15px !important; top: 12px !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { #searchBox { width: 96px !important; } } /* BORDER OF ICONS If you're having trouble seeing the border bottom, lower the height by a pixel or two until you see it. */ #mal_cs_listinfo:before, #mal_cs_links:before, #mal_cs_otherlinks:before, #mal_cs_powered:before, #mal_cs_listinfo:before, #mal_cs_links:before, #mal_cs_otherlinks:before, #mal_cs_powered:before { border-color: ; border-style: ; border-width: ; height: 32px !important; } /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* MAIN BACKGROUND COLOR AND IMAGE By default, there's no image in this part of the code. Its just a background color- silver. (the default image of Black Rock Shooter is in the next code #inlineContent) Change the color to what you want or add an image for a backdrop here. For more info or questions on this code: http://myanimelist.net/forum/?topicid=412787 */ body { background: url(none) white } /* SECOND BACKGROUND (with render) The background behind the list but in front of the main background. By default, for its own image it has the render of Black Rock Shooter (girl). You can change her with another render or even background image here! Make sure you leave the width as large as the image's width. The positioning of the background can be controlled with the % numbers after the background url, but you may need to exapnd the width for more positioning options. All the other codes should be left alone. */ #inlineContent { background: url("https://lh3.googleusercontent.com/-YnpVQJwNx1k/UZH8P5FJEHI/AAAAAAAAAJw/D9a9ixbuiKg/s0-d/19.jpg") center no-repeat; background-size: cover; display: inline-block !important; height: 115% !important; left: 0px !important; margin: auto !important; position: fixed !important; right: 0 !important; top: -2% !important; width: 100% !important; z-index: -1 !important;} /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url(none) no-repeat scroll 50% 0px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 227px; width: 815px; } /* FONT Font used across the whole list. */ body { font-family: arial; } /* LINK COLOR */ a { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #3F1786; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; border-color: #201C3A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .status_selected a:hover { background-color: #B42030; border-color: rgba(148, 0, 24, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* HEADER */ .table_header { background-color: rgba(65, 35, 95, 0.6); } .table_header:first-of-type { border-radius: 3px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:last-of-type { border-radius: 0 3px 0 0; } /* ROWS COLOR */ .td1 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(136, 147, 169, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(151, 164, 183, 0.6); } /* ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba(72, 64, 87, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] +{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(72, 64, 87, 0.6); color: #EEEEEE; } /* HEADER TEXT AND DIMENSIONS */ [class^="header_"] * { font-size: 19px; height: 60px; line-height: 24px; padding-bottom: 4px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15); } /* BOTTOM OF LIST */ #grand_totals { background-color: rgba(72, 64, 87, 0.6); border: 0 none; border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright { background-color: rgba(72, 64, 87, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } I know there is my name on the header of the image. I removed it from the code so you can put yours, or put any other thing. Just search for this in the code /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url(none) no-repeat scroll 50% 0px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 227px; width: 815px; } background: url("http://i44.tinypic.com/15s9esp.jpg") no-repeat scroll 50% 1px transparent; You can also fix the vertical position by changing the "px" value. Hope i help, ;) Edit: The font i used on the header was Rat Infested Mailbox. You can find it here: http://www.dafont.com/pt/rat-infested-mailbox.font |
GklysAug 26, 2015 4:15 AM
Sep 1, 2015 7:09 PM
#241
I would like to request.... Some sort of saber or archer from Fate/stay night Unlimited Blade Works also feel free to shoot me a message or comment on my profile for whoever decides to make this! I would greatly appreciate it! Thank you so Much in advance |
XPyrrhaNikosXSep 1, 2015 7:29 PM
Sep 2, 2015 12:46 PM
#242
Sep 4, 2015 9:52 PM
#243
Sep 5, 2015 1:41 PM
#244
The layout should be the one made by n-Blur (U531355) which displays covers and stuff or just use this as an example. I want it to be edited in a way so that it can display feedback/comments on anime in my list. Also is it possible to remove the top bar which displays watching, completed etc and add this type with animations. Code if you want to check what the animation's like. (I tried creating one myself but it failed miserably but it still display's how I want the watching, completed, on-hold etc section to be like). /* 1) Generated covers */ @import "https://dl.dropboxusercontent.com/u/27076905/Animes/css/covers/anime.css"; /*@import "https://dl.dropboxusercontent.com/u/27076905/Animes/css/covers/manga.css";*/ /* 2) Base layout */ @import "https://dl.dropboxusercontent.com/u/27076905/Animes/css/squareTitleTop.css"; /*@import "https://dl.dropboxusercontent.com/u/27076905/Animes/css/squareTitleBot.css";*/ @import "https://dl.dropboxusercontent.com/u/27076905/Animes/css/fancybox.css"; /* New */ @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/SaoTopbar.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url(http://i.imgur.com/y0t2Pik.jpg); background-position: 0 50%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: candara; } #inlineContent { background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4 !important; } #list_surround { background-attachment: scroll; background-image: url(); background-position: 6% 0; background-repeat: no-repeat no-repeat; background-size: 112% auto; font-size: 81.25%; height: 250px; left: 18%; line-height: 1; margin: 0 auto;; padding-bottom: 10px; padding-top: 229px; position: absolute; top: 0; width: 650px; } .td1, .td2 { transition: background-color 0.5s linear 0s; } td[class^="td"]:nth-of-type(2) { width: 429px !important; } tr:hover .animetitle { color: #ACF6FF; font-weight: bold !important; text-shadow: 2px 1px 2px black; transition: all 0.25s ease 0s; } tr:hover [class^="td"] { background-color: rgba(242, 166, 3, 0.9); transition: all 0.4s ease 0s; } a { color: black; text-shadow: none; } td:nth-of-type(3) { background-image: url("http://i42.tinypic.com/5mjv8.png"); background-position: 14px 2px; background-repeat: no-repeat; background-size: 21px 21px; padding-top: 3px; } tr:hover td:nth-of-type(3) { background-image: url("http://i40.tinypic.com/2me67gz.png"); background-size: 21px 21px; transition: all 0.4s ease 0s; } a:hover { color: red !important; font-weight: bold !important; text-shadow: 1px 1px 1px black !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { border-right: 2px solid white !important; } .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 2px solid white !important; } .table_header:first-of-type { border-left: 2px solid white !important; border-radius: 20px 0 0 0; border-top: 2px solid white !important; } .table_header:nth-of-type(5) { border-right: 2px solid white !important; border-top: 2px solid white !important; } .table_header:nth-of-type(2) { text-align: left; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4), td.table_header:nth-of-type(5) { background-image: url("none"); border-top: 2px solid white; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .table_header, .td1, .td2, .category_totals { background-color: rgba(255, 255, 255, 0.6); border: 0 none; padding: 3px; text-align: center; vertical-align: top; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: #B73C3F; font-weight: bold; } .table_header, .td1, .td2, .category_totals { color: black; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(255, 255, 255, 0.4); border: 2px solid white; border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(196, 30, 14, 0.7); color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(255, 255, 255, 0.4); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected { opacity: 0.8; right: -201px !important; transition: all 0.4s ease 0s; z-index: 0; } .status_not_selected:hover { color: transparent; opacity: 1 !important; right: 2% !important; transition: all 0.4s ease 0s; z-index: 2 !important; } .status_selected, .status_not_selected { display: block; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; opacity: 0; right: 4px; width: 300px; } .header_cw { background-color: transparent; background-image: url("http://i44.tinypic.com/e6vdya.png"); background-position: -26% 59%; background-repeat: no-repeat no-repeat; background-size: 75% auto; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_completed { background-color: transparent; background-image: url("http://i41.tinypic.com/34njjw8.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i43.tinypic.com/fbz70y.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_dropped { background-color: transparent; background-image: url("http://i44.tinypic.com/357j192.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_ptw { background-color: transparent; background-image: url("http://i41.tinypic.com/345d25w.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/33mbj1h.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: block; height: 100px; padding: 0; position: fixed; right: 24px; top: 170px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/2w33igk.png"); right: 24px; top: 270px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/2ibyya1.png"); background-position: 0 0; background-size: 300px 100px !important; height: 100px !important; right: 24px; top: 370px; width: 300px !important; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/2nla7h0.png"); right: 24px; top: 470px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/iqdjpu.png"); right: 24px; top: 570px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/am6002.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; right: 24px; top: 670px; } :hover + .hide { background-color: rgba(255, 255, 255, 0.4); background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 2px; display: block !important; height: 250px; left: 27px; padding: 39px 22px 9px 10px; position: fixed; top: 315px; width: 183px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: 10px; width: 262px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(255, 255, 255, 0.5) !important; border-color: white; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 2px; display: none; height: auto; left: 32px; padding: 10px; position: fixed; top: 634px; width: 183px; } #copyright, #copyright:hover { background-color: rgba(196, 30, 14, 0.7); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } a[href=""], [href=""] { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/6gg481.png"); background-position: left top; background-repeat: no-repeat; color: gold; font-size: 16px; font-weight: bold; padding-left: 23px; text-shadow: 2px 2px rgba(0, 0, 0, 0.8); } Side Note: How can I be notified that my request is completed? |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
Sep 6, 2015 4:51 PM
#245
CG-Silver said: Side Note: How can I be notified that my request is completed? You have the option to "watch" this forum. Don't forget to enable notifications here: http://myanimelist.net/editprofile.php?go=forumoptions There are also not that many people reading this thread. Checking your request every week should work out too.^^ |
Sep 7, 2015 6:37 PM
#246
Yakumichan said: CG-Silver said: Side Note: How can I be notified that my request is completed? You have the option to "watch" this forum. Don't forget to enable notifications here: http://myanimelist.net/editprofile.php?go=forumoptions There are also not that many people reading this thread. Checking your request every week should work out too.^^ Yeah that was my first option so already did that. Thanks (Y) |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
Sep 8, 2015 9:42 AM
#247
BunnyAyuki said: Hi~! I'd like to request a magi themed layout with aladdin, alibaba, and morgiana or a fairy tail themed layout with team natsu! and please dont include a lot of showing body arts like bikinis and trunks. Please and thank you! +1 for Fairy tail ... I would like to request for Fairy tail layout with all characters on background image and also please don't include ecchi images ... |
Sep 9, 2015 3:51 PM
#248
Hello, I like to request an angel beats manga list layout! I allready took a basic design from here and made te pictures but i just cant make it right.. (top) http://i.imgur.com/BpSdCbN.png (background) http://i.imgur.com/IUe4Rbr.jpg (Bottom/mid) http://imgur.com/DmayFRG http://pasted.co/b9736975 This is the code i'm using and i just cant fit the pictures on the places where they should go... Hopefully you guys can help me and make a awesome angel beats manga list! |
Sep 9, 2015 4:41 PM
#249
I want to request a Tokyo Ghoul Layout (that features mainly Touka Kirishima) thanks in advance... If someone takes this up, feel free to message me or comment on my profile. Thanks again |
XPyrrhaNikosXSep 9, 2015 5:04 PM
Sep 14, 2015 9:14 AM
#250
I'd like to request a Natsume Yuujinchou Layout, preferably with Natsume and Madara/Nyanko-sensei, somehwhat pastelcolored and without Covers as my list is already extremly long. Thanks in advance.^^ |
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7812 |
by mtsRhea
»»
Apr 21, 5:25 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |