New
Mar 8, 2014 10:02 PM
#1
Closed! |
Shishio-kunFeb 17, 2023 2:05 PM
Mar 8, 2014 10:45 PM
#2
Hello, I would like to make a suggestion if you can make a list layout that is all about Steins;Gate layout image should be about time or a mechanism with a rusty color, following back the a single or the whole cast of steins;Gate in a unique way. Fonts that would going to be use is the same with the fonts that was used by the series. I believe it's BatangChe if I'm not mistaken. This time since Steins;Gate a is a mystery looking, what comes to my mind is make it a creepy ones but the mystery is still there. The one that comes first is the 1) Completed List -- Makise, Kurisu 2) Currently Watching - Okabe 3) Dropped - Amane Suzuha 4) On Hold - Akiha Rumiho 5) Plan To watch - Shina Mayuri 6) All anime. - Hashida Itaru This images should have a background as well. Which is a time mechanism. Also the cursor design must be "time related" as well. Also the layout image would be nice if its covering the whole screen. I hope that someone can take my suggestion and I will appreciate your effort with this. I'm excited on how does it look like Thank you and have a great day great designers. AvJ |
私はあなたを愛して。 29915250 It takes one step backward, and two steps forward. *Avi |
Mar 8, 2014 11:03 PM
#3
I'd like to suggest a Monogatari theme list, similar to this madoka magica list, (http://myanimelist.net/forum/?topicid=606489) but have it themed more around Koyomi and Shinobu Like replacing the render image with Koyomi or Shinobu, and having them and the other girls like senjougahara, hanekawa, kanbaru, etc for the "watching, completed, on hold, etc" tabs. |
Disappear. This chair is an eyesore. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. |
Mar 9, 2014 12:31 AM
#4
Hi, I think an anime list layout similar to this list would be nice: http://myanimelist.net/forum/?topicid=588497 Themed around Haruna Sairenji from the To-Love Ru series. Other characters from To-Love Ru can be included, but Haruna is the main focus. Mostly blue in color, DVD covers and tags present. Thanks in advance! |
Mar 9, 2014 3:57 AM
#5
Hello, I'd like to suggest a Nonon Jakuzure Theme from Kill la Kill. I was thinking it could have a render of Nonon on the left side of the screen (Possibly this one http://grahim.deviantart.com/art/R-Jakuzure-Nonon-412971342) and having the list itself on the right side. For the tabs (Completed, Watching, etc..) you could have them small but still put pictures of Nonon's face on them. It would also be nice if they were rounded rectangles instead of normal ones, as well as the list being rounded. The colours could either be pink or blue, or a mixture of both, similar to her uniforms in the anime. |
"If you put your mind to it, you change the colour of your world in an instant." - Kanda Sorata |
Mar 9, 2014 5:02 AM
#6
a layout that has the 2 main characters who are brothers from this anime http://myanimelist.net/anime/12431/Uchuu_Kyoudai Could you also have it be them as kids and them as adults (but when you do them as kids have them have their headphones on. and is there a possibility To also have the start and end date be shown also I like having that shown so I know how long it took me to finish my anime. That would be nice thanks . and maybe have it show the anime dvd pic show when I hover over the name of the anime. |
Shishio-kunMar 9, 2014 1:09 PM
Mar 9, 2014 9:40 AM
#7
use this picture for the theme: http://fc09.deviantart.net/fs24/f/2007/358/6/b/6bc20e9baa328cd9.png use the same kind of style, with the name Cirque du Freak: Manga Mania! at the top (preferably in the same/similar font to the title in the picture). the titles for the sections should be: Current Attractions (Reading) Previous Attractions (Completed) Halted Attractions (Dropped) Soon-to-come Attractions (Plan to read) Paused Attractions (On-hold) Preferably the same font, background, and decorations as the one in the picture. |
Shishio-kunMar 9, 2014 1:08 PM
Mar 9, 2014 1:42 PM
#8
I would like to suggest a "Magi the Labyrinth" Themed Layout. Something similar to this design http://myanimelist.net/forum/?topicid=606489. On the left side panel, i could include various magi characters, not including the 4 main. Specifically it really don't matter which magi characters are used for the side panel. Just different one's for each section. IE, Sinbad, Kougyoku Ren, Jafar, Masrur, Judar, Gyokuen Ren, etc. Their is many magi characters with interesting designs, for more information, you can check them out here. http://magi.wikia.com/wiki/Characters For the Scans on the right side of the list layout. I wanted to use Morgiana. This pic i want displayed in the "Currently watching" category so when people click on the list, they will be able to see her automatically. The other 3 for selecting different categories, Aladdin, Alibaba and Hakuryuu Ren. Their is plenty of great ones out their that can be scanned for those 4 characters. I don't think its necessary to include a "Watching all" category. Just Currently Watching, Completed, On hold, and Dropped. examples - http://www.zerochan.net/user/Sabi/Morgiana For the Background, It needs to be really vibrant and beautiful and stands out, their is many amazing magi wallpapers to be used. Like the sample profile i used, that would fit well, something that contrasts well with the scans and the setting of Magi. I would recommend something like a background view of the World of magi or clouds, or maybe something symbolizing magic, since its bout magic. For this design people can try and use the "custom premaid poster design", but for users that have lots of entries on their list like my self, im not quite sure if it will work, it might crash. So you'll have to see what would work on that regards for people that have lots of entries. I am not sure if you found a work around for that, but if so, that would great. Please PM or message me on my profile to discuss anything further, thank you! :D |
Mar 10, 2014 11:35 AM
#9
Hi, I would like to suggest a new layout for an anime/manga list. It would be nice if it was to be very similar or exactly like this premade layout: http://myanimelist.net/forum/?topicid=606489 But instead of the Madoka and the girls, can it be changed to Diabolik Lovers More Blood and the boys? (there are ten of them instead of the five girls from Madoka) It should look exactly like this or close to it, but only the theme is a bit darker and can each of the boys represented color be added or for the background image too? The background image could be changed to a pic similar to the theme of Diabolik Lovers or use a pic from there. The DIABOLIK LOVERS MORE BLOOD logo should replace the Madoka title too. Plus, leave the top home menu on the corner, but can alter color if changing background theme or image. Using rendered pics of each of the male characters for each of the category buttons, to make the boys look sharper or high quality,would be awesome! Oh, and it already has the DVD/Manga covers for the list on the premade layout, which should stay on or keep it that way. Can it possibly have a Chibi Ayato Sakamaki or the blood from (http://www.otomate.jp/dialover/vita/#/gallery) cursor when people go to the anime/manga list? For each of the category buttons, add two of the Diabolik Lovers characters on there. (Because there are ten of them hot males!) For example, instead of one character on the Currently Watching button, add two (one placed on each side) and the font can be adjusted to the middle, or something like that. Oh! And the font for the buttons can be changed to match the look of it. Font can be similar to the D.L. logo or Old English MT. Category Buttons Pictures: Currently Watching - Ayato Sakamaki & Ruki Mukami Completed - Shuu Sakamaki & Yuma Mukami On Hold - Kanato Sakamaki & Azusa Mukami Dropped - Laito & Reiji Sakamaki Plan To Watch - Subaru Sakamaki & Kou Mukami All Anime - All of the ten male characters. It would be nice if the page have randomly changing D.L.M.B. boy characters when every time you refresh or change the page; it would choose randomly from any of these 10 characters that look like the pics (IF can render to look better) from the category buttons. Plus, I'd advise to visit the Diabolik Lovers website for more reference if someone does choose to do this suggested layout: http://dialover.net/game/ |
hanabiyomiMar 10, 2014 11:52 AM
Know that there is warmth, love, happiness, kindness and peace in the world. |
Mar 10, 2014 2:38 PM
#10
To the people who want a list that looks like the madoka one, I made a tutorial that I hope is easy to follow for you to make your own. Click on the cover list tutorial link and ask questions there if you don't understand something. http://myanimelist.net/forum/?topicid=1102131 |
Mar 12, 2014 6:45 PM
#11
Hi, what I would like to suggest is not so much a new layout, but a remake of a layout that got "destroyed". Here is the style I'm talking about, [url]http://myanimelist.net/forum/?topicid=413111[/url]. I'm a fan of the minimalistic look that isn't just solid colors (Although I love the dark theme/colors this one uses). If someone was to take this up, I leave it up to them to do it as they wish, what to change/etc. is all up to them, I'd just like to see a comeback of the style itself. Thanks in advance to whoever decides to do this, if anyone. |
Mar 14, 2014 2:50 PM
#12
@AviJii Ok SOOOO, don't know what happened here. I went in thinking of a rusty, gear, brown anime list but it turned out to be the complete opposite. I found an amazing wallpaper which was very colorful and it sorta just went from there... Hope you still like it. @import "https://dl.dropbox.com/s/6ruszt29qyk3yzi/SakorasouTopBar.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://i58.tinypic.com/14o3xiw.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* 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 { 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 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. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.3); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.3); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(0, 100, 205, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(); background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:100px; position:absolute; right:-4px !important; width:700px; } /* SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i61.tinypic.com/t03ku9.jpg); 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://i59.tinypic.com/2qdsdhc.jpg); 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://i57.tinypic.com/zjtdgw.jpg); 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://i61.tinypic.com/28sqa1u.jpg); 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://i59.tinypic.com/2vlsa2o.jpg); 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://i60.tinypic.com/307tbio.jpg); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/Ve9nDsh.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_completed { background-color: transparent; background-image: url("http://imgur.com/rhGif5A.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_onhold { background-color: transparent; background-image: url("http://imgur.com/fzAkofz.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_dropped { background-color: transparent; background-image: url("http://imgur.com/JrB2Hgx.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_ptw { background-color: transparent; background-image: url("http://imgur.com/Oeqwh7g.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } /* TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel iteself. */ .table_header { background-color:rgba(0, 100, 205, 0.6); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ 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, 100, 205, 0.6); 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: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 { 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; } .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; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !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: white; left: 42px; position: relative; text-shadow: black 1px 1px 5px; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Edit 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;} } |
TheHolyPotatoMar 15, 2014 2:34 PM
Mar 14, 2014 5:17 PM
#13
@Zensuis you might like the list I made for myself some time ago, it doesn't have all those details, but it's dark and minimalistic. oh, but it works only for title, score and episodes ticked. preview: code: |
Mar 16, 2014 10:47 PM
#14
Hello, i'd like to suggest a Steampunk themed list... you could use images like: http://coolvibe.com/wp-content/uploads/2012/09/Sci-fi-Art-Cory-Jespersen-Steampunk-Goliath.jpg http://st.gdefon.ru/wallpapers_original/wallpapers/439701_art_devushka_sidya_shlem_stimpank_metall_1680x1050_%28www.GdeFon.ru%29.jpg http://coolvibe.com/wp-content/uploads/2010/12/SteamPunk_Octopus_by_raybender.jpg http://wallpoper.com/images/00/38/50/64/steampunk-lab_00385064.jpg http://www.zerochan.net/999561 or any other steampunk images to your liking...you can use mechanical-like/vintage fonts... you can also use clocks or gears for other designs... thank you and have a good day! |
tyanak13Mar 16, 2014 10:52 PM
Mar 20, 2014 1:07 AM
#15
I offer up Ghost in the shell and to more specific extent, Major Motoko Kusangi. With her being the main character and all. I had originally asked for such a thing in a reviewer style layout as a request, but that sadly closed before someone could take it. now I simply have these as suggestions. I will try to impose as little of my preferences as possible: Let us have more reviewer style layouts. Compared to the other style/styles in quantity they are lacking in my opinion. Layouts involving retro anime (Akira, Bubblegum Crisis, Ranma, etc.) They are quite overlooked. More dark themes and themes involving cooler or more neutral colors The community has contributed all kinds of list components. Consider using these components in pre-made layouts even more so for even more variety for the users and publicity for the creators |
Mar 21, 2014 10:16 PM
#16
Hey! I'm kind of going to leave a suggestion here and that is more Evangelion layouts please! There are only two! If there is any need for specification, layouts for characters such as Asuka Langley or EVA Unit 01 could be greatly appreciated! Thanks! |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
Apr 7, 2014 4:47 PM
#17
Hi, I'd like to suggest a Haiyore! Nyaruko-san themed layout, since nobody has made one yet. It could have a render of Nyaruko or whoever on the side, such as these: http://fc06.deviantart.net/fs71/f/2013/166/5/4/nyaruko_render_by_sakurayuichan-d6940fg.png http://th01.deviantart.net/fs71/PRE/i/2012/169/1/8/nyaruko_render_by_azusacaky-d53wyp7.png For the tabs, I guess it would go something like this: Currently Watching: Hasta Completed: Nyaruko On hold: Ghutatan Dropped: Tamao Plan to watch: Cthuko All Anime: Mahiro |
Apr 14, 2014 3:04 PM
#18
Hi,I saw someone with this theme and I really love it. Clean, simple, bright and neat. Does anyone have a theme similar to this? Please send me the code, thank you! Preview: http://i.imgur.com/31V6xX2.png |
Apr 15, 2014 1:05 PM
#19
euphoric- said: Hi,I saw someone with this theme and I really love it. Clean, simple, bright and neat. Does anyone have a theme similar to this? Please send me the code, thank you! Preview: http://i.imgur.com/31V6xX2.png that's a theme by jyuubi, you can find her mal themes here at the bottom of the page :) |
May 6, 2014 12:20 AM
#20
@SynShinden I agree man! A nice NGE layout with Unit 1 and shinji would be awesome. |
May 6, 2014 9:20 PM
#21
I'd recommend a No Game No Life theme. Just some food for thought. |
May 12, 2014 9:52 AM
#22
May 17, 2014 9:04 PM
#23
I would really like to see a Mekakucity Actors layout, more specifically one for Toumei Answer. I haven't seen one of those yet, and I think someone could make it look really nice. (> v <) |
May 28, 2014 3:35 PM
#24
I would be awesome if you guys made a Hidan no Aria or Black Bullet Layout :p |
May 29, 2014 8:42 AM
#25
Hi, I'd like to request having a Highschool DxD manga list theme. If someone does create/find it can you message me, ASAP, please, thanks Kind regards, |
CrookedTopiMay 31, 2014 11:12 AM
Jun 1, 2014 4:29 AM
#26
A few months back I followed guides from this club and made my own style, and was satisfied with it for a long time. However, I want to change it up a bit now and have something with more features. I like the style/layout of the colorful Madoka one, but I dislike the very vivid and cheerful vibe it gives off. Having recently been able to get a hold of some high quality Madoka art, I would like to suggest a similar layout to the current colorful Madoka layout except perhaps a bit darker. It should be relatively simple since it just moves things around a bit and changes some images, but I know nothing about photoshop(to edit the new images) and only very, very basic CSS. Also I wouldn't know what colors to use to make it look good. Here are the images that I've found: http://i60.tinypic.com/2w4mw44.jpg http://i61.tinypic.com/1569t9s.jpg http://i58.tinypic.com/w1smye.jpg http://i59.tinypic.com/1zg407c.jpg http://i59.tinypic.com/20gmbr9.jpg http://i57.tinypic.com/334q1d3.jpg http://i59.tinypic.com/2iuuzl.jpg Perhaps use each Magical girl as the anime list category buttons and the Dark Sayaka wallpaper as the background. Would really appreciate it if you could do this, and i'm sure it'll be popular with other people as well! |
Jun 1, 2014 5:35 AM
#27
How about a Gintama layout featuring the Shinsengumi? It would be similar to the Madoka all girls one, meaning Hijikata would be on the currently watching, Kondo on the completed, Sougo on the on-hold, the traitor from episode 100 or so on the dropped, and Yamazaki on the plan-to-watch section. And if possible, Hijikata's section could have a majora background, Kondou's Otae, and so on. It would look pretty awesome. |
Jun 1, 2014 2:24 PM
#28
How about an Akame ga Kill theme? With the anime coming out soon and the manga being pretty popular now, I think it's a good time! |
Jun 2, 2014 1:02 PM
#29
Gastrea said: I'd recommend a No Game No Life theme. Just some food for thought. Well I love NGNL as well so might do this :D |
Jun 3, 2014 5:05 PM
#30
I would be glad if someone made Mekakucity Actors layout. |
Jun 29, 2014 12:56 PM
#31
Hi if possible i would like to have an Date a Live theme list^^ from the Request from Zubblan i like to change the background to this http://fc01.deviantart.net/fs71/f/2013/159/e/7/date_a_live_tlc___last___by_tammypain-d68c006.png the side buttons to this ( didn´t find a 6 ;( http://img1.wikia.nocookie.net/__cb20140331043217/date-a-live/images/6/6d/Date_a_live_sample_badge_keychain_by_greenteaneko-d69pdee.jpg and if posible an list like this http://i.imgur.com/9GugABa.png answer would be great^^ and if someone would do it, it would be awesome ;) |
You have failed at life Plz reset |
Jun 30, 2014 3:11 AM
#32
I'd love to see Sakura Taisen (preferably with characters from the first game/series). It has a lot of beautiful art. Also Sailor Moon doesn't have a theme - also would love to see one. But maybe not with art from the new series, it looks kinda tacky. Just my five cents, if my suggestions prove to be someone's inspiration - yay for me! |
Jul 2, 2014 4:50 AM
#33
Is someone interested in making a bleach manga style? I already searched for it but couldn't find it. No real preferences for any pictures. |
Jul 4, 2014 3:24 PM
#34
Completed the Hidan No Aria suggestion by bob410. Preview (Same size as shishios previews in all premade layouts): @import "https://dl.dropbox.com/s/4u9v39e5go65aoq/PinkTopBar.css"; @import "http://fonts.googleapis.com/css?family=Raleway"; body { background-attachment:fixed !important; background-image:url(http://i59.tinypic.com/23u3n8i.jpg); background-position:0 0; background-size:cover; } #list_surround { left:27% !important; position:absolute; } #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://i62.tinypic.com/20arvuo.png); background-position:5px -114px; background-repeat:no-repeat; font-size:12px; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:40px; 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(255, 0, 84, 0.701961); 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(100, 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(100, 0, 0, 0.498039); height:20px; transition:all 0.25s ease-in-out 0s; } tr:hover [class^="td"] { background-color:rgba(255, 0, 84, 0.901961); } .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(255, 0, 84, 0.701961); 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:0; 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(255, 0, 84, 0.8); 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(255, 0, 84, 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://imgur.com/Wrk6F3w.jpg); background-position:100% 60%; background-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:95px; padding:0; position:fixed; right:-178px; top:60px; 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/4Wgt6XK.jpg); background-repeat:no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:156px; } #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/o4Dj5gy.jpg); top:253px; } #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/bmXPVq7.jpg); background-repeat:repeat; top:350px; } #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/VCnyslQ.jpg); top:447px; } #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/lrg8hP5.jpg); background-position:100% 70%; background-repeat:no-repeat; border-bottom-left-radius:20px; border-bottom-right-radius:0; top:544px; width:320px; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; opacity:0.9; 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:-5px !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:-5px !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; } .header_cw { background-image:url(http://i.imgur.com/MS8cp1I.png); background-position:65% 56px; background-repeat:no-repeat; background-size:183px 66px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_completed { background-image:url(http://i.imgur.com/XqxCgfS.png); background-position:65% 56px; background-repeat:no-repeat; background-size:193px 64px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_onhold { background-image:url(http://i.imgur.com/fDlD9u3.png); background-position:65% 56px; background-repeat:no-repeat; background-size:171px 50px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_dropped { background-image:url(http://i.imgur.com/ONgAEJO.png); background-position:65% 56px; background-repeat:no-repeat; background-size:166px 64px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_ptw { background-image:url(http://i.imgur.com/rG2C6zv.png); background-position:65% 56px; background-repeat:no-repeat; background-size:161px 50px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } |
Jul 9, 2014 3:03 PM
#35
Please, i beg of you can you make me an awesome "One Piece" animelist. with all the tabs (Watching, Completed, On-hold, Dropped, Plan-to watch and All Anime) With your skills i now you can. Thank You!! :D |
Kaizoku-OtakuJul 22, 2014 3:06 AM
Jul 11, 2014 1:08 PM
#36
Jul 21, 2014 10:29 AM
#37
I was wondering if someone can make a Dragon Ball Z theme anime list and a Black Lagoon theme manga list using the squared style layout. |
Jul 22, 2014 2:09 AM
#38
Akame ga Kill theme suggested by: magnus_stiyl, Based on one of TheHolyPotato themes. Preview: http://i58.tinypic.com/2z513lt.jpg @import "https://dl.dropbox.com/s/8vjos6cpj8yo4ek/RedTopBar.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://i60.tinypic.com/2m7t2ld.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* 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 { 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 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. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.3); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.3); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(153, 3, 0, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(); background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:100px; position:absolute; right:-4px !important; width:700px; } /* SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i59.tinypic.com/f4l0y1.jpg); 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://i59.tinypic.com/2ajnk7k.jpg); 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://i59.tinypic.com/xqg7q.jpg); 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://i59.tinypic.com/rjmm4h.jpg); 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://i57.tinypic.com/xp96w4.jpg); 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://i59.tinypic.com/30cww8o.jpg); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i58.tinypic.com/2hem4qw.jpg"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_completed { background-color: transparent; background-image: url("http://i59.tinypic.com/140x7vq.jpg"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_onhold { background-color: transparent; background-image: url("http://i60.tinypic.com/2ivbark.jpg"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_dropped { background-color: transparent; background-image: url("http://i60.tinypic.com/dzbif8.jpg"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_ptw { background-color: transparent; background-image: url("http://i60.tinypic.com/919jkh.jpg"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } /* TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel iteself. */ .table_header { background-color:rgba(153, 0, 0, 0.6); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ 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, 100, 205, 0.6); 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: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 { 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; } .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; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !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: white; left: 42px; position: relative; text-shadow: black 1px 1px 5px; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Edit 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;} } Read more at http://myanimelist.net/forum/?topicid=1099375#LYDkRl2rrO57B1ve.99 Enjoy, was fun. |
Blindwolf Anime <- My Blog |
Jul 25, 2014 6:39 AM
#39
I would like to suggest a list layout of "Tokyo Ghoul" similar to this one: http://myanimelist.net/forum/?topicid=393503&show=60#msg19930169 featuring Kaneki and Touka instead of Kirito and Asuna.. |
Jul 25, 2014 10:15 AM
#40
I would like to suggest a persona 3 or Minato Arisato anime list layout |
Jul 29, 2014 3:46 PM
#41
Maroon girl looks kawaii desu |
Aug 8, 2014 11:47 AM
#42
hello i would like to suggest a layout of Naruto Shippuden. thank you :) |
Aug 10, 2014 5:57 PM
#43
I would like to suggest a Tokyo Ghoul theme. Dark-themed and bloody-like with a good background wallpaper would be really cool. |
Aug 11, 2014 6:07 PM
#44
Hi, I suggest a layout with Onodera From Nisekoi based from this SAO theme : https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/Sao%28PrevEdit%29Public.css The primary color for the theme is blue. Thank You ! |
YoriumAug 11, 2014 6:11 PM
Aug 15, 2014 10:22 AM
#45
b1GZZ said: I would like to suggest a Tokyo Ghoul theme. Dark-themed and bloody-like with a good background wallpaper would be really cool. i second this :3 |
Aug 28, 2014 8:36 PM
#46
Sep 19, 2014 7:23 AM
#47
I'd like to suggest an Ao Haru Ride or Kimi ni Todoke layout? I quite like this marshmellow one. I searched everywhere for a light-ish manga type image and found these? Not sure if they work against a grey/dark background? http://taikutsukid.deviantart.com/art/Kimi-ni-Todoke-kissing-scene-323614153 http://www.deviantart.com/art/Ao-Haru-Ride-Futaba-and-Kou-449230720 Also I know this is a suggestion thread, but is there a way of only displaying one category at a time. Some layouts I notice that others have just currently watching, or just completed on a page. My current one displays all the categories. Would someone be able to guide me to somewhere that allows me to just display one category. I can't explain myself, but basically, when I click on my list, I want it to go to my currently watching only, not every single anime in my on hold, completed, dropped etc. |
bloodyrose93Sep 19, 2014 7:27 AM
Sep 21, 2014 12:14 AM
#48
I'd like to suggest a Gekkan Shoujo Nozaki-kun theme list layout with Mikoshiba as the main focus.. Unfortunately I'm not the best at making layouts and would greatly appreciate if someone more talented than I would make this ^_^ |
Sep 24, 2014 4:23 AM
#49
Hello minna! I would like to suggest a Soul Eater theme!~ Arigato :) |
ChocolatcchiiSep 24, 2014 4:39 AM
Oct 22, 2014 11:06 PM
#50
not sure if this is still active...? If so, I'd like to suggest a minimalistic Kara no Kyoukai theme, based about Shiki. |
Disappear. This chair is an eyesore. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. This chair. |
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 |
7810 |
by hideso
»»
2 hours ago |
|
» [CSS - CLASSIC] Wishes of the heart ~ XXXholic layout by HahaidoShishio-kun - Dec 27, 2015 |
9 |
by tsyndi
»»
Yesterday, 9:23 PM |
|
» [BBCODE + VIDEO GUIDE] ⭐️ Full list of BBcodes and BBcode setups on MAL ( 1 2 3 4 )Shishio-kun - Feb 3, 2012 |
159 |
by RackOrRuin
»»
Yesterday, 10:48 AM |
|
» [CSS-MODERN] ⭐️ Takana_No_Hana's LayoutsShishio-kun - Jun 5, 2021 |
6 |
by NemuSanjou
»»
Apr 9, 7:21 PM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1204 |
by blickrella
»»
Apr 9, 4:55 PM |