New
Oct 9, 2014 11:58 PM
#251
GatsuLTU said: if you want complete covers you have to generate your own file using genku or blinkIt's working now, but still some anime covers are blank like: Karen Senki, Berserk: Ougon Jidaihen I - Haou no Tamago, Lovely Complex, Inari and etc. The same ones are blank as in the other guys created MAL layout :/. |
Oct 10, 2014 10:12 AM
#252
What do I have to do in order to upload the top-bar icons to my own dropbox? I uploaded all the .css files here to my own, and its working for all except said icons, which won't show up if I use the file from my account. So do I need to save each icon to my dropbox, too or what? Thanks in advance. |
Oct 11, 2014 9:07 AM
#253
BeatzMe said: What do I have to do in order to upload the top-bar icons to my own dropbox? I uploaded all the .css files here to my own, and its working for all except said icons, which won't show up if I use the file from my account. So do I need to save each icon to my dropbox, too or what? Thanks in advance. Yes. That's preferable. I uploaded them to my imgur account. |
Oct 11, 2014 12:42 PM
#254
Marhuto said: BeatzMe said: What do I have to do in order to upload the top-bar icons to my own dropbox? I uploaded all the .css files here to my own, and its working for all except said icons, which won't show up if I use the file from my account. So do I need to save each icon to my dropbox, too or what? Thanks in advance. Yes. That's preferable. I uploaded them to my imgur account. I'm having somewhat of a similar problem, everything is saved to my own personal dropbox except for the top bar icons which I'm hosting from the MAL premade dropbox account from the OP. Theres an icon overlapping another one and I was wondering how I would solve this issue, heres what it looks like: http://gyazo.com/f18ab1ab8f0cebb3706c38ea30a84ed9 |
"Ayyy lmao" - Lil B |
Oct 11, 2014 5:12 PM
#255
fofo808 said: Marhuto said: BeatzMe said: What do I have to do in order to upload the top-bar icons to my own dropbox? I uploaded all the .css files here to my own, and its working for all except said icons, which won't show up if I use the file from my account. So do I need to save each icon to my dropbox, too or what? Thanks in advance. Yes. That's preferable. I uploaded them to my imgur account. I'm having somewhat of a similar problem, everything is saved to my own personal dropbox except for the top bar icons which I'm hosting from the MAL premade dropbox account from the OP. Theres an icon overlapping another one and I was wondering how I would solve this issue, heres what it looks like: http://gyazo.com/f18ab1ab8f0cebb3706c38ea30a84ed9 The background image that you seems to be placed wrong. Let me see a copy of your code. |
Oct 13, 2014 11:51 AM
#256
Marhuto said: fofo808 said: Marhuto said: BeatzMe said: What do I have to do in order to upload the top-bar icons to my own dropbox? I uploaded all the .css files here to my own, and its working for all except said icons, which won't show up if I use the file from my account. So do I need to save each icon to my dropbox, too or what? Thanks in advance. Yes. That's preferable. I uploaded them to my imgur account. I'm having somewhat of a similar problem, everything is saved to my own personal dropbox except for the top bar icons which I'm hosting from the MAL premade dropbox account from the OP. Theres an icon overlapping another one and I was wondering how I would solve this issue, heres what it looks like: http://gyazo.com/f18ab1ab8f0cebb3706c38ea30a84ed9 The background image that you seems to be placed wrong. Let me see a copy of your code. I'm using a custom background, thats what you're seeing lol |
"Ayyy lmao" - Lil B |
Oct 14, 2014 3:43 PM
#257
fofo808 said: Marhuto said: fofo808 said: Marhuto said: BeatzMe said: What do I have to do in order to upload the top-bar icons to my own dropbox? I uploaded all the .css files here to my own, and its working for all except said icons, which won't show up if I use the file from my account. So do I need to save each icon to my dropbox, too or what? Thanks in advance. I know you're using a custom background, but what happen to the banner image? Yes. That's preferable. I uploaded them to my imgur account. I'm having somewhat of a similar problem, everything is saved to my own personal dropbox except for the top bar icons which I'm hosting from the MAL premade dropbox account from the OP. Theres an icon overlapping another one and I was wondering how I would solve this issue, heres what it looks like: http://gyazo.com/f18ab1ab8f0cebb3706c38ea30a84ed9 The background image that you seems to be placed wrong. Let me see a copy of your code. I'm using a custom background, thats what you're seeing lol |
Oct 15, 2014 4:27 PM
#258
Hey guys what do i have to do to get automatic covers update? i have the original Square theme installed and it works great, but i noticed that after i added a new anime i have been watching called Shingeki no Bahamut, the cover comes up blank? so what's the issue? i read some of the posts in the thread, i don't want to manually update my covers every time i add a new anime to my list. Is there an automatic way to do this? thanks |
Oct 15, 2014 5:41 PM
#259
Ownsin said: Hey guys what do i have to do to get automatic covers update? i have the original Square theme installed and it works great, but i noticed that after i added a new anime i have been watching called Shingeki no Bahamut, the cover comes up blank? so what's the issue? i read some of the posts in the thread, i don't want to manually update my covers every time i add a new anime to my list. Is there an automatic way to do this? thanks Use the link below... that program is great Shishio-kun said: Don't forget Blink! its very good for fast covers http://myanimelist.net/forum/?topicid=1174347 |
Oct 15, 2014 5:43 PM
#260
fofo808 said: Marhuto said: fofo808 said: Marhuto said: BeatzMe said: What do I have to do in order to upload the top-bar icons to my own dropbox? I uploaded all the .css files here to my own, and its working for all except said icons, which won't show up if I use the file from my account. So do I need to save each icon to my dropbox, too or what? Thanks in advance. Yes. That's preferable. I uploaded them to my imgur account. I'm having somewhat of a similar problem, everything is saved to my own personal dropbox except for the top bar icons which I'm hosting from the MAL premade dropbox account from the OP. Theres an icon overlapping another one and I was wondering how I would solve this issue, heres what it looks like: http://gyazo.com/f18ab1ab8f0cebb3706c38ea30a84ed9 The background image that you seems to be placed wrong. Let me see a copy of your code. I'm using a custom background, thats what you're seeing lol What about the banner image? |
Oct 21, 2014 4:01 PM
#261
Hi my animalist keeps glitching so that sometimes instead of having the square layout it just has the list in words down the side of the page. This is my list: http://myanimelist.net/animelist/Blackwar_Greymon and this is the coding for it /* @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/TransparentTopBar.css";body, #mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks { background-position: top center !important; } /* Square Layout u531355 - 2012 */ /* 1) Generated covers */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); /* 2) Base layout */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css); /* 3) Top-bar icons */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/japan/bar.css); /* 4) Layout theme */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css); /* 5) Addons - Add as many as you want */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css); /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ body {max-width: 1210;} /* Header picture */ #inlineContent { background-image: url(http://fc02.deviantart.net/fs71/i/2011/175/0/1/bk_wargreymon_by_saintyks-d3jwfgo.jpg); background-position:center; background-repeat:no-repeat; } /* Background Image */ body {background-image:url(http://www.wallarc.com/static/51b1501a9284e65351.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat; /* Default picture when no cover is found */ .hide {background-image: url();} #searchBox { left: -19px; } /* Links color */ a {color: rgb(0, 0, 0);} .header_title { height:50px; } /* Please help me get this sorted out at your earliest convenience. |
Oct 21, 2014 5:30 PM
#262
Here's the code that I use: /* Square Layout Re-edit */ /* 1) Generated covers */ @import "https://dl.dropboxusercontent.com/u/97277932/MAL/generated_anime_covers.css"; @import "https://dl.dropboxusercontent.com/u/97277932/MAL/fixed_anime_covers.css"; /* BANNER (TOP IMAGE)*/ #inlineContent { background-image: url(http://i.imgur.com/mmsTGFf.png); background-position: right 11% !important; background-size: cover; z-index: -3 !important; } /* MAIN BACKGROUND (BEHIND EVERYTHING) */ body { background-image: url(); background-size: cover; background-attachment: fixed; } /* TOP BAR ICONS Replace the icons for the top bar here. Remember you see different icons depending on if you're on your own list or not, or when you're logged out. */ /* USER ICON */ #mal_cs_listinfo div:first-of-type a:before { background-image: url("http://i.imgur.com/PcX8NO3.png"); } /* LOGOUT ICON */ #mal_cs_listinfo div:last-of-type a:before { background-image: url("http://i.imgur.com/2iPNl6X.png"); } /* ADD TO LIST ICON */ #mal_cs_links div:first-of-type a:first-of-type:before { background-image: url("http://i.imgur.com/pVFz41f.png"); } /* VISITOR'S ANIME LIST ICON*/ #mal_cs_links div:last-of-type a:first-of-type:before { background-image: url("http://i.imgur.com/aN7Xrfk.png"); } /* VISITOR'S MANGA LIST ICON*/ #mal_cs_links div:last-of-type a:last-of-type:before { background-image: url("http://i.imgur.com/R7dEPDV.png"); } /* HOME ICON, VISITOR'S ICON FOR YOUR PROFILE LINK*/ #mal_cs_links div:first-of-type a:last-of-type:before, #mal_cs_otherlinks div:first-of-type a:before { background-image: url("http://i.imgur.com/dnCkgv7.png"); } /* LIST OWNER'S MANGA LIST ICON*/ #mal_cs_otherlinks div a[href*="/mangalist/"]:before { background-image: url("http://i.imgur.com/FAH7YCA.png"); } /* LIST OWNER'S ANIME LIST ICON*/ #mal_cs_otherlinks div a[href*="/animelist/"]:before { background-image: url("http://i.imgur.com/MtlhqPt.png"); } /* FORUM ICON*/ #mal_cs_otherlinks a[href*="/forum/"]:before { background-image: url("http://i.imgur.com/zPnh0WV.png"); } /* HISTORY ICONS*/ #mal_cs_otherlinks a[href*="/history/"]:before, #mal_cs_otherlinks div a[href*="/history/"]:before { background-image: url("http://i.imgur.com/Pp4IZoB.png"); } /* EXPORT ICON*/ #mal_cs_otherlinks a[href*="/panel.php?go=export"]:before { background-image: url("http://i.imgur.com/GVQkLB1.png"); } /* SHARED ICON*/ #mal_cs_otherlinks div a[href*="/shared"]:before { background-image: url("http://i.imgur.com/0SmOYWy.png"); } /* LOGIN ICON*/ #mal_cs_otherlinks div a[href*="/login.php"]:before { background-image: url("http://i.imgur.com/vddPBuk.png"); } /* REGISTER ICON*/ #mal_cs_otherlinks div a[href*="/register.php"]:before { background-image: url("http://i.imgur.com/zQpZOSI.png"); } /* LEARN MORE ICON*/ #mal_cs_otherlinks div a[href*="/modules.php?go=faq"]:before { background-image: url("http://i.imgur.com/jwvCVlP.png"); } /* COLORS*/ /* COLOR OF LIST*/ #list_surround{ background-color: ; } /* BACKGROUND COLOR BEHIND TOP BAR AND BANNER BORDER */ #list_surround:before, #inlineContent:after, #inlineContent:before { background-color: #343434; } /* TOPBAR BUTTON AND TEXT COLOR Set background-image to "none" (without quotations) to make background colors work for this part. */ .table_headerLink { background-color: ; background-image: ; } .table_header a{ color: ; } /* TOPBAR SEARCHBOX COLOR Set background-image to "none" (without quotations) to make background colors work for this part. */ #searchBox{ background-color: ; background-image: ; color: ; } /* SELECTED CATEGORY LINK BUTTON COLOR */ .status_selected{ background-color: ; } /* SELECTED CATEGORY LINK TEXT COLOR*/ .status_selected a{ color: ; } /* UNSELECTED CATEGORY LINK BUTTON COLOR */ .status_not_selected a { background-color: ; color: ; } /* UNSELECTED CATEGORY LINK TEXT COLOR */ .status_not_selected a { background-color: ; } /* HEADER COLORS Set background-image to "none" (without quotations) to make background colors work for this part. */ .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw{ background-color: ; background-image: ; color: ; } /* ANIME INFO BUBBLE COLOR Set background-image to "none" (without quotations) to make background colors work for this part. */ .td1, .td2, .td1 a + small, .td2 a + small, .animetitle{ background-color: ; background-image: ; } /* ANIME INFO TEXT COLOR */ .td1:first-of-type, .td2:first-of-type, .td1, .td2, .td1 a, .td2 a { color: ; } /* ANIMETITLE COLOR */ .animetitle{ color: ; } /* CATEGORY TOTALS COLOR Set background-image to "none" (without quotations) to make background colors work for this part. */ .category_totals { background-color: ; background-image: ; color: ; } /* GRAND TOTALS COLOR Set background-image to "none" (without quotations) to make background colors work for this part. */ #grand_totals { background-color: ; background-image: ; color: ; } /* COPYRIGHT COLOR Set background-image to "none" (without quotations) to make background colors work for this part. */ #copyright { background-color: ; background-image: ; color: ; } /* LIST WIDTH Adjust the width of the list with the first code, and move the header behind the category links to the left with the other code. */ #list_surround { width: 72%; } #inlineContent:before { left: 11%; } /* MAX HEIGHT OF ANIME TITLES Adjust this to make more or less height for the longer titles on your list. */ .animetitle { max-height: 34px; } /* HEIGHT OF TAGS BOX If you've turned Tags on for your list, you can adjust the height of the box your tags appear in here. Keep in mind you won't see tags for this list style unless you hover your cursor over the anime. */ .td1[width="125"], .td2[width="125"] { height: 45px; } /******************************* OTHER CODES, DON'T TOUCH UNLESS YOU KNOW WHAT YOU'RE DOING *******************************/ #inlineContent { border-bottom-color: rgb(52, 52, 52); } #mal_control_strip tbody { background-color: rgb(52, 52, 52); } #inlineContent, #searchBox, .status_selected, body, .hide { background-color: rgb(26, 26, 26); } #searchBox, body, input[type=text] { color: rgb(255, 255, 255); } #list_surround table:first-of-type, #list_surround, input[type=text] { background-color: rgb(52, 52, 52); } a { color: rgb(182, 182, 182); } a:hover, #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover { color: rgb(255, 255, 255); } #list_surround table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw):hover { background-color: rgba(245, 132, 0, 0.2); } .hide { box-shadow: 0px 0px 11px 2px rgb(13, 13, 13) inset; } ::selection { color: rgb(245, 132, 0); background-color: rgb(255, 255, 255); } ::-moz-selection { color: rgb(245, 132, 0); background-color: rgb(255, 255, 255); } #mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a, .table_headerLink, .status_not_selected, .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw, .category_totals, #grand_totals, #copyright { background-color: rgb(26, 26, 26) !important; background-image: linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important; background-image: -o-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important; background-image: -moz-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important; background-image: -webkit-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%); background-image: -ms-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important; } #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover, .table_headerLink:hover, .status_not_selected:hover { background-image: linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%); background-image: -o-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%); background-image: -moz-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%); background-image: -webkit-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%); background-image: -ms-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%); } .td1, .td2, .td1 a + small, .td2 a + small, .animetitle { background-color: rgba(13, 13, 13, 0.9); background: transparent linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background: transparent -o-linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background: transparent -moz-linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background: transparent -webkit-linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background: transparent -ms-linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); } .animetitle:hover { background-image: linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background-image: -o-linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background-image: -webkit-linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); background-image: -ms-linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%); } #fancybox-wrap { position: fixed !important; top: 0px !important; bottom: 0px; left: 0px !important; right: 0px !important; max-height: 90%; margin: auto !important; } #fancybox-inner { bottom: 10px; height: auto !important; } body { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } a { text-decoration: none; } #mal_control_strip { width: 77% !important; height: 120px; margin: auto !important; background: none !important; } #inlineContent { pointer-events: none; display: block !important; position: absolute; top: 0px; left: 0px; height: 420px; width: 100%; background-position: right; border-bottom-width: 42px; border-bottom-style: solid; z-index: -1; } #mal_control_strip tbody { position: absolute; top: 0px; width: 686px; height: 120px; border-radius: 0px 0px 13px 13px; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks { padding: 0px !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right-style: none !important; } #mal_cs_pic { position: absolute; top: 11px; left: 11px; } #mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a { display: block; position: absolute; top: 11px; width: 64px; height: 64px; line-height: 64px; overflow-x: hidden !important; overflow-y: hidden; white-space: nowrap; letter-spacing: -1px; font-size: 0px !important; font-weight: bold !important; text-align: center; text-decoration: none !important; border-radius: 7px; } #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover { font-size: 11px !important; } #mal_cs_listinfo div:first-of-type a {left: 11px;} #mal_cs_listinfo div:last-of-type a {left: 86px;} #mal_cs_links div:first-of-type a:first-of-type {left: 161px;} #mal_cs_links div:last-of-type a:first-of-type {left: 236px;} #mal_cs_links div:last-of-type a:last-of-type {left: 311px;} #mal_cs_links div:first-of-type a:last-of-type, #mal_cs_otherlinks div:first-of-type a {left: 386px;} #mal_cs_otherlinks a[href*="/forum/"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"], #mal_cs_otherlinks a[href*="/login.php"] {left: 461px;} #mal_cs_otherlinks a[href*="/history/"], #mal_cs_otherlinks a[href*="/register.php"] {left: 536px;} #mal_cs_otherlinks a[href*="/panel.php?go=export"], #mal_cs_otherlinks a[href*="/shared"], #mal_cs_otherlinks a[href*="/modules.php?go=faq"] {left: 611px;} #mal_cs_listinfo a:before, #mal_cs_links a:before, #mal_cs_otherlinks a:before { position: absolute; top: 0px; left: 0px; width: 64px; height: 64px; content: ""; background-position: center; background-repeat: no-repeat; background-size: 56px; } #mal_cs_listinfo a:hover:before, #mal_cs_links a:hover:before, #mal_cs_otherlinks a:hover:before { content: none; } #mal_cs_powered { top: 86px !important; left: 461px; right: auto !important; } #mal_cs_powered img { display: none; } #searchBox { position: absolute; top: 0px; left: 0px; padding: 4px 7px; width: 200px !important; height: 15px; font-size: 11px !important; text-align: center; border: none; border-radius: 4px; } .header_cw + table , .header_completed + table , .header_onhold + table , .header_dropped + table , .header_ptw + table { position: absolute; top: 86px; width: 461px; -layout: fixed; border-spacing: 11px 0px; } #list_surround table:nth-of-type(n+4) ~ .header_cw + table , #list_surround table:nth-of-type(n+4) ~ .header_completed + table , #list_surround table:nth-of-type(n+4) ~ .header_onhold + table , #list_surround table:nth-of-type(n+4) ~ .header_dropped + table , #list_surround table:nth-of-type(n+4) ~ .header_ptw + table { display: none; } .table_header { width: auto; } .table_header:first-of-type, .table_header:nth-of-type(n+6) { display: none; } .table_headerLink { display: block; padding: 4px 7px; height: 15px; text-align: center; border-radius: 4px; } #list_surround table:first-of-type { position: absolute; top: 398px; width: auto; font-size: 13px; font-weight: bold; border-spacing: 11px; border-radius: 13px 13px 0px 0px; } .status_selected, .status_not_selected { width: auto; white-space: nowrap; border-radius: 7px; } .status_selected a, .status_not_selected a { display: block; padding: 0px 22px; line-height: 42px; } #list_surround { width: 77%; min-width: 726px; margin: 406px auto 64px; padding: 11px 31px 42px 31px; border-radius: 42px; } .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { clear: both; position: relative; top: 31px; margin: 0px 0px 42px 0px; padding: 11px 0px; border-radius: 13px; } .header_title { padding-left: 242px; font-size: 22px; font-weight: bold; text-align: center; } #list_surround table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw), .hide { float: left; position: relative; width: 220px; height: 220px; margin: 11px; border-radius: 13px; } #list_surround table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) { z-index: 1; } .hide { display: block !important; margin-left: -231px; background-position: center -20px; } .td1, .td2 { position: absolute; padding: 4px 7px; border-radius: 4px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { visibility: hidden; padding: 0px; width: 100%; height: 100%; } .td1:first-of-type:before, .td2:first-of-type:before { content: "#"; } .td1:first-of-type, .td2:first-of-type { top: 11px; left: 11px; width: 42px; z-index: 1; } .td1 a[title="Anime Information"] + small, .td2 a[title="Anime Information"] + small { display: block; visibility: visible; position: absolute; top: 11px; left: 82px; width: 43px; padding: 4px 7px; font-size: 11px; text-align: center; word-wrap: break-word; border-radius: 4px; } .td1:nth-of-type(4)[width="50"], .td2:nth-of-type(4)[width="50"] { top: 11px; right: 11px; width: 42px; } td[width="70"] + .td1:nth-of-type(5):before, [width="70"] + .td2:nth-of-type(5):before { content: "Volumes: "; } td[width="70"] + .td1:nth-of-type(5), td[width="70"] + .td2:nth-of-type(5) { top: 11px; right: 11px; width: auto; text-align: right; } .td1 a:not([title="Anime Information"]) + small, .td2 a:not([title="Anime Information"]) + small { display: block; visibility: visible; position: absolute; top: 41px; right: 11px; width: auto; padding: 4px 7px; font-size: 11px; text-align: right; border-radius: 4px; } .animetitle { display: block; visibility: visible; position: absolute; left: 11px; bottom: 41px; padding: 7px; width: 184px; max-height: 34px; overflow: hidden; text-align: center; font-size: 13px; font-weight: bold; border-radius: 7px; } .td1:nth-of-type(3):before, .td2:nth-of-type(3):before { content: "Score: "; } .td1:nth-of-type(3), .td2:nth-of-type(3) { left: 11px; bottom: 11px; width: auto; text-align: left; } td[width="50"] + .td1:nth-of-type(5):before, [width="50"] + .td2:nth-of-type(5):before { content: "Episodes: "; } td[width="50"] + .td1:nth-of-type(5), td[width="50"] + .td2:nth-of-type(5) { right: 11px; bottom: 11px; width: auto; text-align: right; } .td1:nth-of-type(4)[width="70"]:before, .td2:nth-of-type(4)[width="70"]:before { content: "Chapters: "; } .td1:nth-of-type(4)[width="70"], .td2:nth-of-type(4)[width="70"] { bottom: 11px; right: 11px; width: auto; text-align: right; } .td1:nth-of-type(n+6), .td2:nth-of-type(n+6) { display: none; } .td1[width="125"], .td2[width="125"] { left: 11px; top: 71px; width: 184px; height: 45px; overflow: auto; } #list_surround table:hover .td1[width="125"], #list_surround table:hover .td2[width="125"] { display: block; } input[type=text] { width: 100%; text-align: right; border: none; border-radius: 4px; } input[value=Go] { display: none; } #list_surround .List_LightBox { display: block; visibility: visible; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; } .category_totals { padding: 0px 31px; text-align: center; white-space: pre-line; border-radius: 13px; } .category_totals:before { display: block; content: "Totals:"; text-align: center; font-weight: bold; } #grand_totals, #copyright { clear: both; position: relative; top: 31px; padding: 11px 0px; text-align: center; } #grand_totals { margin-bottom: 22px; border-radius: 7px; } #copyright { margin-top: 0px !important; margin-bottom: 31px; border-radius: 13px; } #list_surround br { display: none; } #mal_control_strip #mal_cs_otherlinks strong{ margin: 0px !important; font-size: 0px !important; } #list_surround:before { border-radius: 0 0 13px 13px; height: 120px; top: 0; width: 700px; content: ""; z-index: -2 !important; display: block; position: absolute !important; left: 11% !important; } #inlineContent:after { content: ""; display: block !important; height: 42px; left: 0; margin: auto; position: absolute; right: 0; top: 420px; width: 100%; } #inlineContent:before { border-radius: 13px 13px 0 0; position: absolute; top: 398px; display: block !important; height: 63px; left: 11%; margin: auto; position: absolute; width: 858px; content: ""; } .status_not_selected a { border-radius: 6px; color: ; } .status_not_selected a { border-radius: 6px; } #mal_cs_otherlinks :nth-of-type(2) { margin-top: -40px; } #mal_cs_otherlinks a[href*="/forum/"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"], #mal_cs_otherlinks a[href*="/login.php"], #mal_cs_otherlinks div a[href*="/register.php"]{ margin-top: 0; } #list_surround table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw), .hide { height: 300px !important; } .hide { background-position: center !important; } |
Oct 21, 2014 7:15 PM
#263
A few questions anyone know where I can find a decent Durarara!! or Ghost in the shell pic I can use next question how would I change the background pic on the list I am using right now. Last question if The buttons up top on the list are they even changeable if so how?? I kinda want the list durarara!! based but ghost in the shell would work as well. |
Oct 21, 2014 8:13 PM
#264
YukiUzumaki said: A few questions anyone know where I can find a decent Durarara!! or Ghost in the shell pic I can use next question how would I change the background pic on the list I am using right now. Last question if The buttons up top on the list are they even changeable if so how?? I kinda want the list durarara!! based but ghost in the shell would work as well. You're using my edited version of the Square layout, not the one in this topic which is customized differently. Post further questions about that in the proper topic from now on please: http://myanimelist.net/forum/?topicid=1198609 1. Konachan has good wallpapers for you to download: https://konachan.com/post?tags=durarara!! 2. Go down in your code to: /* MAIN BACKGROUND (BEHIND EVERYTHING) */ body{ background-image: url(http://i.imgur.com/sabnhD5.jpg); background-size: cover; background-attachment: fixed; } Change the background URL link there (the link in blue) with one from a wallpaper you upload to a site like Imgur or Photobucket. If you want to change the Hatsune Miku banners, the URLs for thos are under /*BANNERS 3. You change the background image URLs under /* TOP BAR ICONS with urls to other icons you upload yourself just like the wallpapers, but there are alot to change out |
Oct 22, 2014 6:37 AM
#265
Hai. Not sure if dropbox is down again or something but I've had this for quite some time now: http://i.gyazo.com/63d306b99869d02fc74100f59f0d7476.png Cheers for the awesome layout btw. |
Oct 22, 2014 9:48 AM
#266
Joxuu said: Hai. Not sure if dropbox is down again or something but I've had this for quite some time now: http://i.gyazo.com/63d306b99869d02fc74100f59f0d7476.png Cheers for the awesome layout btw. The Dropbox containing these codes crashed, so the layout won't work till they unsuspend the Dropbox account (maybe soon, and they suspend it again later). I edited the layouts so they don't have to be put into Dropbox so the layouts work year round: http://myanimelist.net/forum/?topicid=1198609 You can use those in the meantime but I don't have the Japan bar icons |
Oct 24, 2014 11:25 PM
#267
http://oi62.tinypic.com/3468609.jpg Why do not it show the picks of the animes? |
Nov 8, 2014 3:23 AM
#268
Hi my animalist keeps glitching so that sometimes instead of having the square layout it just has the list in words down the side of the page. This is my list: http://myanimelist.net/animelist/Blackwar_Greymon and this is the coding for it: /* Square Layout u531355 - 2012 */ /* 1) Generated covers */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); /* 2) Base layout */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css); /* 3) Top-bar icons */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/japan/bar.css); /* 4) Layout theme */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css); /* 5) Addons - Add as many as you want */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css); /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ #mal_control_strip, #list_surround {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/headers/seasons.jpg);} /* Default picture when no cover is found */ .hide {background-image: url();} /* Links color */ a {color: rgb(39, 255, 195);} Although I don't think the code is responsible as even if i change it the problem remains Please help me get this sorted out at your earliest convenience |
Nov 8, 2014 5:24 AM
#269
Blackwar_Greymon said: Hi my animalist keeps glitching so that sometimes instead of having the square layout it just has the list in words down the side of the page. This is my list: http://myanimelist.net/animelist/Blackwar_Greymon and this is the coding for it: /* Square Layout u531355 - 2012 */ /* 1) Generated covers */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); /* 2) Base layout */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css); /* 3) Top-bar icons */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/japan/bar.css); /* 4) Layout theme */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css); /* 5) Addons - Add as many as you want */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css); /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ #mal_control_strip, #list_surround {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/headers/seasons.jpg);} /* Default picture when no cover is found */ .hide {background-image: url();} /* Links color */ a {color: rgb(39, 255, 195);} Although I don't think the code is responsible as even if i change it the problem remains Please help me get this sorted out at your earliest convenience The problem you are encountering isn't actually your problem, its actually dropbox's problem. If you try opening the links that is in the advanced css editor, you will get a 509 error, which means that the file is generating too much traffic and has been disabled until it has gone down. What you need to do is download/backup a copy of your own code and host it yourself on your own dropbox/other servers/what other storage you have, then replace those links back to your own files. |
Nov 8, 2014 7:18 AM
#270
jicks said: or find the other square layout topic and use those codesBlackwar_Greymon said: Hi my animalist keeps glitching so that sometimes instead of having the square layout it just has the list in words down the side of the page. This is my list: http://myanimelist.net/animelist/Blackwar_Greymon and this is the coding for it: /* Square Layout u531355 - 2012 */ /* 1) Generated covers */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); /* 2) Base layout */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css); /* 3) Top-bar icons */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/japan/bar.css); /* 4) Layout theme */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css); /* 5) Addons - Add as many as you want */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css); /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ #mal_control_strip, #list_surround {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/headers/seasons.jpg);} /* Default picture when no cover is found */ .hide {background-image: url();} /* Links color */ a {color: rgb(39, 255, 195);} Although I don't think the code is responsible as even if i change it the problem remains Please help me get this sorted out at your earliest convenience The problem you are encountering isn't actually your problem, its actually dropbox's problem. If you try opening the links that is in the advanced css editor, you will get a 509 error, which means that the file is generating too much traffic and has been disabled until it has gone down. What you need to do is download/backup a copy of your own code and host it yourself on your own dropbox/other servers/what other storage you have, then replace those links back to your own files. |
Nov 8, 2014 12:56 PM
#271
Blackwar_Greymon said: Hi my animalist keeps glitching so that sometimes instead of having the square layout it just has the list in words down the side of the page. This is my list: http://myanimelist.net/animelist/Blackwar_Greymon and this is the coding for it: /* Square Layout u531355 - 2012 */ /* 1) Generated covers */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); /* 2) Base layout */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css); /* 3) Top-bar icons */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/japan/bar.css); /* 4) Layout theme */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css); /* 5) Addons - Add as many as you want */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css); /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ #mal_control_strip, #list_surround {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/headers/seasons.jpg);} /* Default picture when no cover is found */ .hide {background-image: url();} /* Links color */ a {color: rgb(39, 255, 195);} Although I don't think the code is responsible as even if i change it the problem remains Please help me get this sorted out at your earliest convenience See two comments before yours, or front page.. alternative Square layout codes: http://myanimelist.net/forum/?topicid=1198609 |
Feb 19, 2015 2:35 PM
#272
is there a way to get the rating to be displayed on the rectangles? |
Feb 19, 2015 5:17 PM
#273
mattz205 said: is there a way to get the rating to be displayed on the rectangles? .td1:nth-of-type(n+6), .td2:nth-of-type(n+6) { display: block; top: 40px; left: 10px; width:40px; height:18px; } I think you can try this to make the Rating reappear and move it around, works in preview. Move it around with left and top code amounts. But I think it needs more editing so its as translucent as the other little bars (score, etc). Also you need to remove the "read more at.." line at the bottom of your CSS before you add this. |
Feb 28, 2015 9:38 AM
#274
This is a great layout. I Use it for both my anime & manga list. Im in the middle of customizing it and I was wondering Is it possible to remove that? |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Feb 28, 2015 10:00 AM
#275
daAmazinFatB0y said: This is a great layout. I Use it for both my anime & manga list. Im in the middle of customizing it and I was wondering Is it possible to remove that? Put this at the end of your code: .category_totals{display:none}; |
Feb 28, 2015 11:41 AM
#276
Satiriques said: daAmazinFatB0y said: This is a great layout. I Use it for both my anime & manga list. Im in the middle of customizing it and I was wondering Is it possible to remove that? Put this at the end of your code: .category_totals{display:none}; Thanks for that! Can you help with one more thing? That and the others that say Completed, Plan To Watch etc etc They are not centered anymore. any way to fix that? |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Feb 28, 2015 11:54 AM
#277
daAmazinFatB0y said: Satiriques said: daAmazinFatB0y said: This is a great layout. I Use it for both my anime & manga list. Im in the middle of customizing it and I was wondering Is it possible to remove that? Put this at the end of your code: .category_totals{display:none}; Thanks for that! Can you help with one more thing? That and the others that say Completed, Plan To Watch etc etc They are not centered anymore. any way to fix that? .header_title{padding:0px;} |
Feb 28, 2015 12:34 PM
#278
Satiriques said: daAmazinFatB0y said: Satiriques said: daAmazinFatB0y said: This is a great layout. I Use it for both my anime & manga list. Im in the middle of customizing it and I was wondering Is it possible to remove that? Put this at the end of your code: .category_totals{display:none}; Thanks for that! Can you help with one more thing? That and the others that say Completed, Plan To Watch etc etc They are not centered anymore. any way to fix that? .header_title{padding:0px;} Thanks for that. you been a big help. Had to change it to 1px but yh it works. |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 2, 2015 11:55 AM
#279
yo! the links are down for the layouts n shit! |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 2, 2015 2:58 PM
#280
Mar 2, 2015 4:55 PM
#281
Kinkara said: Hi there, I started using this layout some time ago and everything worked out fine until today when I saw this: I did not change anything from the code apart from the pre-made customizations in the OP, which worked just fine until today. Thanks in advance. The links on the OP are down. guess we gotta wait coz im the same. |
TheNoseOfDeathMar 3, 2015 1:55 PM
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 2, 2015 5:05 PM
#282
Next time make sure you backup the codes and import them from your own cloud service so stuff like this won't happen. |
Mar 3, 2015 1:56 AM
#283
Satiriques said: Next time make sure you backup the codes and import them from your own cloud service so stuff like this won't happen. Funny thing was. I was in the middle of doing just that and before I got to the Base Layout. the links died lol |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 4, 2015 3:46 AM
#285
AD1N said: Anyone have mirrors? Links offline :( http://myanimelist.net/forum/?topicid=1198609&show=0 I have these, but I thought this layout which crashed would be back up by now |
Shishio-kunMar 4, 2015 3:52 AM
Mar 4, 2015 12:37 PM
#286
Shishio-kun said: AD1N said: Anyone have mirrors? Links offline :( http://myanimelist.net/forum/?topicid=1198609&show=0 I have these, but I thought this layout which crashed would be back up by now Thanks for that though I'm not sure what part of the code to copy for the theme only. I'm lookin for the white theme for my manga list. can you help me out? |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 5, 2015 9:48 PM
#287
Ahh bummer I totally meant to download and re-host these privately the last 2-3 times this happened lol... Would also love it if someone had some mirrors, especially for the base layout. Shishio, when the links go back to being live again, perhaps considering re-hosting them yourself and editing them into that thread you linked in the OP just for future reference for situations like this, nahmean? If it's anything like last time, this layout is gonna be down for awhile : |
Mar 6, 2015 12:48 AM
#288
Tw1tcHy said: Shishio, when the links go back to being live again, perhaps considering re-hosting them yourself and editing them into that thread you linked in the OP just for future reference for situations like this, nahmean? If it's anything like last time, this layout is gonna be down for awhile : I already made these for that reason: http://myanimelist.net/forum/?topicid=1198609&show=0 Why can't you guys use those? Its the exact same layouts afaik, except I don't host them on a dropbox- they install to your CSS edit box here so they never crash again. I'm not using dropboxes for hosting layouts anymore cuz mine crash more than U5's (too many hits daily even for small stuff). daAmazinFatB0y said: Shishio-kun said: AD1N said: Anyone have mirrors? Links offline :( http://myanimelist.net/forum/?topicid=1198609&show=0 I have these, but I thought this layout which crashed would be back up by now Thanks for that though I'm not sure what part of the code to copy for the theme only. I'm lookin for the white theme for my manga list. can you help me out? A link to the rehosted white theme is right there on that page, did you try installing it on your manga list CSS? All you have to do is install it to your manga list then use the instructions at the bottom of the OP to set it for a manga list: http://i.imgur.com/khZofmB.png |
Mar 6, 2015 8:03 AM
#289
To me who has a basic understanding of .CSS and especially for the many users who don't, it's harder to modify that version to suit your needs precisely. For example, I used your code last night, and while it works for the base format, some addons work and some don't. I did the long covers mod, then added that "section glow" mod which somehow disabled the long covers. I can't find where to change the text color so I'm back to the stock gray-whiteish color. For example, this is a very small, simple, easy-to-read/navigate format for just about anyone /* 1) Generated covers */ @import url(https://www.viaware.ca/malutils/listimg/getcss/Tw1tcHy/anime/more); /* 2) Base layout */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css); /* 3) Top-bar icons */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/gnome/bar.css); /* 4) Layout theme */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css); /* 5) Addons - Add as many as you want */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css); @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/baronright/addon.css); /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ #mal_control_strip, #list_surround {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://i.imgur.com/6VfICiU.png);} /* Default picture when no cover is found */ .hide {background-image: url();} /* Links color */ a {color: rgb(40, 180, 255);} Where everything is clearly sorted and defined vs pasting the entire code for all of that in one lump sum and having to try to look through it all in a tiny box to make any changes. Get what I mean? I definitely like the idea of installing them directly your way so they can never crash again, it just comes at the cost of simplicity. Maybe you give too many MAL members too much credit in figuring this stuff out haha. In my opinion, the easiest option would be to teach people to host it themselves so the traffic never runs high enough to crash it. If u5122145254 whatever his name is is able to keep it supported for several month stretches at a time for the sheer number of people who use it, everyone hosting it themselves should never see a problem for the time they decide to run the theme. |
Tw1tcHyMar 6, 2015 8:07 AM
Mar 6, 2015 11:18 AM
#290
Ok I see, you want the simplistic CSS edit box style, thats understandable. I'm not going to take the time to find another dropbox style site and upload all these codes for a similar CSS mirror myself, but when the codes come back I'll try to put the word out for people to try to make some mirrors for the layout on their own dropboxes/etc so people can switch to them when this one dies, I'd put in the OP, and also put some kinda RAR mirror in the OP for the few people willing to rehost (already planned on this actually). Just have to wait for these codes to come back online I just added those two add-ons to the rehosted square layout, there was no problem, so when you added them you may have made some error (put the codes on the bottom, and be careful not to add extra lines on accident). I can look into a changing text option in the OP later too. You can always post this type of issue in the topic when you encounter them so I can address them in the OP, otherwise I'll have no idea, but now I know about that particular one. On the last thing, unfortunately the majority of users flat-out refuse to rehost CSS in similar topics no matter how easy we made it (clear instructions, tools, etc) since its actually easiest for them to wait it out, change layout style completely, use the alternative similar layouts, re-add codes manually, etc. And I've seen so many people who spent hours doing something manually that simply rehosting would have taken minutes to do, all to avoid signing up for another website. So I don't take time for it these days but its ok for this. Anyways thanks for the input! |
Mar 6, 2015 1:14 PM
#291
Tw1tcHy said: To me who has a basic understanding of .CSS and especially for the many users who don't, it's harder to modify that version to suit your needs precisely. For example, I used your code last night, and while it works for the base format, some addons work and some don't. I did the long covers mod, then added that "section glow" mod which somehow disabled the long covers. I can't find where to change the text color so I'm back to the stock gray-whiteish color. For example, this is a very small, simple, easy-to-read/navigate format for just about anyone /* 1) Generated covers */ @import url(https://www.viaware.ca/malutils/listimg/getcss/Tw1tcHy/anime/more); /* 2) Base layout */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css); /* 3) Top-bar icons */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/gnome/bar.css); /* 4) Layout theme */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css); /* 5) Addons - Add as many as you want */ @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css); @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/baronright/addon.css); /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ #mal_control_strip, #list_surround {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://i.imgur.com/6VfICiU.png);} /* Default picture when no cover is found */ .hide {background-image: url();} /* Links color */ a {color: rgb(40, 180, 255);} Where everything is clearly sorted and defined vs pasting the entire code for all of that in one lump sum and having to try to look through it all in a tiny box to make any changes. Get what I mean? I definitely like the idea of installing them directly your way so they can never crash again, it just comes at the cost of simplicity. Maybe you give too many MAL members too much credit in figuring this stuff out haha. In my opinion, the easiest option would be to teach people to host it themselves so the traffic never runs high enough to crash it. If u5122145254 whatever his name is is able to keep it supported for several month stretches at a time for the sheer number of people who use it, everyone hosting it themselves should never see a problem for the time they decide to run the theme. Exactly. Shishio-kun said: Ok I see, you want the simplistic CSS edit box style, thats understandable. I'm not going to take the time to find another dropbox style site and upload all these codes for a similar CSS mirror myself, but when the codes come back I'll try to put the word out for people to try to make some mirrors for the layout on their own dropboxes/etc so people can switch to them when this one dies, I'd put in the OP, and also put some kinda RAR mirror in the OP for the few people willing to rehost (already planned on this actually). Just have to wait for these codes to come back online I just added those two add-ons to the rehosted square layout, there was no problem, so when you added them you may have made some error (put the codes on the bottom, and be careful not to add extra lines on accident). I can look into a changing text option in the OP later too. You can always post this type of issue in the topic when you encounter them so I can address them in the OP, otherwise I'll have no idea, but now I know about that particular one. On the last thing, unfortunately the majority of users flat-out refuse to rehost CSS in similar topics no matter how easy we made it (clear instructions, tools, etc) since its actually easiest for them to wait it out, change layout style completely, use the alternative similar layouts, re-add codes manually, etc. And I've seen so many people who spent hours doing something manually that simply rehosting would have taken minutes to do, all to avoid signing up for another website. So I don't take time for it these days but its ok for this. Anyways thanks for the input! Thats understandable. Thanks for your help as always though. |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 6, 2015 1:24 PM
#292
Shishio-kun said: daAmazinFatB0y said: Shishio-kun said: AD1N said: Anyone have mirrors? Links offline :( http://myanimelist.net/forum/?topicid=1198609&show=0 I have these, but I thought this layout which crashed would be back up by now Thanks for that though I'm not sure what part of the code to copy for the theme only. I'm lookin for the white theme for my manga list. can you help me out? A link to the rehosted white theme is right there on that page, did you try installing it on your manga list CSS? All you have to do is install it to your manga list then use the instructions at the bottom of the OP to set it for a manga list: http://i.imgur.com/khZofmB.png I have everything else. its simply the color scheme I want but I also wanna keep the the blue text I'm currently using. havin a hard time on what to copy and what not to copy so it looks the same but its the white theme and my blue text. but I'll mess with it n see what happens lol |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 7, 2015 6:20 AM
#293
Tw1tcHy said: I can't find where to change the text color so I'm back to the stock gray-whiteish color. The layout already has notes that outline the text colors, but I've added to the source topic for rehosted layouts a new section for changing the colors of individual parts and the majority of the text more easily with example pics and the codes for them. You just add the code for the part you want to change to the bottom of your CSS and change the color word to what you want. To change the majority of the text on the list, similar how they do in this topic's layout (I think), you can add to the bottom: /* MAIN TEXT AND LINK COLORS */ .table_header a, .status_selected a, .status_not_selected a, .td1:first-of-type, .td2:first-of-type, .td1, .td2, .td1 a, .td2 a, .animetitle, .category_totals, #grand_totals{ color: red !important; } and just make red what color you want for all that text. Make sure you remove any "read more" lines from your CSS too. Example: http://i.imgur.com/CEZoakx.png More info and individual text coloring in the actual topic. daAmazinFatB0y said: I have everything else. its simply the color scheme I want but I also wanna keep the the blue text I'm currently using. To change the majority of the text, see same as above. Just change "red" to the the blue you want and it should work. havin a hard time on what to copy and what not to copy so it looks the same but its the white theme and my blue text. Hmm, I don't see why you'd need to "not copy" something. You only need to copy the theme you want (Light/White theme), and paste in the add-ons you want and make adjustments to parts in the code. |
Mar 7, 2015 6:10 PM
#294
I checked my code with the addons, didn't delete the brackets or paste it wrong, just pasted it at the bottom. It worked fine until I added the glow code. It's weird. For the colors, what if you want a specific RGB value? For example, mine were a specific shade of blue, different from what the code "blue" would show, if you get what I mean. Is that still possible somehow? |
Mar 7, 2015 8:22 PM
#295
Tw1tcHy said: I checked my code with the addons, didn't delete the brackets or paste it wrong, just pasted it at the bottom. It worked fine until I added the glow code. It's weird. For the colors, what if you want a specific RGB value? For example, mine were a specific shade of blue, different from what the code "blue" would show, if you get what I mean. Is that still possible somehow? Hmm I just installed your layout to my own list, and added the long covers then button glow, and then vice versa, and they both work every time. You currently don't seem to have the code for the long covers on your CSS at all. But you have the button glow, you see that right? Always make sure they're both added in. btw after saving, the page redirects you to the page with your CSS before you make changes. Cuz of that sometimes changes don't seem to take effect if we do them one after another. So you have to either close it or go back a page to continue editing your CSS normally. I think I mentioned this in the beginner's tutorial You don't need to use a color name. You can use RGBA or HTML colors instead of a color name: http://www.css3maker.com/css-3-rgba.html http://www.w3schools.com/tags/ref_colorpicker.asp I'll add a note for that in the rehosted Square topic. |
Mar 8, 2015 10:48 AM
#296
*Note* Tokyo Ghoul √A's Cover is broken in this list: " @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); " To fix it add this line after the one up above ( ^ ): #more27899 {background-image: url(http://cdn.myanimelist.net/images/anime/13/71777.jpg);} Enjoy :) |
Mar 10, 2015 5:04 AM
#297
Well shit now I feel stupid. I guess one of my changes didn't save right because I just now experiences several encounters of that happening when I was modifying the code further. In any case, got them both to work now and added colors as well. My only complaint is I can't find any source code to move the bar to the right or center the headers, but otherwise I'll be keeping this setup instead, fuck the dropbox method! Props Shishio! |
Mar 10, 2015 7:30 AM
#298
Tw1tcHy said: My only complaint is I can't find any source code to move the bar to the right or center the headers, but otherwise I'll be keeping this setup instead, fuck the dropbox method! Props Shishio! OK, I have a possible quick fix for the centering of headers, but I want to keep posts for that topic in that topic if possible now, so I've answered there: http://myanimelist.net/forum/?topicid=1198609&show=60#msg38629228 |
Mar 10, 2015 1:26 PM
#299
Can someone help me out? I tried to remove the bit that shows your totals. ^^^^ That! I used this code .category_totals{display:none}; It works but it just hides it.. like this. Now its just got this big gap as you can see in the picture. The orange box comes when I hover over where totals is supposed to be btw. Is there a real way to completely remove it? Also is there a way to make the border itself transparent? and maybe a way to9 remove the header picture & border so its just a picture in the background? Sorry if its a bit much. Thanks. EDIT: Its okay actually. I managed to do the transparent border & full background thing myself lol I still need help with the transparent totals thing though. |
TheNoseOfDeathMar 10, 2015 2:35 PM
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
Mar 20, 2015 7:34 AM
#300
bump power! |
My Manga List My Anime List Shabada shabadabadaba I am DjG545 aka Dj Fo Fo aka The Mutha Fkn Name I'm Usin Now |
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 |