New
Jun 21, 2013 11:48 AM
#81
Request complete for MysteriouslyMe MysteriouslyMe said: Hi! Can someone please make me any kind of list layout that's colorful? Also can it have like those side buttons which says Completed, Plan to Watch, etc.? Oh, my List Settings will have Numbers, Scores, Ratings, Start/End Dates, and Episodes. Any list is okay. It's up to the makers. Sankyuu! Couldn't make any buttons that fit the background, and you can have everything on except start/end dates if thats ok :) Hope the girl on the left side (You'll see) doesn't bother you :P Preview: ![]() Code: @import "http://dl.dropbox.com/u/78340470/Touhou%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategoryTouhou.css"; body { background-attachment: fixed; background-image: url("http://i42.tinypic.com/k4tv2e.png") !important; background-position: 0 0; background-repeat: no-repeat no-repeat; background-size: cover; color: #FFFFFF; font-family: Candara; font-size: 12px; } #list_surround { left: 28%; margin: auto; position: absolute; width: 550px; } .td1, .td2 { padding: 3px; } .animetitle + small { color: pink!important; } .animetitle + small:before { } null { } td:nth-of-type(2) small { color: pink; font-size: 10px; padding-right: 10px; } td:nth-of-type(2) small a { color: #F0304F; } .td1:nth-of-type(1), .td2:nth-of-type(1) { background-color: rgba(0, 0, 0, 0.5); border-left-style: solid !important; border-left-width: 2px !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { background-color: rgba(0, 0, 0, 0.5); border-right-style: solid; border-right-width: 2px; } .td1:nth-of-type(4), .td2:nth-of-type(4), td.table_header:nth-of-type(4) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); padding-right: 7px; } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(2), .td2:nth-of-type(2) { background-color: rgba(0, 0, 0, 0.5); } a, a:visited { color: #FFFFFF; text-decoration: initial; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: pink; } .table_header { background-color: rgba(0, 0, 0, 0.5); font-size: 10px; padding: 2px; } td.table_header:nth-of-type(1) { border-bottom-right-radius: 0; border-left: 2px solid white !important; border-top: 2px solid white !important; border-top-left-radius: 10px; border-top-right-radius: 0; } td.table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-right: 2px solid white !important; border-top: 2px solid white !important; border-top-left-radius: 0; border-top-right-radius: 10px; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4) { border-top: 2px solid white !important; } .category_totals { background-color: rgba(0, 0, 0, 0.5); border-bottom-style: solid; border-bottom-width: 2px; border-left: 2px solid white !important; border-radius: 0 0 10px 10px; border-right: 2px solid white; font-size: 10px; padding: 2px 2px 2px 40px; } .borderRBL { border-left-style: solid !important; border-left-width: 2px !important; border-right: 2px solid white !important; color: #2030F0 !important; font-size: 11px; padding-left: 39px; } .borderRBL a, .borderRBL a:visited { color: #F0304F !important; text-decoration: initial; } .borderRBL a:hover { color: #F0304F !important; } #copyright { border-radius: 8px 8px 8px 8px; color: #000000; font-size: 11px; margin-bottom: 70px; padding: 2px; position: relative !important; text-align: center !important; top: 10px; width: 650px; } #copyright:after { border-radius: 8px 8px 8px 8px; color: #000000 !important; content: "List Design By Ushioo, Edited By TheHolyPotato" !important; left: -3px; position: absolute !important; top: 40px !important; width: 650px !important; } #copyright a { color: #000000; } #grand_totals { display: none; } td:nth-of-type(2) small a { display: none; } td:nth-of-type(2) small { color: transparent; } [class^="header_"] * { font-size: 0; height: 10px; line-height: 24px; padding-bottom: 4px; text-align: left; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .header_cw { background-color: transparent; background-image: url("http://i39.tinypic.com/2ibzzac.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_completed { background-color: transparent; background-image: url("http://i39.tinypic.com/2wpqx3r.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_onhold { background-color: transparent; background-image: url("http://i40.tinypic.com/oqjgio.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_dropped { background-color: transparent; background-image: url("http://i40.tinypic.com/2ylw9op.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_ptw { background-color: transparent; background-image: url("http://i41.tinypic.com/33a74n8.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_title { background-color: transparent !important; color: transparent; } #copyright { border-width: 2px; border-color: white; border-style: solid; width: 542px; padding-bottom: 47px; background-color: rgba(1,1,1,.5); } #copyright, #copyright a, #copyright:after { color: white !important; } |
Jun 23, 2013 7:29 PM
#82
Request complete for Ovyda Ovyda said: Layout - somewhat similar to my current one http://myanimelist.net/animelist/Ovyda Background - http://i693.photobucket.com/albums/vv294/noidas13/dark-anime-city-pixels-tagged-428709_zpsb6e9bfc8.jpg (if it's not good enough, you can choose something different, but I'd prefer some kind of badass theme with fighters (preferably sword fighters but only those I have seen) Currently Watching (one of these) - http://s693.photobucket.com/user/noidas13/library/Currently%20watching?sort=3&page=1 Completed (one of these) - http://s693.photobucket.com/user/noidas13/library/Completed?sort=3&page=1 On-Hold (Mugen or Lucy) - http://s693.photobucket.com/user/noidas13/library/On-Hold?sort=3&page=1 Dropped (InuYasha or Gintama) - http://s693.photobucket.com/user/noidas13/library/Dropped?sort=3&page=1 Plan to Watch (Shana or BRS) - http://s693.photobucket.com/user/noidas13/library/Plan%20to%20Watch?sort=3&page=1 All Anime - from all the links posted above except dropped ones. If possible use some characters on the background picture as well. If you need more renders, just PM me. Thank you ^^ Through PM, I was told by Ovyda, that it was OK, so this is how it looks: ![]() showing how it is, if you scroll down, a little: ![]() and here is a CSS code for the list layout: @import "https://dl.dropboxusercontent.com/u/144008148/Premade/Requests/Ovyda/Top_bar_without_menu_or_display.css"; @import url(http://dl.dropbox.com/u/49469857/mal/premade/anime.css); /************/ /* -covers- */ /************/ .hide { visibility: hidden; position: absolute !important; display: block !important; left: 584px !important; margin-top: -12px !important; width: 0px !important; height: 0px !important; transition: width .5s ease-in-out, height .5s ease-in-out .5s; -o-transition: width .5s ease-in-out, height .5s ease-in-out .5s; -moz-transition: width .5s ease-in-out, height .5s ease-in-out .5s; -webkit-transition: width .5s ease-in-out, height .5s ease-in-out .5s; border: solid 1px #ffffff; background-repeat: no-repeat !important; background-size: 105% 105%; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 16px brown, inset 0 4px 5px rgba(200, 5, 0, .6), inset 0 1px 0 rgba(200, 5, 0, .6); -moz-box-shadow: 0 0 16px brown, inset 0 4px 5px rgba(200, 5, 0, .6), inset 0 1px 0 rgba(200, 5, 0, .6); -webkit-box-shadow: 0 0 16px brown, inset 0 4px 5px rgba(200, 5, 0, 0.6), inset 0 1px 0 rgba(200, 5, 0, 0.6); z-index: 15; } :hover + .hide { visibility: visible !important; width: 140px !important; height: 182px !important; } /***************************/ /* Highlight Rows on Hover */ /***************************/ tr:hover [class^="td"] { background-color: red; } body { background:url(http://img19.imageshack.us/img19/5959/6b5r.jpg) no-repeat fixed 0 0 black; background-size: 100% 100%; } /* LIST FONT These codes control the font on the list itself (anime titles, etc). */ * { border:0 none; color:#DBDBDB; font-family:Verdana; font-size:9px; font-weight:normal; text-decoration:none; } /* BANNER This controls the image at the top that by default says "Phantom". You can replace the background image link in parenthesis with your own banner image you upload to a image hosting site like Tinypic.com! If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315 */ #list_surround .header_title { background:url(http://img849.imageshack.us/img849/2743/wiuw.png) repeat scroll 0 0 transparent; height: 169px; left: -283px; padding: 25px; position: absolute; top: -229px; width: 819px; background-size: 100% 100%; opacity: 0.99; } /* LEFT SIDE BUTTONS These codes control the buttons on the left side. You can replace these images as well for your own custom buttons! The first controls the Currently Watching panel, followed by Completed, On Hold, Dropped, Planned, and then All. You can replace the background image links of these buttons in parenthesis with your own images you upload to a image hosting site like Tinypic.com! If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315 */ #list_surround .status_selected, #list_surround .status_not_selected { display:block; height:130px; left:-284px; top:0; width:273px; background-attachment: scroll !important; background-image: url("http://imageshack.us/a/img94/4958/2ab.png"), url("http://img9.imageshack.us/img9/2001/qhm5.png"); background-position: 0 0, 0 0; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; display: block; height: 130px; left: -284px; top: 0; width: 273px; background-color: rgba(255,255,255,0.1); position: absolute; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background: url("http://imageshack.us/a/img837/7196/mzh1.png"), url(http://img4.imageshack.us/img4/4790/jvx.gif); top:140px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background: url("http://imageshack.us/a/img405/1227/rxr.png"), url(http://img62.imageshack.us/img62/5626/ei00.png); top:280px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background: url("http://imageshack.us/a/img29/2406/pr9s.png"), url(http://imageshack.us/a/img593/8415/hq3.gif); top:420px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background: url("http://imageshack.us/a/img43/7956/w6f.png"), url(http://img842.imageshack.us/img842/4986/u8cm.png); top:560px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background: url("http://imageshack.us/a/img259/5269/qhu6.png"), url(http://img823.imageshack.us/img823/5280/bdc.gif); top:700px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } /* HEADERS */ #list_surround .header_cw { background:url(http://i40.tinypic.com/11tq78o.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_completed { background:url(http://i42.tinypic.com/n539z7.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_onhold { background:url(http://i44.tinypic.com/b90sy.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_ptw { background:url(http://i43.tinypic.com/sdioar.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_dropped { background:url(http://i41.tinypic.com/160wut.jpg) no-repeat scroll 0 0 transparent; } /* OTHER CODES */ a:hover { text-decoration:underline; } .td1, .td2, .category_totals { background: rgba(0, 0, 0, 0.6); } .category_totals { border-radius: 0 0 8px 8px !important; } td,td1 [class^=".table_header"] { background: rgba(0, 0, 0, 0.6); } #list_surround { height:100%; left:141px; margin:239px auto 30px; position:relative; width:584px; margin-bottom: 100px; } #list_surround .status_selected { background-color: rgba(255,0,0,0.6) !important; border: 1px solid yellow !important; } #list_surround .status_not_selected { border: 1px solid transparent !important; } #list_surround .status_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround .status_not_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround br { display:none; } #list_surround .header_title span { color:#000000; font-size:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { margin-left:-1px; padding:23px 5px 5px; width:586px; } #list_surround .animetitle + small { color:#00FF00; } #list_surround .category_totals { text-align:center; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #292929; border-left: 1px solid #292929; border-bottom: 1px solid #292929; } #list_surround #grand_totals { text-align:center; } /********************/ /* Grand Total Area */ /********************/ #grand_totals { border: 0 none; border-radius: 3px 3px 3px 3px; line-height: 20px; min-height: 20px; padding: 4px; text-align: center; vertical-align: middle; padding-bottom: 20px; padding-top: 30px; color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue; } #grand_totals span { color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue; } #mal_cs_listinfo a strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal; font-weight: normal; text-decoration: underline; text-transform: none;} #mal_cs_otherlinks strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal; } .borderRBL { color: cyan !important; } #list_surround .header_title span { display:none; } #list_surround .status_not_selected a { opacity:0; } #list_surround .status_selected a { opacity:0; } /******************/ /* Copyright Info */ /******************/ #copyright { background-color: rgba(200, 5, 200, .9); border-radius: 5px 5px 5px 5px; color: white !important; display: block !important; margin-top: 0; opacity: 0.8; padding: 5px; z-index: 1; } /*****************/ /* Style Credits */ /*****************/ #copyright:before { background-color: none; border-radius: 5px 5px 0 0; color: gold !important; content: "CSS Style, or the whole layout code, created by Monsterguy, after a premade design from Drize."; margin-bottom: 12px; display: block !important; padding: 0; text-align: center; white-space: pre; z-index: 1; } /*************/ /* -Borders- */ /*************/ table tbody tr .td1:first-of-type, table tbody tr .td2:first-of-type { border-left: 1px solid #292929; } table tbody tr .td1:last-of-type, table tbody tr .td2:last-of-type { border-right: 1px solid #292929; } td.table_header:first-of-type { border-left: 1px solid #292929; } td.table_header:last-of-type { border-right: 1px solid #292929; } |
MonsterguyJul 2, 2013 8:41 AM
Jul 5, 2013 8:51 PM
#83
Request complete for HandSonicvI HandSonicvI said: Hi! I would absolutely LOVE a Kingdom Heart's list layout! Woah didn't even know you posted a request in here o.o well I guess I'll just post the code here so others can use it too. Preview: ![]() Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropbox.com/s/t8g8i1udpkj07zs/mal_pic.css"; @import "https://dl.dropbox.com/s/a78vf2039ehur7b/KingdomHeartsTopBar.css"; body { background-attachment:fixed; background-image:url(http://i42.tinypic.com/5sn48.png) !important; background-position:0 0; background-repeat:no-repeat no-repeat; background-size:cover; color:#FFFFFF; cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; font-family:Candara; font-size:12px; } #list_surround { cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; left:32%; margin:auto; position:absolute; width:550px; } .td1, .td2 { background-attachment:scroll; background-color:rgba(0, 0, 0, 0.901961); background-image:none; background-position:0 0; background-repeat:repeat repeat; padding:3px; } .animetitle + small { color:#7A95FF !important; } td:nth-of-type(2) small { color:#FFFFFF; font-size:10px; padding-right:10px; } td:nth-of-type(2) small a { color:#FFFFFF; } .td1:first-of-type, .td2:first-of-type { border-left-style:solid !important; border-left-width:2px !important; } .td1:last-of-type, .td2:last-of-type { border-right-style:solid; border-right-width:2px; color:#FFFFFF; } td.table_header:nth-of-type(3) { padding-right:7px; } a, a:visited { color:#FFFFFF; text-decoration:initial; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color:#FFBF00; } .table_header { background-color:rgba(0, 0, 0, 0.901961); border-top-color:#FFFFFF; border-top-style:solid; border-top-width:2px; font-size:10px; padding:2px; } td.table_header:first-of-type { border-left-color:#FFFFFF !important; border-left-style:solid !important; border-left-width:2px !important; border-top-color:#FFFFFF !important; border-top-left-radius:10px; border-top-style:solid !important; border-top-width:2px !important; } td.table_header:last-of-type { border-right-color:#FFFFFF !important; border-right-style:solid !important; border-right-width:2px !important; border-top-color:#FFFFFF !important; border-top-right-radius:10px; border-top-style:solid !important; border-top-width:2px !important; } .category_totals { background-color:rgba(0, 0, 0, 0.901961); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-bottom-style:solid; border-bottom-width:2px; border-left-color:#FFFFFF !important; border-left-style:solid !important; border-left-width:2px !important; border-right-color:#FFFFFF; border-right-style:solid; border-right-width:2px; border-top-left-radius:0; border-top-right-radius:0; font-size:10px; padding:2px 2px 2px 40px; } .borderRBL { border-left-style:solid !important; border-left-width:2px !important; border-right-color:#FFFFFF !important; border-right-style:solid !important; border-right-width:2px !important; color:#2030F0 !important; font-size:11px; padding-left:39px; } .borderRBL a, .borderRBL a:visited { color:#F0304F !important; text-decoration:initial; } .borderRBL a:hover { color:#F0304F !important; } #copyright { background-color:rgba(1, 1, 1, 0.498039); border:2px solid #FFFFFF; border-bottom-left-radius:8px; border-bottom-right-radius:8px; border-top-left-radius:8px; border-top-right-radius:8px; color:#FFFFFF; display:block; font-size:11px; margin-top:0; padding:2px; position:relative !important; text-align:center !important; top:10px; } #copyright::after { content:'List Design By Ushioo, Edited By TheHolyPotato' !important; display:block; margin-top:20px; text-align:center !important; } #copyright a { } #grand_totals { display:none; } td:nth-of-type(2) small { color:transparent; } [class^="header_"] * { font-size:0; height:10px; line-height:24px; padding-bottom:4px; text-align:left; vertical-align:bottom; } .header_cw { background-image:url(http://i44.tinypic.com/oau2rr.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_completed { background-image:url(http://i39.tinypic.com/jqru3r.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_onhold { background-image:url(http://i42.tinypic.com/2i1cvbn.jpg); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_dropped { background-image:url(http://i39.tinypic.com/22ywpf.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_ptw { background-image:url(http://i39.tinypic.com/2yy6yyd.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } #copyright, #copyright a, #copyright::after { color:#FFFFFF !important; } a { color:#FFFFFF; cursor:url(http://myanimelist.net/animelist/i40.tinypic.com/5d4hnm.png), auto; text-decoration:none; text-shadow:none; } #inlineContent { cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; display:inline-block !important; height:3000px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:3000px !important; z-index:-1 !important; } a:hover { cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i41.tinypic.com/24o3evk.png); background-position:0 0; 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:-8px; top:50px; 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://i43.tinypic.com/30ijs5u.png); background-repeat:no-repeat no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:142px; } #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/2mzci01.png); top:235px; } #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://i39.tinypic.com/2vw9z6s.jpg); background-repeat:repeat repeat; top:328px; } #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://i43.tinypic.com/ff7p8x.jpg); top:421px; } #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://i40.tinypic.com/wjxg5x.jpg); background-position:0 0; background-repeat:no-repeat no-repeat; border-bottom-left-radius:20px; border-bottom-right-radius:20px; top:513px; width:300px; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; opacity:0.75; right:-95px !important; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.25s ease 0s; color:transparent; opacity:1; right:-8px !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:90px; opacity:0; width:300px; } .status_selected { display:block; } .status_not_selected { display:block; } #list_surround:nth-of-type(n+4) tbodysmall { visibility: hidden; font-size: 0px; } #list_surround:nth-of-type(n+4) tbody small a:last-of-type { display: none !important; } #list_surround:nth-of-type(n+4) tbody:hover small a:first-of-type { background-color: rgba(1, 1, 1, 0.7); border-left: 2px solid #FFFFFF !important; display: block !important; position: absolute !important; left: -38px !important; width: 31px; visibility: visible; border-radius: 5px 0 0 5px; border-top: 2px solid #FFFFFF !important; border-bottom: 2px solid #FFFFFF !important; padding-left: 5px; margin-top: -5px; height: 17px; padding-top: 3px; font-size: 11px !important; } |
TheHolyPotatoJul 5, 2013 9:00 PM
Jul 9, 2013 3:15 PM
#84
Request complete for FreakGirl FreakGirl said: Hey, I want an "denpa onna to seishun otoko" list. Please use this as a background: http://images3.alphacoders.com/265/265655.jpg I want the list on the right side on the pic, and it need to be adjusted to those settings: ![]() Please don't make the list too bright, dark colors will be great! Hope it's ok. :) ![]() Code @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/topbarreduxdarkblue.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i39.tinypic.com/scf7zk.jpg"); background-position: 33% 0%; background-repeat: no-repeat no-repeat; background-size: cover; } #inlineContent { background-image: url(""); 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; } #list_surround { background-attachment: scroll; background-image: url(""); background-position: 50% 0; background-repeat: no-repeat no-repeat; font-size: 14px; height: 200px; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 80px; position: absolute; right: 10px; width: 750px; } small { color: #E80083; font-weight: bold; text-shadow: 1px 2px 3px black; } a { color: #FFFFFF; text-shadow: none; } a:hover { color: #007FE8; text-shadow: 1px 2px 5px black; } .table_header:first-of-type { border-radius: 0 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } tr:hover [class^="td"] { background-image: url("https://dl.dropbox.com/s/mh1xxfqpkpebxm8/hl2.png"); background-size: 100% 100%; } tr:hover [class^="td"]:first-of-type { background-image: url("https://dl.dropbox.com/s/1brcvy03yoln0eu/hl3.png"); } tr:hover [class^="td"]:last-of-type { background-image: url("https://dl.dropbox.com/s/p58vjxqufjitetw/hl4.png"); } .table_header, .td1, .td2, .category_totals { background-color: rgba(1, 42, 106, 0.9); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .table_header, .td1, .td2, .category_totals { color: white; } [cellspacing="0"] { line-height: 17px; } .category_totals { border-radius: 0 0 6px 6px; text-align: center; } .category_totals:hover { background-color: rgba(104, 156, 232, 0.7); color: #FFFFFF; } [class^="header_"] * { font-size: 51px; line-height: 0; margin-top: 20px; padding-bottom: 0; vertical-align: bottom; } .header_title { background-color: rgba(1, 42, 106, 0.9); border-radius: 6px 6px 0 0; color: white; font-style: normal; height: 40px; padding-left: 60px !important; text-align: left; text-shadow: 4px 4px 5px #007FE8; width: auto; } #grand_totals { background-color: rgba(1, 42, 106, 0.9); 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; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected:hover { color: white !important; opacity: 1; transition: all 0.4s ease 0s; } .status_not_selected, .status_selected { background-color: rgba(1, 42, 106, 0.9); border: 0 none !important; border-radius: 0 0 0 0; height: auto !important; padding: 4px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(64, 10, 50, 0.8); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(255, 2, 8, 0.7); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: rgba(51, 82, 199, 0.8); border-color: rgba(55, 32, 228, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: white; 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); } #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 { } |
Jul 10, 2013 10:47 AM
#85
Request completed for Nose_Bleed Nose_Bleed said: I'll try and be as specific as i can so if someone does accept this they won't have much trouble knowing what i am looking for. I want an anime layout based off This one. (links to the layout's main topic and all the codes in case anyone needs) http://i.imgur.com/9GugABa.png Codes: But i want it to be Little Busters themed instead of Madoka Magica in this case. I really love the side buttons and the way the list is displayed with small thumbnails for each anime so I want to keep all that, even the list colors with tones of blue fits perfectly with Little Busters. No costum cursors either. The only real change is just the Theme. My favorite characters from the anime are: 1st- Noumi kudryavka 2nd - Rin Natsume 3rd - Haruka Saigusa 4th - Komari Kamikita 5th - Mio Nishizono This is just as a suggestion for the side buttons. Just giving insight on my favorites. I wouldn't mind something with all the main characters for the "All Anime" Button either as in: This (taken from the visual novel) That's the main request I have. Additionally (not mandatory) In the layout page i referred to there's an option for a rotating character layout and as i read through the CSS code i noticed there's an option for a main and secundary background, one of which is the character displaying and the other is just a regular background so the character changes with refreshing, and if possible (not mandatory) if someone can make a rotating background, changing between each main heroine as the page is refreshed it would really be amazing, but then again it's not a priority for me. Thank you so much if anyone takes the time and has the patience to fulfill the request, i'll be forever grateful! ^^ Had surprisingly a hard time with this layout. Sadly couldnt find any good wallpaper with blue tones so had to go with this, sorry. Anyway hope it's still ok. Click preview to get code ![]() |
SylakentHJul 10, 2013 12:08 PM
Jul 14, 2013 6:20 AM
#86
SylakentHJul 15, 2013 8:28 AM
Aug 3, 2013 7:37 AM
#87
Aug 5, 2013 4:10 PM
#88
Request complete for Kiyori Kiyori said: Hello :) I would like to request an anime list ( containing anime title, score, type and progress) with this Rin Okumura (Ao no Exorcist)] picture. I don't mind how it's done, but I'd like the colour scheme to be dark ( like blue/ black ) - fitting to the wallpaper. Something like that would be really great , although I'm not 100% sure about it with my Rin Okumura wallpaper. Just make it a good looking one, please ( of course feel free to contact me! ) ^^ Whoever will make this request for me I will be veeery grateful ;D I have tried making a layout and I hope you will like it! Click on the picture for the code :) |
nymphiaeJan 2, 2017 7:31 PM
Aug 9, 2013 8:53 PM
#89
nymphiaeJan 2, 2017 7:31 PM
Aug 22, 2013 11:01 AM
#90
Request complete for hatomike hatomike said: Hi ! I'm here because i realy need a custom layout for my Anime list ^^' What i want is realy easy to make (I think..). I just want this one: http://myanimelist.net/forum/?topicid=412787 But with some differnet things. I want the layout to the left and i want anime's cover when my cursor is on the anime's title. And By the way, I need the possibility to change the background with URL, I want to place my background. ( http://myanimelist.net/animelist/hatomike ) I think this is not complicated.. Maybe ? ^^' I'm very sorry for my bad english, I'm french.. Thanks a lot if you take ma request ! :D Here's the code :) |
nymphiaeJan 2, 2017 9:08 PM
Aug 25, 2013 6:55 PM
#91
Request complete for pparo pparo said: No bbcode makes Jack a dull boy... Hello there. I've been lurking around the club for a while now and finally decided to step in and request a layout. I'm quite a fan of minimalism and would like a list that shows that. Currently I have the default lists which could be considered to be minimalistic, but being that and aesthetically pleasing is not so simple to achieve and unfortunately that's the case for the list styles offered by MAL. One other request, if you could please make a separate style for my manga list. It doesn't have to be a new design, in fact I'd prefer it if it was just a different color scheme. For some reason, I can't stand it when my anime and manga lists have the same style. Thanks in advance to anyone willing to pick this vague request up! I hope it's minimal enough. xD anime list code manga list code |
nymphiaeJan 2, 2017 9:07 PM
Aug 26, 2013 1:17 PM
#92
Request complete for Levelev Levelev said: make me a Date a live layout? i want the background to change everytime the category changes. i also want it to have mini reviews and DVD cover on my list This list is only made for 1366 x 768 resolution so on other screens it will look messed up :/ Hope thats ok. Also in your list settings have them on (Numbers, score,tags,type) @import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css"; @import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/Colors/Scheme.css"; @import "http://fonts.googleapis.com/css?family=Rosario"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; body { font-family:Rosario; } .header_title { background-color:transparent; color:white; font-size:26px; } .animetitle, .animetitle:visited { color:white; font-size:22px; } .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-size:15px; } .td1[align="center"][width="45"], .td2[align="center"][width="45"] { color:white !important; font-size:40px; left:500px; margin-top:64px; position:absolute; width:70px; } .td1[align="center"][width="45"] a, .td2[align="center"][width="45"] a { color:white; font-size:40px; } .td1[align="center"][width="45"]::before, .td2[align="center"][width="45"]::before { color:white; content:' My Score '; font-size:15px; } td:nth-of-type(6) a { color:white; content:' My Score '; font-size:15px; } #list_surround { width:600px; } #list_surround { left:-700px !important; position:absolute !important; } #list_surround { background-image:none; } .hide { background-position:0 0; background-repeat:no-repeat no-repeat; background-size:cover; border:2px solid white; display:inline-block !important; height:157px; margin-bottom:3px; margin-left:13px; margin-top:3px; position:relative; width:112px !important; } body { background-attachment:fixed; background-position:0 0; background-size:cover; } .table_header:nth-of-type(3) { background-color:transparent; position:absolute; right:24px; top:87px; width:106px; } .table_header:nth-of-type(3) { } .table_header:nth-of-type(3)::before { color:white; content:' Sort by: '; font-size:14px; font-weight:normal; } td:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; height:146px !important; margin-left:-456px; margin-top:45px; position:absolute; width:359px; } body { background-repeat:no-repeat no-repeat; } #list_surround { left:0; margin:auto; position:absolute; right:0; } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:none; border-width:0; padding:2px; } .category_totals:hover, .td1:hover, .td2:hover, #grand_totals:hover, #copyright:hover { border-width:0; padding:2px; } #copyright::after { } .status_selected { color:white; padding:2px; text-decoration:blink; } .status_not_selected { color:white; padding:2px; } .status_selected a { color:transparent; font-size:0; } .status_not_selected a { color:white; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-color:black; display:none; height:20px !important; margin-top:0; padding-top:0 !important; width:100px; } .thickbox { color:#00FFFF; font-size:12px; } .header_title { height:32px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { margin:0 auto; text-align:center; } .table_header:nth-of-type(6) { display:none; } #inlineContent { background-image:url(http://i39.tinypic.com/2exr03p.png); background-position:50% 50%; background-repeat:repeat no-repeat; bottom:0; display:block !important; height:80px; left:0; margin-bottom:0; position:fixed; width:100%; z-index:-1; } td:nth-of-type(6) small { content:' Edit Review '; font-size:0; height:20px; margin-left:17px; margin-top:-12px; position:absolute; } .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:teal !important; background-image:url(http://i41.tinypic.com/2zthyck.png) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:orange !important; background-image:url(http://i42.tinypic.com/2eb76s0.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:white !important; background-image:url(http://i43.tinypic.com/2uo4bwi.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:#FFC0CB !important; background-image:url(http://i44.tinypic.com/okzt3t.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } td:nth-of-type(6) small::after { content:' Review '; font-size:13px !important; } .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:purple !important; background-image:url(http://i43.tinypic.com/2jbo45j.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected a, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected a, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected a, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected a, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected a, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected a, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected a { display:none; } |
Shishio-kunOct 4, 2013 11:02 AM
Aug 26, 2013 1:43 PM
#93
Request complete for MissMousekewitz MissMousekewitz said: Hello. Can I please request a Yotsubato! theme for my manga list? I would like it to have the same layout as the style I use for my anime list (with the picture on the left). http://myanimelist.net/animelist/MissMousekewitz And the colour scheme and images I leave up to you and your creativity. Thank you in advance to the lovely person who takes up my request. Thank you~ I have only changed the color scheme and background image, I hope that's what you were looking for ^^ click on the preview pic for the code! |
nymphiaeJan 2, 2017 9:07 PM
Aug 28, 2013 4:58 AM
#94
nymphiaeJan 2, 2017 9:02 PM
Sep 17, 2013 3:25 PM
#95
Request complete for Ciara Ciara said: Third time's a charm, I guess. I'd like to ask for Utena themed anime list featuring either of those two (I hope the links work): Exhibit A - http://imageshack.us/a/img4/9176/ey8z.jpg Exhibit B - http://imageshack.us/a/img841/7058/lwo4.jpg Rest is up to you, altough I prefer simpler designs and don't like red colour ^^ Thank you! I hope you like it :) here's the code! |
nymphiaeJan 2, 2017 9:16 PM
Sep 26, 2013 1:14 AM
#96
Request complete for Zubblan Zubblan said: Hey! I would like to request a Date A Live layout. Preferably with this as background: https://archive.nyafuu.org/foolfuuka/boards/w/image/1369/03/1369037218088.png and the category links in the same way as in this layout: http://myanimelist.net/forum/?topicid=606489 It would be nice if it had covers and if possible I would like to use the same layout for my manga list. If that's impossible that's fine. Other than that it's all up to you. Thanks in advance! preview (click on the pic to get the code): |
nymphiaeJan 2, 2017 9:20 PM
Sep 26, 2013 1:10 PM
#97
Request complete for xPhantomhive xPhantomhive said: Hello. When you said "(b) an existing premade layout with a new anime/game/character/etc theme of your choice." you meant from this topic, right? http://myanimelist.net/forum/?topicid=516707 edit by shishio: I meant this topic actually for future reference, its linked in the front post: http://myanimelist.net/forum/?topicid=318587 I'm probably one of the biggest Attack on Titan and Fulmetal Alchemist: Brotherhood fans out there. Am I allowed to make two requests? If possible of course. I was thinking about an attack on titan theme for my Anime list (can have all characters or only one, like Eren and Mikasa. Or any Attack on Titan theme would be cool using the Ef a Tale of memories list design. And as for my manga list, I want a FMA Brotherhood layou. (All characters or maybe only Ed and Al, Ed and Winry or Mustang. Which ever one's easiest. With the same Ef a Tale of memories kind of design.) Thank you in advance!! click on the pics for the codes! |
nymphiaeJan 2, 2017 9:35 PM
Oct 12, 2013 12:42 PM
#98
Request complete for Adespota Adespota said: Hey there everyone! I have made my own anime list layout, but want something a little different and more unique! I love the style of Hime-sama’s and jirawaa22’s because of the buttons and the icons that go with them and I love the colours and complexity. I was kind of looking into one of similar layout only for me and in the style of an Ao No Exorcist theme. I have some pictures that I will include below and I hope that you take my request in interest. For the button thumbnails I would love to have the following characters in order: 1 (Watching) Rin Okumura (http://i41.tinypic.com/29qgp68.png) 2 (On Hold) Yukio Okumura (http://i40.tinypic.com/w82449.jpg) 3 (Dropped) Shiemi Moriyama (http://i42.tinypic.com/2dl20if.jpg) 4 (Completed) Shura Kirigakure (http://i44.tinypic.com/2czc1mu.png) 5 (Plan to Watch) Ryuji Suguro (http://i40.tinypic.com/w82449.jpg) And would it be too much to ask if you were to put a larger version of them in a pose at the top stating what topic the page is on (Watching, Dropped, etc.) You don’t have to and if you aren’t able to, that is completely understandable, but I would urge to ask if you could you use these pictures of them edited with the same blue glow around them as the first picture has? I like the idea of what Kiyori had, but in no way do I wish to copy their idea. A background like this (http://i40.tinypic.com/4rdrn5.png) would be awesome too. I like the colour theme to match the theme of the pictures if you could do that and I like fonts that are striking, yet easy to read. Anything else is up to the creator. Again, these are merely encouraged suggestions; if anything seems too difficult, you may refrain from doing so. I just want to see what beautiful work you can do. ;) Ok, I've changed the pic for Shiemi because I couldn't do much with one you provided, I hope that's ok ^^; preview (click on the pic for the code): |
nymphiaeJan 2, 2017 9:45 PM
Nov 13, 2013 8:13 AM
#99
Dec 1, 2013 4:26 PM
#100
Request complete for Aryaragi Aryaragi said: It would be great if someone could make me an "Aria the origination" list in the style of the list here. click on the pic for the code |
nymphiaeJan 2, 2017 10:04 PM
Dec 4, 2013 10:02 PM
#101
Request Complete for ar4can7he ar4can7he said: I would like to request an anime list layout using either Gun Gale Online pics, (but you may lack materials on it) or Darker than Black theme (especially focused on Hei). If it can integrate buttons (similar to my manga list) it would be great :) Thanks in advance for your work! One of my favorite ones so far. Preview: Code: @import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css"; @import "http://fonts.googleapis.com/css?family=Raleway"; body { background-attachment:fixed !important; background-image:url(http://i40.tinypic.com/2a7gcoy.jpg); background-position:0 0; background-size:cover; } #list_surround { left:5% !important; position:absolute !important; } #inlineContent { display:inline-block !important; height:1200px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:500px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i41.tinypic.com/2egb4gm.png); 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:Raleway; } 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:20px; } .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:20px; 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:20px; transition:all 0.25s ease-in-out 0s; } tr:hover [class^="td"] { background-color:rgba(0, 150, 250, 0.8); } .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:20px; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:20px; } .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; 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: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:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } .animetitle + small { color:#F5B800 !important; text-shadow:black 1px 1px; } #copyright::after { } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/QpgjDDm.jpg); 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/J6lX64E.jpg); 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/oMNIdtn.jpg); 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/xhzvNZH.jpg); 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/C7gX6iR.jpg); 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/ti8Q58A.jpg); 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; } |
Dec 5, 2013 7:46 AM
#102
Request complete for Syrosu Syrosu said: Hey, I have a request for a list themed on 5 Centimeters per Second most specifically the scenery. If you can, I would like the list to be small and to the side, mostly transparent (not completely) and for most of the screen to be taken up by the background. Thanks in advance. まかせて! / Leave it to me! :3 First of all go to your list settings and check the boxes like this: http://i.imgur.com/rfx1uYQ.png click on the preview for the code P.S. I hope that pic is from 5 centimeters per second (Google said it was xD) |
nymphiaeJan 2, 2017 10:12 PM
Dec 6, 2013 4:22 PM
#103
Dec 23, 2013 2:55 PM
#104
Request complete for Ryuuguu_Azaka Ryuuguu_Azaka said: Hello there. I'd like to request layout with Saki series theme. I am talking about this series: http://myanimelist.net/manga/6310/Saki. Preferable main character in this theme would be Miyanaga Teru (http://myanimelist.net/character/24468/Teru_Miyanaga), but I am fine with her or the main cast too. Any style is generally fine with me until it will look good with filled tags section on the list. Present one seems to be kinda bugged with it but I loved it anyway so I was fine with that ;) Also it doesn't have to be complicated one too. Simple layout is fine tho. Taking this one :) Sorry for waiting~~~ (I had to render the image so it took me more time xD) click on the preview for the code |
nymphiaeJan 2, 2017 10:34 PM
Jan 16, 2014 3:58 PM
#105
Request complete for Evil_Mastermind Evil_Mastermind said: Hello, guys. I hope I'm not troubling you now (I see how many requests you have), but I would like you to make me a simple list layout of Sasha Blouse (http://myanimelist.net/character/45887/Sasha_Blouse), if you can ofc (Since my photoshop skills are horrible, nvm). List should be simple, I'm not a reviewer or anything. Thanks in advance. :) Sasha <3 click on the preview for the code |
nymphiaeJan 2, 2017 10:44 PM
Jan 19, 2014 12:08 PM
#106
Request complete for masamilow masamilow said: I would like to request a Nisekoi theme with Chitoge on the background. Any style also can. Thanks. I've made something similar to your current layout~ click on the preview for the code if someone wants to use it for their manga list, here's the code |
nymphiaeJan 2, 2017 10:57 PM
Jan 20, 2014 10:47 AM
#107
Request complete for onyxdaman onyxdaman said: I'd like to make a request for a Date A Live themed list style, featuring Kotori. I would like the colours to be bright and clean, it'd be best if it was simple, something like this would be great. http://myanimelist.net/forum/?topicid=588497 Thanks in advance. click the image for the code! 。◕‿◕。 |
nymphiaeJan 2, 2017 11:09 PM
Jan 28, 2014 10:45 AM
#108
Request complete for Mai_san Mai_san said: I would like a Tatami Galaxy anime list please. http://myanimelist.net/anime/7785/Yojouhan_Shinwa_Taikei I would also like to show the covers of the anime when I hover with my cursor (https://dl.dropboxusercontent.com/u/157876048/Maioula_anime.css) And the tags box kinda like the way I have it right now. http://myanimelist.net/animelist/Mai_san Anything else is up to the creator ^_^ It would be great if it looked kinda artistic though. Thank you for everything in advance I haven't watched this so I don't know if I hit the artistic look, but I hope it's alright. xD click the image for the code :3 |
nymphiaeJan 2, 2017 11:19 PM
Feb 9, 2014 4:49 PM
#109
Request complete for itazuranamelody itazuranamelody said: I want a list like this: http://myanimelist.net/forum/?topicid=606489 You can choose the theme, since I'm an indecisive person :P Preview: http://i58.tinypic.com/16blf0o.jpg Code: @import "http://dl.dropbox.com/u/102421246/MAL/CSS/AnoHanaCustom2/topbarAnohana.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; /* MAIN BACKGROUND */ body { background-attachment:fixed; background-clip:border-box; background-color: transparent; background-image: url(http://static1.wikia.nocookie.net/__cb20130901214505/narutofanon/images/3/31/Anime-sky-309110.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* SECONDARY BACKGROUND */ #inlineContent { background: url("http://th01.deviantart.net/fs71/PRE/i/2013/240/3/c/haruhi_suzumiya_vector_by_leek128-d2kpa7r.png") no-repeat scroll right bottom transparent; 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; background-size: contain !important; } /* LIST BACKGROUND COLOR, ROW HEIGHT AND FLASH */ .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(0, 0, 255, 0.4); } /* SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-image:url(http://i.imgur.com/t2xTxIN.gif); background-color:rgba(0, 0, 255, 0.5); background-position:0 0; 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; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/sLZmQ2j.gif); background-position:100% 0; top:140px; } #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-image:url(http://i.imgur.com/iDBSOYj.gif); background-position:0 0; top:260px; } #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-image:url(http://i.imgur.com/TEGn8a3.gif); background-position:100% 0; top:380px; } #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-image:url(http://i.imgur.com/wSNqdKa.gif); background-position:0 0; top:500px; } #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-image:url(http://i.imgur.com/2brPssb.png); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/UHhsdX7.png"); background-position: 50% 125px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/j3IMmvz.png"); background-position: 70% 125px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -110px; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/SFyoAx0.png"); background-position: 70% 125px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -110px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/8Ps0FJM.png"); background-position: 70% 125px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -110px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/VqIPmFQ.png"); background-position: 70% 125px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -110px; } /* TOP COLORS */ .table_header { background-color: rgba(0, 0, 255, 0.5); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES */ #list_surround { background-attachment:scroll; background-color:transparent; background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:50px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } 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; text-align:center; vertical-align:top; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(0, 0, 255, 0.5); 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; 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:rgba(0, 0, 255, 0.6); 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 { background-color:rgba(25, 225, 255, 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(25, 225, 255, 0.7); 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:7px; 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; } .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } .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-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .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; } .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 { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; top: 100px important; } .animetitle { font-weight: bold;} .animetitle + small { color: rgba(25, 225, 255, 1) !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .table_header:nth-last-of-type(2) { border-radius: 0 10px 0 0;} .td1:nth-of-type(6), .td2:nth-of-type(6){ background-color: transparent !important; font-family: helvetica;} td:nth-of-type(6) small { font-size: 0; color: cyan; left: 42px; position: relative; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Tags" } @media screen and (-webkit-min-device-pixel-ratio:0) { .td1:nth-of-type(2), .td2:nth-of-type(2){ width: 73% !important; } .animetitle { padding-left: 5px; } } /* Media query for devices above 1000px */ @media all and (min-device-width:1001px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -270px;} #list_surround { left: 24% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important; padding-top: 8px;} } /* Media query for devices above 1024px */ @media all and (min-device-width:1025px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -300px;} #list_surround { left: 17% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important;} } /* Media query for devices above 1140px */ @media all and (min-device-width:1141px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -290px;} #list_surround { left: 17% !important; width: 850px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 530px !important;} } /* Media query for devices above 1280px */ @media all and (min-device-width:1281px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -330px;} #list_surround { left: 18% !important; width: 900px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 575px !important;} } /* Media query for devices above 1440px */ @media all and (min-device-width:1441px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -385px;} #list_surround { left: 17% !important; width: 960px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 635px !important;} #list_surround { background-position: center -40px;} } /* Media query for devices above 1680px */ @media all and (min-device-width:1681px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -430px;} #list_surround { left: 16% !important; width: 1050px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 720px !important;} } /* Media query for devices above 1920px */ @media all and (min-device-width:1921px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -530px;} #list_surround { left: 10% !important; width: 1100px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 770px !important;} } |
Mika1234Feb 13, 2014 12:51 PM
Feb 23, 2014 7:30 AM
#110
nymphiaeJan 2, 2017 11:44 PM
Feb 25, 2014 11:46 AM
#111
Request complete for Enjoyability Enjoyability said: I'd like to request a Monogatari anime list using http://i.imgur.com/Mxqb7LE.jpg as a background and the layout to be like http://myanimelist.net/forum/?topicid=393393&show=80#msg25338757 I like how the rows of this layout are thin and the covers show up on the side with no tags, unlike the original here: http://myanimelist.net/forum/?topicid=606489 If possible, I would like the category links like Watching, Completed, On-Hold, etc. to be set with these characters: http://myanimelist.net/character/22055/Tsubasa_Hanekawa http://myanimelist.net/character/24194/Karen_Araragi http://myanimelist.net/character/22052/Mayoi_Hachikuji http://myanimelist.net/character/22054/Suruga_Kanbaru http://myanimelist.net/character/57499/Yotsugi_Ononoki http://myanimelist.net/character/22037/Hitagi_Senjougahara Thank you :D Preview: http://i59.tinypic.com/2jg9pn6.png Code: @import "https://dl.dropboxusercontent.com/u/239748463/ANIME%20LIST/Monogatari.css"; #copyright { visibility: visible;} |
Mika1234Mar 8, 2014 4:59 AM
Mar 6, 2014 3:24 AM
#112
Request complete for Ryekeel Ryekeel said: Hello! I would like to request a Fullmetal Alchemist: Brotherhood layout please. If it's possible, could I have it for both the anime and manga list? The background and theme layout can be the same, except the images for the completed, watching, etc. buttons would be different for each list. I would prefer a somewhat dark look/atmosphere, if possible. For the anime list, the images of these characters could be used: Watching: Edward Elric Completed: Alphonse Elric On-hold: Roy Mustang Dropped: Maes Hughes Plan to watch: Riza Hawkeye All anime: Olivier Mira Armstrong For the manga list, the images of these characters could be used: Reading: Greed Completed: Wrath On hold: Pride Dropped: Lust Plan to read: Envy All manga: Father If it's only possible to do one and not both, then I would like the anime version instead. If both is possible, that would be great. Thanks a bunch in advance. I greatly appreciate taking the time to do this. Anime List Preview: https://dl.dropboxusercontent.com/u/239748463/ANIME%20LIST/Preview/FMABrotherhood.PNG Code: @import "https://dl.dropboxusercontent.com/u/239748463/ANIME%20LIST/FMABrotherhood.css"; #copyright { visibility: visible;} Manga List Preview: https://dl.dropboxusercontent.com/u/239748463/MANGA%20LIST/Preview/FMABrotherhood.PNG Code: @import "https://dl.dropboxusercontent.com/u/239748463/MANGA%20LIST/FMABrotherhood.css"; #copyright { visibility: visible;} |
Mika1234Mar 11, 2014 12:13 PM
Mar 8, 2014 10:03 PM
#113
TOPIC CLOSED I'm closing this topic since I no longer want to moderate it. Instead, you can post your layouts ideas to our suggestion topic for designers to consider making. It is not a new request topic, but it is a thread for you to post ideas for layouts in and hope someone will make them for you. If you want to make your own request topic, where users ask you personally to make layouts for them, let me know (best on my profile page). |
Shishio-kunMar 17, 2017 4:49 PM
More topics from this board
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |