New
Mar 28, 2016 10:15 AM
#1
@ users Requests, fixes, desired features? If you have any special requests or fixes you'd like to have for the new MAL style let us know here. Otherwise we will just make our own without your input! @ CSS designers Update! You can now customize the new MAL layout. Go to the http://myanimelist.net/ownlist/style and click on a theme to change it: Hold on! However I do want to remind everyone that the new HTML has changed often in some of our early experiences; so this may not be the final layout and your old layouts could be nullified. THIS HAS HAPPENED BEFORE. I'm going to try to get word or not if this is the final HTML so we can make custom CSS layouts without fear of losing our work down the line. Got some ideas? However if you wish to customize the new theme during this uncertain time, please share your designs here or in this club! I've asked ppl for any desired features so there may be some in the comments. |
Shishio-kunMar 28, 2016 10:22 AM
Mar 28, 2016 10:21 AM
#2
Just calling ppl from the big list of list designers. Here's an update you may be interested in; thanks for your time. @Takana_no_Hana @Doomcat55 @SylakentH @nymphiae @BurntJelly @al_exs @u531355 @Kezian @dperolio @satiriques @Miketsukami-kun @rebelnotorious @Narushisto @dzikibambus @Kiokuzoku @Zhanger @seaven @half_blood @daxhim @nobluesky @lubien @berserk @thekittenx3 @akiroz @natsuru_s @D_Cuy @FromZeroToZero @Rusette @isaychris @nadeko @Hahaido @Lirina @TheHolyPotato @semperdickus @ryukan @Rukayex @Oiomi-chan @VeriTi |
Mar 28, 2016 10:31 AM
#3
Shishio-kun said: Just calling ppl from the big list of list designers. Here's an update you may be interested in; thanks for your time. (...) @lubien Nyo-ho, thanks for quoting! I'll try to update my actual style to the new layout |
Mar 28, 2016 10:46 AM
#4
i actually have one layout ready: and here's the code the green dots mean airing / not yet aired i increased the covers height/width hover left side of 'score' to get 'edit and 'more' buttons the 'viewing xx anime list' isn't styled, i'll edit it once the new default layout is totally out it's not the final version, once the default layout final version is out, i'll probably edit again so feel free to use this until then |
removed-userMar 28, 2016 10:29 PM
Mar 28, 2016 11:24 AM
#5
Thanks you two! |
Mar 28, 2016 11:38 AM
#6
Mar 28, 2016 12:18 PM
#7
I guess I'll wait to know if this change is final since I don't really like fixing lists because of changes on the HTML. |
Mar 28, 2016 12:43 PM
#8
I'm waiting for the final, stable version so I can work safely without the possibility of wasting my time. Why don't you hold off the CSS competition until the final release of the modern layout. I'm sure more people will participate, even beginners since it's like a new start. Or is it too late for the change |
Mar 28, 2016 5:22 PM
#9
Mar 28, 2016 7:46 PM
#10
FromZeroToZero said: I'm waiting for the final, stable version so I can work safely without the possibility of wasting my time. Why don't you hold off the CSS competition until the final release of the modern layout. I'm sure more people will participate, even beginners since it's like a new start. Or is it too late for the change No MAL doesn't communicate all their information at all, so that'd be unreliable to organize a contest around. Also the longer we wait the more likely we won't be able t use the designs we entered which are based on classic, so I want to wrap it up around April 15th |
Mar 29, 2016 12:25 AM
#11
@Shishio-kun: I hope there will be a topic on changes of the new list structure. As someone who just started making layouts, I'm not even familar with the old list struture lol. |
Mar 29, 2016 8:06 AM
#12
FromZeroToZero said: I'm waiting for the final, stable version so I can work safely without the possibility of wasting my time. this. tho i'm very curious, and curiosity killed the cat :p |
Mar 29, 2016 12:31 PM
#13
Here is my first (imperfect) try. Mainly did it for myself, but thought I'd share it in case anyone wants it. Banner: https://dl.dropboxusercontent.com/u/97405770/Lightyellow/kawaii-footer.png body.ownlist { } #advanced-options { background-color: #f6f6f6; border: 1px solid #ebebeb; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); color: #323232; display: none; font-family: "Helvetica neue",Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif; left: 0; margin: 0 auto; padding: 25px 0 30px; position: absolute; right: 0; text-align: left; top: 24px; width: 860px; z-index: 1101; } #advanced-options .advanced-options-header { border-bottom: 1px solid #bebebe; font-size: 16px; margin: 0 auto; padding-bottom: 4px; width: 750px; } #advanced-options .advanced-options-header .description { font-size: 12px; font-weight: normal; margin-left: 8px; } #advanced-options select { -moz-appearance: none; background-color: #ffffff; background-image: url("/img/pc/ownlist/icon_pulldown_triangle.png"); background-position: right center; background-repeat: no-repeat; background-size: 18px 8px; border: 1px solid #bebebe; border-radius: 0; display: inline-block; font-size: 12px; height: 25px; padding: 4px 20px 4px 4px; } #advanced-options select:disabled { background-image: url("/img/pc/ownlist/icon_pulldown_triangle_disable.png"); color: #9b9b9b; } #advanced-options input[type="text"] { border: 1px solid #bebebe; padding: 4px; } #advanced-options input:focus { outline: medium none; } #advanced-options .sort-widget { margin: 0 auto; padding: 12px 0 0; width: 750px; } #advanced-options .sort-widget:last-of-type { padding-bottom: 45px; } #advanced-options .sort-widget select { margin-right: 8px; width: 172px; } #advanced-options .sort-widget input[type="radio"] { display: none; } #advanced-options .sort-widget input[type="radio"] + label { background-color: #ffffff; border: 1px solid #bebebe; border-radius: 4px; color: #323232; cursor: pointer; display: inline-block; font-size: 12px; padding: 5px 0; text-align: center; width: 56px; } #advanced-options .sort-widget input[type="radio"]:checked + label { background-color: #4065ba; border: 1px solid #4065ba; color: #ffffff; } #advanced-options .sort-widget input[type="radio"]:disabled + label { border: 1px solid #bebebe; color: #9b9b9b; } #advanced-options .sort-widget input[type="radio"]:checked:disabled + label { background-color: #ffffff; border: 1px solid #bebebe; color: #9b9b9b; } #advanced-options .filter-widget { margin: 0 auto; padding: 12px 0 0; width: 750px; } #advanced-options .filter-widget select { font-size: 12px; margin-right: 8px; } #advanced-options .filter-widget.title input[type="text"] { width: 360px; } #advanced-options .filter-widget.airing-status select, #advanced-options .filter-widget.publishing-status select { width: 152px; } #advanced-options .filter-widget.producer select, #advanced-options .filter-widget.magazine select { width: 360px; } #advanced-options .filter-widget.aired-date select.year, #advanced-options .filter-widget.published-date select.year { width: 80px; } #advanced-options .filter-widget.aired-date select.month, #advanced-options .filter-widget.published-date select.month, #advanced-options .filter-widget.aired-date select.day, #advanced-options .filter-widget.published-date select.day { width: 60px; } #advanced-options .filter-widget.aired-date .text, #advanced-options .filter-widget.published-date .text { display: inline-block; font-size: 12px; margin-right: 4px; } #advanced-options .filter-widget.aired-season select.year { width: 80px; } #advanced-options .filter-widget.aired-season select.season { width: 110px; } #advanced-options .sort-widget .widget-header, #advanced-options .filter-widget .widget-header { display: inline-block; font-family: "Helvetica neue",Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px; width: 110px; } #advanced-options .sort-widget:last-of-type, #advanced-options .filter-widget:last-of-type { padding-bottom: 40px; } #advanced-options .advanced-options-button { border-top: 1px solid #bebebe; margin: 0 auto; padding: 12px 0 0; text-align: center; width: 750px; } #advanced-options .btn-apply, #advanced-options .btn-clear { background-color: rgba(64, 101, 186, 1); border-radius: 4px; color: #ffffff; display: inline-block; font-size: 12px; margin: 0 4px; padding: 6px 0; text-align: center; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; width: 135px; } #advanced-options .btn-apply:hover, #advanced-options .btn-clear:hover { background-color: rgba(64, 101, 186, 0.8); } body { background: rgba(0, 0, 0, 0) url("http://sweetclipart.com/multisite/sweetclipart/files/imagecache/middle/pattern_dots_pastel.png") repeat scroll 0 0; font-family: calibri; font-size: 11px; margin: 0; text-align: center; } td { line-height: 1.5em; } a { color: #ae7861; text-decoration: none; } #footer-block { font-family: calibri; margin-top: 10px; padding: 15px 0; } #copyright { color: lightyellow; font-size: 12px; padding-top: 3px; text-align: center; } .header a { color: #fff; font-weight: bold; } .header a:hover { text-decoration: underline; } .header { color: #fff; display: block; height: 70px; margin: 0 auto; position: relative; width: 1060px; } .header .header-title { background-image: none; background-position: left top; background-repeat: no-repeat; background-size: auto 36px; display: block; height: 36px; overflow: hidden; position: absolute; text-indent: -9999px; top: 21px; width: 240px; } .header .header-menu { color: #2e51a2; position: absolute; right: 4px; top: 25px; } .header .header-menu.other { top: 18px; } .header .header-menu .btn-menu { color: lightyellow; display: block; font-size: 16px; text-align: right; } .header .header-menu .btn-menu > a { color: #2e51a2; } .header .username { font-weight: bold; } .header .header-menu .list-menu { background-color: #ffffff; border: 1px solid #2e51a2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); display: none; position: absolute; right: -4px; top: 25px; z-index: 1; } .header .header-menu .list-menu .icon-menu { color: #2e51a2; display: block; font-size: 14px; font-weight: bold; height: 30px; text-decoration: none; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; width: 150px; } .header .header-info { color: #2e51a2; font-size: 1em; margin-right: 15px; margin-top: 6px; text-align: right; } .header .header-info > a { color: #2e51a2; } .header .header-menu .list-menu .icon-menu:hover { background-color: #e1e7f5; } .header .header-menu .list-menu .icon-menu svg.icon { fill: #2e51a2; left: 12px; position: absolute; top: 4px; } .header .header-menu .list-menu .icon-menu .text { left: 52px; position: absolute; top: 6px; } .list-menu-float { border: medium none; display: block; position: fixed; top: 20%; width: 50px; z-index: 2; } .list-menu-float .icon-menu { background-color: lightyellow; display: block; height: 50px; opacity: 1; position: relative; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; width: 50px; } .list-menu-float .icon-menu svg.icon { fill: #323232; position: absolute; } .list-menu-float .icon-menu:hover svg.icon { fill: #ffffff; position: absolute; } .list-menu-float .icon-menu.profile { } .list-menu-float .icon-menu.quick-add { } .list-menu-float .icon-menu.quick-add svg.icon-quick-add { left: 13px; top: 12px; } .list-menu-float .icon-menu.anime-list { } .list-menu-float .icon-menu.anime-list svg.icon-anime-list { left: 13px; top: 12px; } .list-menu-float .icon-menu.manga-list { } .list-menu-float .icon-menu.manga-list svg.icon-manga-list { left: 13px; top: 12px; } .list-menu-float .icon-menu.history { } .list-menu-float .icon-menu.history svg.icon-history { left: 13px; top: 12px; } .list-menu-float .icon-menu.export { } .list-menu-float .icon-menu.export svg.icon-export { left: 13px; top: 12px; } .list-menu-float .icon-menu.login { } .list-menu-float .icon-menu.login svg.icon-login { left: 13px; top: 12px; } .list-menu-float .icon-menu.logout { } .list-menu-float .icon-menu.logout svg.icon-logout { left: 13px; top: 14px; } .list-menu-float .icon-menu.setting { } .list-menu-float .icon-menu.setting svg.icon-setting { left: 13px; top: 13px; } .list-menu-float .icon-menu .text { color: #ffffff; display: inline-block; font-family: calibri; font-size: 1.4em; left: 50px; opacity: 0; overflow: hidden; position: absolute; text-align: center; top: 14px; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; vertical-align: middle; white-space: nowrap; width: 0; } .list-menu-float .icon-menu:hover:not(.profile) { background-color: pink; width: 145px; } .list-menu-float .icon-menu:hover .text { opacity: 1; width: 94px; } .list-menu-float .icon-menu.setting .text { height: 100px; opacity: 0; top: 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; width: 0; } .list-menu-float .icon-menu.setting:hover .text { height: 100px; opacity: 1; top: 0; width: 114px; } .list-menu-float .icon-menu.setting .text .link-list-setting, .list-menu-float .icon-menu.setting .text .link-style-setting { display: block; opacity: 0; } .list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting { background-color: pink; color: #ffffff; display: block; height: 50px; line-height: 50px; opacity: 1; position: absolute; text-decoration: none; width: 110px; } .list-menu-float .icon-menu.setting:hover .text .link-list-setting { top: 0; } .list-menu-float .icon-menu.setting:hover .text .link-style-setting { border-top: 1px solid #ebebeb; top: 50px; } .list-container { background-color: transparent; border: 3px solid lightyellow; border-radius: 15px; margin-bottom: 0; margin-left: auto; margin-right: auto; position: relative; text-align: left; width: 1058px; } .cover-block { display: block; margin: 0 auto; text-align: center; vertical-align: middle; width: 1024px; } .cover-block .image-container { display: table-cell; padding-top: 16px; width: 1024px; } .cover-block .image-container.hide { display: none; } .cover-block .image-container img { max-width: 1024px; } .cover-block .image-container .btn-list-setting { display: none; } .cover-block .image-container:hover .btn-list-setting { border: 1px solid rgba(255, 255, 255, 0); color: #ffffff; display: block; font-family: "Helvetica neue",Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 14px; padding: 8px; position: absolute; right: 28px; top: 20px; } .cover-block .image-container .btn-list-setting:hover { background-color: rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; box-shadow: 0 0 4px #000000; color: #ffffff; font-size: 14px; padding: 8px; position: absolute; right: 28px; text-shadow: 1px 1px 1px #323232; top: 20px; } .cover-block .image-container .btn-list-setting .fa-camera { font-size: 16px; text-shadow: 1px 1px 3px #000000; } .cover-block .image-container .btn-list-setting .icon-plus-circle { background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; box-shadow: -1px 1px 0 0 #323232; font-size: 10px; left: 18px; position: absolute; top: 4px; } .cover-block .image-container .btn-list-setting .text { display: none; } .cover-block .image-container .btn-list-setting:hover .text { display: inline-block; margin-left: 4px; } .status-menu-container { background-color: lightyellow !important; border-bottom: 1px none #ebebeb; height: 46px; margin-top: -24px; width: 1058px; z-index: 1; } .status-menu-container.fixed { display: block; position: fixed; top: 0; } .status-menu-container.fixed + div.list-block { margin-top: 62px; } .status-menu-container .status-menu { background-color: lightyellow; border-collapse: separate; border-spacing: 40px 0; display: table; margin: 0 auto; } .status-menu-container .status-menu .status-button { color: grey; display: table-cell; font-family: Century Gothic; font-size: 1.6em; margin: 0; padding: 12px 0; position: relative; text-align: center; vertical-align: middle; } .status-menu-container .status-menu .status-button.on { color: #787878; font-weight: bold; } .status-menu-container .status-menu .status-button::after { background-color: pink; bottom: 0; content: ""; display: block; height: 4px; left: 0; opacity: 0; position: absolute; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; width: 100%; } .status-menu-container .status-menu .status-button.on::after, .status-menu .status-button:hover::after { opacity: 1; } .status-menu-container .search-container { position: absolute; right: 18px; } .status-menu-container .search-container #search-button { color: #787878; display: inline-block; font-size: 1.6em; height: 22px; margin-top: 15px; vertical-align: middle; } .status-menu-container .search-container #search-box { display: inline-block; height: 22px; margin-top: 13px; overflow: hidden; transition: width 0.3s ease 0s; vertical-align: middle; width: 0; } .status-menu-container .search-container #search-box.open { display: inline-block; width: 100px; } .status-menu-container .search-container #search-box input { box-sizing: border-box; height: 100%; width: 100%; } .list-block { margin-top: 16px; min-height: 600px; padding: 0; } .list-unit { display: block; margin: 0 auto; width: 1024px; } .list-unit .list-status-title { background-color: pink; border-color: white white -moz-use-text-color; border-radius: 10px 10px 0 0; border-style: none; border-width: 1px 1px medium; display: table; height: 38px; position: relative; width: 1024px; } .list-unit .list-status-title .text { color: #fff; display: table-cell; font-family: century gothic; font-size: 2em; font-weight: bold; height: 38px; text-align: center; vertical-align: middle; width: 1024px; } .list-unit .list-status-title .stats { height: 38px; line-height: 38px; position: absolute; right: 4px; } .list-unit .list-status-title .stats a { color: #fff; margin-right: 8px; } .list-unit .list-status-title .stats a.filterd { text-shadow: 0 0 2px #fff; } .list-unit .list-stats { background-color: #4065ba; color: #fff; display: none; height: 30px; line-height: 30px; text-align: center; width: 1024px; } .list-table { border: 1px solid #ebebeb; border-collapse: collapse; margin: 0 auto; width: 100%; } .list-table > tbody:nth-of-type(2n+1) { background-color: #fcfcfc; } .list-table .list-table-header .header-title { background: #f6f6f6 url("/img/pc/ownlist/bar-table-header.png") no-repeat scroll right 7px / 1px 22px; display: table-cell; height: 36px; text-align: center; vertical-align: middle; } .list-table .list-table-header .header-title:last-child { background-image: none; } .list-table .list-table-header .header-title.status { background-image: none; width: 4px; } .list-table .list-table-header .header-title.number { width: 30px; } .list-table .list-table-header .header-title.image { width: 66px; } .list-table .list-table-header .header-title.title { padding-left: 8px; text-align: left; } .list-table .list-table-header .header-title.score { width: 65px; } .list-table .list-table-header .header-title.type { width: 60px; } .list-table .list-table-header .header-title.progress { width: 90px; } .list-table .list-table-header .header-title.chapters { width: 90px; } .list-table .list-table-header .header-title.volumes { width: 90px; } .list-table .list-table-header .header-title.tags { width: 120px; } .list-table .list-table-header .header-title.rated { width: 70px; } .list-table .list-table-header .header-title.started { width: 110px; } .list-table .list-table-header .header-title.finished { width: 110px; } .list-table .list-table-header .header-title.days { width: 45px; } .list-table .list-table-header .header-title.storage { width: 75px; } .list-table .list-table-header .header-title.retail { width: 65px; } .list-table .list-table-header .header-title.priority { width: 70px; } .list-table .list-table-header .header-title .link { color: #ae7861; font-size: 11px; text-decoration: none; } .list-table .list-table-header .header-title .link.sort { color: #ae7861; display: inline-block; position: relative; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; white-space: nowrap; } .list-table .list-table-header .header-title .link.sort:hover { color: #2556c6; } .list-table .list-table-header .header-title .sort-icon { color: #1d439b; } .list-table .list-table-data .data { background: lightyellow none repeat scroll 0 0; border-bottom: 1px dotted #ebebeb; display: table-cell; padding: 4px 0; text-align: center; vertical-align: middle; } .list-table .list-table-data a:hover:not(.edit-disabled) { text-decoration: underline; } .list-table .list-table-data a.edit-disabled { color: black; cursor: text; } .list-table .list-table-data .tags .edit { color: pink; display: inline; font-family: calibri; font-size: 10px; left: 255px; position: relative; text-align: center; } .list-table .list-table-data .tags .edit:hover { color: green !important; } .list-table .list-table-data .tags textarea { box-sizing: border-box; height: 60px; width: 100%; } .list-table .list-table-data .data.image a { display: inline-block; } .list-table .list-table-data .data.image .image { border: 1px solid #ebebeb; border-radius: 5px; height: 68px; width: 48px; } .list-table .list-table-data .data.title { padding-left: 8px; text-align: left; word-wrap: break-word; } .list-table .list-table-data .data.title .link { font-family: century gothic; font-size: 1.2em; font-weight: bold; } .list-table .list-table-data .data.title .rewatching, .list-table .list-table-data .data.title .rereading, .list-table .list-table-data .data.title .content-status { color: #bababa; font-size: 0.9em; } .list-table .list-table-data .data.score .link { font-size: 1.1em; font-weight: bold; } .list-table .list-table-data .data.title .add-edit-more { float: right; font-size: 0.9em; margin-right: 10px; } .list-table .list-table-data .data.title .more { position: relative; } .list-table .more-info { border-bottom: 1px solid #ebebeb; display: none; } .list-table .more-info .more-content { padding: 10px; } .list-table .list-table-data .data.tags { color: transparent; font-size: 12px; text-align: left; width: 280px; word-wrap: break-word; } .list-table .list-table-data .data.status { width: 4px; } .list-table .list-table-data .data.status .text { display: none; } .list-table .list-table-data .data.status.reading, .list-table .list-table-data .data.status.watching { background-color: #2db039; border-style: none; } .list-table .list-table-data .data.status.plantoread, .list-table .list-table-data .data.status.plantowatch { background-color: #c3c3c3; } .list-table .list-table-data .data.status.completed { background-color: #26448f; } .list-table .list-table-data .data.status.onhold { background-color: #f1c83e; } .list-table .list-table-data .data.status.dropped { background-color: #a12f31; } .list-table .list-table-data .data.title { padding-left: 8px; text-align: left; } .list-unit .loading-space { font-size: 20px; height: 20px; margin: 8px; text-align: center; } |
Shishio-kunApr 22, 2016 8:52 AM
Mar 31, 2016 2:13 AM
#14
Oooh thanks for tagging me. I might try to figure out something by this weekend and see what we can come up with. :3 I hope its not too conplicated for me :'D |
Mar 31, 2016 7:26 AM
#15
can't we have the headers on the all anime page D: |
Mar 31, 2016 9:38 AM
#16
Mar 31, 2016 2:30 PM
#17
Apr 1, 2016 2:43 AM
#18
nop apparently :(( |
Apr 1, 2016 11:00 AM
#19
New CSS was a big headache for me but finally I could make something http://myanimelist.net/animelist/Hahaido |
Apr 1, 2016 11:45 AM
#20
Hahaido said: New CSS was a big headache for me but finally I could make something http://myanimelist.net/animelist/Hahaido So nice :) Its possible to change this ? and add this style to it |
Apr 1, 2016 9:35 PM
#21
ok first, thanks for quoting @Shishio-kun :D here, actually made this right after they add the modern list, but then i stopped after i'm done with nav drawer. now i don't know what to do again .-. this modern list have some nice built-in js or so. one i really like is the status bar become fixed on top upon scrolling ==a |
Apr 2, 2016 8:08 PM
#22
idk i tried replicating one my layouts onto the modern layout. http://myanimelist.net/animelist/Vzangetsuha |
isaychrisApr 3, 2016 9:23 PM
Apr 5, 2016 6:01 PM
#23
I tried to replicate my last layout as a test. Truth is, woking with the status menu or tables is a pain in the ass. You have to manually correct some positionning because it differs from the browser's element inspector. If you delete some selectors, they are back by default, so you must override them. Well, it didn't go the way I expected. Guess I'll have to keep the new code in mind for the next design. What whent wrong in the end : -the 1px border on tables element is doubled every four item. -I didn't find a way to change color on hover for both list elements and entry number (at the same time) -Ratings are still black when not logged in. -1px borders are far from perfect, I still have to tweak more, there is some left/missing where I didn't want them. Fixed. -zoom on fonts while hovering destroys all the pagination, so I kept it for later -I need a premade floating menu if I want to change more than the color! -Same for covers preview. I'm not skilled enough to get it back on modern. Apart from these, it's not that bad, even cross-browser proof to a certain level. But I sure would keep the old layout if I could, no need to reinvent the wheel. Edit : the code, the code! Edit2 (17/04/16) : cleaned useless MAL empty lines. Edit3 (22/04) : removed video icons |
NoblueskyJan 27, 2017 12:36 PM
Apr 6, 2016 1:51 AM
#24
isaychris said: idk i tried replicating one my layouts onto the modern layout. http://myanimelist.net/animelist/Vzangetsuha I love this layout; are you willing to tweak coloring, or show me how? |
Apr 6, 2016 11:14 AM
#25
RyaSilverthorn said: isaychris said: idk i tried replicating one my layouts onto the modern layout. http://myanimelist.net/animelist/Vzangetsuha I love this layout; are you willing to tweak coloring, or show me how? oh im not done with it. after im done, ill make it easy to change the colors. |
Apr 6, 2016 1:26 PM
#26
May I ask what should I do to either push the footer to the bottom of the screen when I'm only viewing a short list, or join it with the list so that there are no extra parts sticking out? |
Apr 7, 2016 2:48 AM
#28
isaychris said: That will be lovely! Trying to go through all that code for the colors to change gave me a headache. loloh im not done with it. after im done, ill make it easy to change the colors. |
More topics from this board
» [CSS - CLASSIC] Wishes of the heart ~ XXXholic layout by HahaidoShishio-kun - Dec 27, 2015 |
8 |
by Valerio_Lyndon
»»
Apr 12, 7:34 PM |
|
» [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 |
|
» [MODERN - CSS] ⭐ Sailor Moon layout by 5cmShishio-kun - Sep 7, 2020 |
34 |
by Y3337
»»
Mar 31, 11:45 PM |
|
» [BBCODE + VIDEO GUIDE] ⭐️ Full list of BBcodes and BBcode setups on MAL ( 1 2 3 4 )Shishio-kun - Feb 3, 2012 |
158 |
by KeyiOs
»»
Mar 28, 8:32 AM |