New
Jun 3, 2013 5:52 PM
#1
This topic on fixing your covers part of our Customizing your list section and Tools and Tips section. This is intended for using Genku by Hahaido to fill in the missing DVD or manga covers on your list. If your list doesn't have covers and you want some, get a layout that has covers, or see our directory on adding DVD and manga covers: Covers directory Step 1: Find what kind of cover CSS your list has Genku makes different kinds of cover CSS and will ask you what kind you need for your layout. You need to know what kind of covers your layout uses; if you don't know use the instructions in the spoiler below. See if your animelist layout (CSS) has any of these types of imports: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); If you are using any these, your animelist uses "More" CSS @import url(https://googledrive.com/host/0BxjwQr0BBXs-Q240SG0zTVZjSlE); If you are using this, your animelist uses "AnimeTitle" CSS @import url(https://googledrive.com/host/0BxjwQr0BBXs-MVlzYkRVc0k0Q0k); If you are using this, your animelist uses "AnimeTitle:Before" CSS See if your mangalist layout (CSS) has any of these types of imports: @import url(https://dl.dropboxusercontent.com/s/aunymjyr9cqdxjl/manga.css); @import url(https://googledrive.com/host/0B6o_dc8499jfMVlNeWR0Z0sxWmM); @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); If you are using any these, your mangalist uses "More" CSS @import url(https://dl.dropboxusercontent.com/s/6nxtj78vonwq9ah/mangatitle.css); @import url(https://googledrive.com/host/0B6o_dc8499jfZnpwV0J1QUNqQlU); If you are using any of these, your mangalist uses "AnimeTitle" CSS @import url(https://dl.dropboxusercontent.com/s/7w85h0q3s1t7gha/mangatitlebefore.css); @import url(https://googledrive.com/host/0B6o_dc8499jfRTdKNHlVcnN2Rk0); If you are using any of these, your mangalist uses "AnimeTitle:Before" CSS Step 2: Download and open the generator Go to the official page for Genku and download it: http://myanimelist.net/forum/?topicid=442261 It will download in .zip format. Your computer should have Winrar or a similar program on it to extract the files. Right click the file that downloaded and choose "Extract to Style..." as seen here. After that the program and files will be in the same folder as here. If you're having trouble: If the download link isn't working go to his original topic and download from top spoiler. Let me know here if there is a new one if I haven't updated the link here: http://myanimelist.net/forum/?topicid=442261 And if you can't extract the program on right click then you need to Google and install Winrar. Its free and safe- one of the most widely used programs. Step 3: Start generator and make the right CSS for your list Look in the new folder made in step 2 for program named 'Style' (its a Death Note icon). Click on it and choose "Run" if it asks. Put your username in, hit Go, then choose the type of CSS you need (more or animetitle) and hit Go again. Hit the Export button when its done. If you can't figure it out I outlined how with visual examples: Look in the new folder made in step 2 for this icon or program named 'Style'. Click on it and choose "Run" if it asks you. http://i.imgur.com/Rw7dfrl.png It will open into this. This is the correct program. http://i.imgur.com/2kxcQFT.png Put your username in the Name box (1) and make sure the right list type is dotted to the right of it (2); then click the Go button (3) and wait for it to load your titles. http://i.imgur.com/RRUwe7E.png Now click the more or the animetitle button, select the type of CSS you need to generate, depending on what your list uses (from step 1), then click Go again. Wait for it to generate your CSS. http://i.imgur.com/gf62cge.png The CSS will be available in the window of the CSS tab for copying, but all you have to do is click Export on the right! Save the file somewhere you can find it easily and name it something like "MyMoreCSS" or "MyAnimetitles" etc. I recommend saving it in the same folder with the program so its easy to find it! http://i.imgur.com/S2v6D94.png Step 4: Open a Dropbox account, upload the CSS and get a direct link to it Go to Dropbox.com and make an account. Its free. Upload the CSS file you generated to the home page there. Right click the newly uploaded file. Choose the option "Share Link" (circled below) and go to the new tab it opens. http://i.imgur.com/3xN1zxZ.jpg Close the pop up window with the X on it, shown below. This isn't for what we're doing. You need to copy the URL address after closing the pop-up, as boxed in red. This is what we need. http://i.imgur.com/rGrh4gs.jpg Step 5. Paste the direct link URL into your CSS edit box and make it a proper import Once you've copied the URL from the page you got to in step 4, paste it to the top of your list's CSS edit box here on Myanimelist. The CSS edit box is where you put your past list codes. The URL will look something like these (but will be unique to your Dropbox link). https://www.dropbox.com/s/mji14kamo2313m1/MyCovers.css or this https://www.dropbox.com/s/mji14kamo2313m1/MyCovers.css?dl=0 Do this part really carefully. Delete everything in front of the "s/" part of your link. For example, I've put what needs to be cut in the box below: https://www.dropbox.com/ Example of the dropbox link after deleting this text: s/mji14kamo2313m1/MyCovers.css Now add what's in the box below to the front of what's left of the link. @import "https://dl.dropboxusercontent.com/ Example after adding it: @import "https://dl.dropboxusercontent.com/s/mji14kamo2313m1/MyCovers.css Finally, add what's in the box below after the link. "; Example after adding it: @import "https://dl.dropboxusercontent.com/s/mji14kamo2313m1/MyCovers.css"; Make sure you did it exactly right, if even one character is wrong you will have to start step 5 over. When you're done, you now have an import link! The import should look something like this in your CSS edit box: http://i.imgur.com/T409hWJ.jpg Remember, your import link will be similar but won't be exactly the same since it links to a different file in your own dropbox. You should also take this time to delete any old imports you're replacing, like default cover CSS imports. They can clash with the news ones you're putting in. Done. Save, and check list. When you're done, save your CSS and the imported CSS should be visible on your list. Make sure you deleted any old import you're replacing (like default cover CSS imports for example) otherwise you may be linking clashing CSS and have problems later. Check your list to see if the CSS worked. If not, see Problems below. You can also try the Troubleshooting section in the Import tutorial: http://myanimelist.net/forum/?topicid=411779 To update your covers in the future Simply repeat step 3 and export a new CSS. Upload it to Dropbox and replace the previous file. It will update the covers on your list here! Problems? Questions? If your import link isn't working right you probably misread a step in this tutorial. Make sure you have the right CSS type for your list (more or animetitle) as outlined in step 1. Also make sure you generated CSS for the correct list you're customizing (anime or manga list). If its still not working you can ask in this topic! Alternative solutions and generators If this isn't working for you, try any of the other cover generators linked at the top of the post, or see the main thread on fixing your covers to see all solutions: https://myanimelist.net/forum/?topicid=443333 Original Topic with additional options The original thread for the program can be found here, it has additional options and CSS you can generate: http://myanimelist.net/forum/?topicid=442261 |
Shishio-kunSep 4, 2016 10:52 PM
Reply Disabled for Non-Club Members
Jun 4, 2013 9:42 AM
#2
For some reason Hahaido's generator only pulls 482 titles from my animelist, but the list holds 487 titles. Using the one from u531355 will correctly recognize all 487 titles, but this generator works extremely slowly. Would you happen to know why Hahaido's generator doesn't recognize all titles? |
Jun 4, 2013 10:12 AM
#3
Jun 4, 2013 12:23 PM
#4
Blazeflack said: For some reason Hahaido's generator only pulls 482 titles from my animelist, but the list holds 487 titles. Using the one from u531355 will correctly recognize all 487 titles, but this generator works extremely slowly. Would you happen to know why Hahaido's generator doesn't recognize all titles? Hahaido's version looks faster because it uses a database. The problem of the database is that it won't get updated automatically, so you need to wait for Hahaido to release a new version of the program with an updated database. (some pictures get deleted on MAL) My program is given without database, but it actually uses anime.css and manga.css as a database if it exists in the program's folder. So you can download http://dl.dropbox.com/u/49469857/MAL/premade/anime.css and http://dl.dropbox.com/u/49469857/MAL/premade/manga.css and if you want to update it, you don't need to wait for a program update. You just run the program with no username. |
Jun 4, 2013 12:44 PM
#5
Hahaido said: Look at your 'Anime Stats'. It says that you have 482 titles. But you added some titles recently and they dont appear in your stats. That's a glitch of MAL database. When your statistic will show 487 titles, use the app again If that is the case, then how come the one from u531355 recognized all 487? I guess it pulls data in a different way or something? u531355 said: Hahaido's version looks faster because it uses a database. The problem of the database is that it won't get updated automatically, so you need to wait for Hahaido to release a new version of the program with an updated database. (some pictures get deleted on MAL) My program is given without database, but it actually uses anime.css and manga.css as a database if it exists in the program's folder. So you can download http://dl.dropbox.com/u/49469857/MAL/premade/anime.css and http://dl.dropbox.com/u/49469857/MAL/premade/manga.css and if you want to update it, you don't need to wait for a program update. You just run the program with no username. Thanks for clarifying that for me. |
removed-userJun 4, 2013 12:54 PM
Jun 4, 2013 9:24 PM
#6
Blazeflack said: Hahaido said: Look at your 'Anime Stats'. It says that you have 482 titles. But you added some titles recently and they dont appear in your stats. That's a glitch of MAL database. When your statistic will show 487 titles, use the app again If that is the case, then how come the one from u531355 recognized all 487? I guess it pulls data in a different way or something? Our apps have different algoritms. My app getting a number of titles from the profile stats and use it to calculate iterations amount. And u531355 app works without that number |
HahaidoJun 5, 2013 4:21 AM
Jun 5, 2013 3:57 AM
#7
That explains it then. Thanks for clearing that up :) |
Aug 29, 2013 3:10 PM
#8
There's a new version (1.8) of the generator: http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Covers%20Uploader/Style_v1_8.zip (link taken from http://myanimelist.net/forum/?topicid=442261) |
Nov 25, 2013 4:39 PM
#9
Hey there! I went through the tutorial and had everything going for me, except that my blank covers aren't replaced. I just started using this Square Layout (http://myanimelist.net/forum/?topicid=459189), and after taking a look at my anime list, I noticed a couple of my covers were blank. So, I went through this tutorial, but in the end, it still doesn't work. Instead I end up with a weird result that tells the CSS-inexperienced-me, that I've made a minor mistake along the way. Here are pictures of what I end up with: This is what it looked like before I added the import link: As you can see, pictures have been added, but they just don't seem to have gone the right place... Any idea what I did wrong? |
Nov 25, 2013 8:17 PM
#10
Nov 26, 2013 1:51 AM
#11
Sure thing. @import "https://dl.dropboxusercontent.com/u/225939256/MyMoreCss.css"; /* 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: 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);} Okay, this is weird... Now, nothing has changed. No peculiar little picture inside the title box of any anime. I tried switching it out with .animetitles instead, and THEN it shows that little picture in the title box... Here's the .animetitle CSS: @import "https://dl.dropboxusercontent.com/u/225939256/MyMalAnimeCSS.css"; /* 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: 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);} I think I use #more CSS. |
Nov 26, 2013 2:12 AM
#12
If you're using own generated covers then you need to delete default covers import line or replace it: Hmmm, .animetitle for Square layout? Well-well... If you really sure you need .animetitle instead of .hide then look how this realized here: http://myanimelist.net/animelist/alisadark |
Nov 26, 2013 9:46 AM
#13
Hahaido said: If you're using own generated covers then you need to delete default covers import line or replace it: Aww sweet, that did it! It is the #more code I have to use, I just put the generated covers CSS in the wrong place, like you said :) Thanks a bunch! |
Jan 5, 2014 8:57 AM
#14
Is there anyway to get covers for all anime covers its kinda a pain to update it for every anime i add? |
Apr 16, 2014 2:23 PM
#15
When I try to open a public folder for dropbox it says I have to pay :( |
Apr 20, 2014 2:59 PM
#16
Rodney said: When I try to open a public folder for dropbox it says I have to pay :( You use sharing through your dropbox now, not public folders, they are no longer available for free like before. You don't have to pay to make links ever and its very easy, see my import tutorial. http://myanimelist.net/forum/?topicid=411779 I'll update this one later when I have time |
May 13, 2014 3:45 PM
#17
This has been updated for all the changes to MAL and Dropbox |
Sep 22, 2014 3:21 PM
#18
Hello using Lirina's profile so not quite sure what I'm doing wrong while trying to do my own covers. 1. https://www.dropbox.com/s/g0kw8g6826ww8nj/CSSCovers.css?dl=0 2. Not quite sure what type I have to do either. |
Sep 22, 2014 5:16 PM
#19
I'm having trouble, while I [think] did exactly everything right, my list ended up looking like this? http://oi58.tinypic.com/2drtfud.jpg It seems that my covers ended up behind the title texts instead of where they're actually supposed to go. Any help would be appreciated! Here is my code: @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "https://dl.dropboxusercontent.com/s/s80iokmyqcs75tp/www.css"; /* MAIN BACKGROUND COLOR AND IMAGE By default, there's no image in this part of the code. Its just a background color- silver. (the default image of Black Rock Shooter is in the next code #inlineContent) Change the color to what you want or add an image for a backdrop here. For more info or questions on this code: http://myanimelist.net/forum/?topicid=412787 */ body { background: url(none) silver; } /* SECOND BACKGROUND (with render) The background behind the list but in front of the main background. By default, for its own image it has the render of Black Rock Shooter (girl). You can change her with another render or even background image here! Make sure you leave the width as large as the image's width. The positioning of the background can be controlled with the % numbers after the background url, but you may need to exapnd the width for more positioning options. All the other codes should be left alone. */ #inlineContent { background: url("http://oi57.tinypic.com/2uoqp7s.jpg") center no-repeat; background-size: contain; display: inline-block !important; height: 100% !important; left: 0px !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: -1 !important;} /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url("http://oi62.tinypic.com/29atzbl.jpg") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 227px; width: 920px; } /* FONT Font used across the whole list. */ body { font-family: Times New Roman; } /* LINK COLOR */ a { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #3F1786; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; border-color: #201C3A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .status_selected a:hover { background-color: #B42030; border-color: rgba(148, 0, 24, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* HEADER */ .table_header { background-color: rgba(65, 35, 95, 0.6); } .table_header:first-of-type { border-radius: 3px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:last-of-type { border-radius: 0 3px 0 0; } /* ROWS COLOR */ .td1 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(136, 147, 169, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(151, 164, 183, 0.6); } /* ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba(72, 64, 87, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] +{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(72, 64, 87, 0.6); color: #EEEEEE; } /* HEADER TEXT AND DIMENSIONS */ [class^="header_"] * { font-size: 19px; height: 60px; line-height: 24px; padding-bottom: 4px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15); } /* BOTTOM OF LIST */ #grand_totals { background-color: rgba(72, 64, 87, 0.6); border: 0 none; border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright { background-color: rgba(180, 32, 48, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } /* THUMBNAIL SETTINGS Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/ .hide { height:55px; width:35px; margin-left:33px; margin-top:-65px; border:1px solid #FFFFFF; background-color:rgba(248, 162, 200, 0.7); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; position: absolute; } /*THUMBNAIL HOVER SETTING This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */ .hide:hover { margin-left:-140px; padding-right:150px; padding-top:220px !important; 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.55) 0 0 8px 8px; position:absolute; z-index:1; } /*THUMBNAIL HOVER FLICKER FIX If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent! */ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } /*ANIMATION FOR ZOOM Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default. */ * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } /*ROW WIDTH AND SPACING This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left. */ .td1:nth-of-type(2), .td2:nth-of-type(2) { height: 62px; padding-left: 42px; } |
Sep 23, 2014 7:10 AM
#20
Tieria-Shirin said: Hello using Lirina's profile so not quite sure what I'm doing wrong while trying to do my own covers. 1. https://www.dropbox.com/s/g0kw8g6826ww8nj/CSSCovers.css?dl=0 2. Not quite sure what type I have to do either. 1. You need regular "more CSS" for Lirina's list design (see the pic). You made "more:after". Regenerate it again. Can you tell me why you made this type and not the regular one? (I'm trying to figure out why ppl are making the wrong kinds) 2. You left off at step 4. You have to edit it how I told you in step 5, but since you made the wrong CSS for your list in the first place, you have to regenerate it again and reupload the new one you make (it must be regular more CSS this time, not more:after or :before). |
Sep 23, 2014 7:11 AM
#21
fauns said: I'm having trouble, while I [think] did exactly everything right, my list ended up looking like this? http://oi58.tinypic.com/2drtfud.jpg It seems that my covers ended up behind the title texts instead of where they're actually supposed to go. Any help would be appreciated! Here is my code: @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "https://dl.dropboxusercontent.com/s/s80iokmyqcs75tp/www.css"; /* MAIN BACKGROUND COLOR AND IMAGE By default, there's no image in this part of the code. Its just a background color- silver. (the default image of Black Rock Shooter is in the next code #inlineContent) Change the color to what you want or add an image for a backdrop here. For more info or questions on this code: http://myanimelist.net/forum/?topicid=412787 */ body { background: url(none) silver; } /* SECOND BACKGROUND (with render) The background behind the list but in front of the main background. By default, for its own image it has the render of Black Rock Shooter (girl). You can change her with another render or even background image here! Make sure you leave the width as large as the image's width. The positioning of the background can be controlled with the % numbers after the background url, but you may need to exapnd the width for more positioning options. All the other codes should be left alone. */ #inlineContent { background: url("http://oi57.tinypic.com/2uoqp7s.jpg") center no-repeat; background-size: contain; display: inline-block !important; height: 100% !important; left: 0px !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: -1 !important;} /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url("http://oi62.tinypic.com/29atzbl.jpg") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 227px; width: 920px; } /* FONT Font used across the whole list. */ body { font-family: Times New Roman; } /* LINK COLOR */ a { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #3F1786; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; border-color: #201C3A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .status_selected a:hover { background-color: #B42030; border-color: rgba(148, 0, 24, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* HEADER */ .table_header { background-color: rgba(65, 35, 95, 0.6); } .table_header:first-of-type { border-radius: 3px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:last-of-type { border-radius: 0 3px 0 0; } /* ROWS COLOR */ .td1 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(136, 147, 169, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(151, 164, 183, 0.6); } /* ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba(72, 64, 87, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] +{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(72, 64, 87, 0.6); color: #EEEEEE; } /* HEADER TEXT AND DIMENSIONS */ [class^="header_"] * { font-size: 19px; height: 60px; line-height: 24px; padding-bottom: 4px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15); } /* BOTTOM OF LIST */ #grand_totals { background-color: rgba(72, 64, 87, 0.6); border: 0 none; border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright { background-color: rgba(180, 32, 48, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } /* THUMBNAIL SETTINGS Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/ .hide { height:55px; width:35px; margin-left:33px; margin-top:-65px; border:1px solid #FFFFFF; background-color:rgba(248, 162, 200, 0.7); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; position: absolute; } /*THUMBNAIL HOVER SETTING This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */ .hide:hover { margin-left:-140px; padding-right:150px; padding-top:220px !important; 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.55) 0 0 8px 8px; position:absolute; z-index:1; } /*THUMBNAIL HOVER FLICKER FIX If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent! */ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } /*ANIMATION FOR ZOOM Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default. */ * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } /*ROW WIDTH AND SPACING This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left. */ .td1:nth-of-type(2), .td2:nth-of-type(2) { height: 62px; padding-left: 42px; } You probably generated the wrong CSS for the list. You made animetitle CSS, I think you need to make regular more CSS for that list (as in the previous post). Can you tell me why you made "animetitle" instead of "regular more"? |
Sep 23, 2014 2:04 PM
#22
Is there chance make work my generated .css for Anime Covers with Square Layout Fix? I tried dropbox and google drive non of them worked. |
[size=0] |
Sep 23, 2014 2:16 PM
#23
SViper said: Is there chance make work my generated .css for Anime Covers with Square Layout Fix? I tried dropbox and google drive non of them worked. Yes just make #more CSS with this (or Blink) |
Sep 23, 2014 5:58 PM
#24
Hi, my list uses this code "#list_surround table:nth-of-type(n+4) tbody:hover .animetitle[href*="/22729/"]:after { background-image: url("http://cdn.myanimelist.net/images/anime/7/60263.jpg");}" How can i generate covers using this code? I know this generator can do it because i've done it before but i haven't use it lately and forgot how to do it. When i use the generator i get this part ".animetitle[href*="/22729/"]:after { background-image: url("http://cdn.myanimelist.net/images/anime/7/60263.jpg");}" but cant figure out how to get this part "#list_surround table:nth-of-type(n+4) tbody:hover");} |
HostClubSep 23, 2014 6:06 PM
Sep 24, 2014 2:25 AM
#25
So how I use this https://www.dropbox.com/s/nw4yjb4jj9er8de/SViper%27s%20Anime%20Covers.css?dl=0 with my current Anime List style? |
[size=0] |
Sep 24, 2014 2:30 AM
#26
SViper said: put So how I use this https://www.dropbox.com/s/nw4yjb4jj9er8de/SViper%27s%20Anime%20Covers.css?dl=0 with my current Anime List style? @import url(https://dl.dropbox.com/s/nw4yjb4jj9er8de/SViper%27s%20Anime%20Covers.css); |
Sep 24, 2014 2:51 AM
#27
Oiomi-chan said: SViper said: put So how I use this https://www.dropbox.com/s/nw4yjb4jj9er8de/SViper%27s%20Anime%20Covers.css?dl=0 with my current Anime List style? @import url(https://dl.dropbox.com/s/nw4yjb4jj9er8de/SViper%27s%20Anime%20Covers.css); Thank you very much :) |
[size=0] |
Nov 2, 2014 9:18 PM
#28
Do you know why my thumbnails are behind the title? http://myanimelist.net/animelist/Andrew931 (look at the no game no life) Dropbox: Code for thumbnails:@import "https://dl.dropboxusercontent.com/s/5q5cdbsxtrfr4rl/AnimeCover.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; /* THUMBNAIL SETTINGS Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/ .hide { height:55px; width:35px; margin-left:33px; margin-top:-65px; border:1px solid #FFFFFF; background-color:rgba(248, 162, 200, 0.7); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; position: absolute; } /*THUMBNAIL HOVER SETTING This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */ .hide:hover { margin-left:-140px; padding-right:150px; padding-top:220px !important; 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.55) 0 0 8px 8px; position:absolute; z-index:1; } /*THUMBNAIL HOVER FLICKER FIX If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent! */ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } /*ANIMATION FOR ZOOM Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default. */ * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } /*ROW WIDTH AND SPACING This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left. */ .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; |
removed-userNov 2, 2014 10:02 PM
Nov 3, 2014 1:12 AM
#29
Andrew931 said: you have generated atimetitle css, my guess is you should generate #more cssDo you know why my thumbnails are behind the title? http://myanimelist.net/animelist/Andrew931 (look at the no game no life) Dropbox: Code for thumbnails:@import "https://dl.dropboxusercontent.com/s/5q5cdbsxtrfr4rl/AnimeCover.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; /* THUMBNAIL SETTINGS Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/ .hide { height:55px; width:35px; margin-left:33px; margin-top:-65px; border:1px solid #FFFFFF; background-color:rgba(248, 162, 200, 0.7); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; position: absolute; } /*THUMBNAIL HOVER SETTING This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */ .hide:hover { margin-left:-140px; padding-right:150px; padding-top:220px !important; 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.55) 0 0 8px 8px; position:absolute; z-index:1; } /*THUMBNAIL HOVER FLICKER FIX If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent! */ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } /*ANIMATION FOR ZOOM Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default. */ * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } /*ROW WIDTH AND SPACING This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left. */ .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; |
Nov 3, 2014 2:17 AM
#30
you have generated atimetitle css, my guess is you should generate #more css That fixed it! Thanks!! |
Apr 8, 2016 3:29 PM
#31
I just changed my css for another however covers don't appear. I used Genku, twice but I have a half cover on my list. Someone can help me please ? Code after Genku here: @import "https://dl.dropboxusercontent.com/s/zn74oxoxuxobrzs/NiyaCSS.css"; @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300); @import url(https://dl.dropboxusercontent.com/u/188037746/gintokianimelist.css); @import url(https://dl.dropboxusercontent.com/u/188037746/gintokitopbar.css); @import url(https://dl.dropboxusercontent.com/u/188037746/gintokianimecovers.css); @import url(https://dl.dropboxusercontent.com/u/78340470/anime.css); @import url(http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css); #copyright { visibility: visible; } => When I copy, from dropbox, the link, the real link is " https://www.dropbox.com/s/zn74oxoxuxobrzs/NiyaCSS.css?dl=0 ". Delete or not " ?dl=0 " change nothing I don't understand. :/ |
May 6, 2016 11:50 AM
#32
I tried to make my own covers with Hahaido's covers generator,but somehow it's still not working ;/ Can you tell me what have I done wrong? Here is my code: @import "https://dl.dropboxusercontent.com/s/30zfxqsmcx3qynu/1.css"; @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/SaoTopbar.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i43.tinypic.com/2rvzd4k.jpg"); background-position: 0 50%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: candara; } #inlineContent { background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4 !important; } #list_surround { background-attachment: scroll; background-image: url("http://i43.tinypic.com/vf8nqs.png"); background-position: 6% 0; background-repeat: no-repeat no-repeat; background-size: 112% auto; font-size: 81.25%; height: 250px; left: 18%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 229px; position: absolute; top: 0; width: 650px; } .td1, .td2 { transition: background-color 0.5s linear 0s; } td[class^="td"]:nth-of-type(2) { width: 429px !important; } tr:hover .animetitle { color: #ACF6FF; font-weight: bold !important; text-shadow: 2px 1px 2px black; transition: all 0.25s ease 0s; } tr:hover [class^="td"] { background-color: rgba(242, 166, 3, 0.9); transition: all 0.4s ease 0s; } a { color: black; text-shadow: none; } td:nth-of-type(3) { background-image: url("http://i42.tinypic.com/5mjv8.png"); background-position: 14px 2px; background-repeat: no-repeat; background-size: 21px 21px; padding-top: 3px; } tr:hover td:nth-of-type(3) { background-image: url("http://i40.tinypic.com/2me67gz.png"); background-size: 21px 21px; transition: all 0.4s ease 0s; } a:hover { color: red !important; font-weight: bold !important; text-shadow: 1px 1px 1px black !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { border-right: 2px solid white !important; } .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 2px solid white !important; } .table_header:first-of-type { border-left: 2px solid white !important; border-radius: 20px 0 0 0; border-top: 2px solid white !important; } .table_header:nth-of-type(5) { border-right: 2px solid white !important; border-top: 2px solid white !important; } .table_header:nth-of-type(2) { text-align: left; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4), td.table_header:nth-of-type(5) { background-image: url("none"); border-top: 2px solid white; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .table_header, .td1, .td2, .category_totals { background-color: rgba(255, 255, 255, 0.6); border: 0 none; padding: 3px; text-align: center; vertical-align: top; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: #B73C3F; font-weight: bold; } .table_header, .td1, .td2, .category_totals { color: black; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(255, 255, 255, 0.4); border: 2px solid white; border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(196, 30, 14, 0.7); color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(255, 255, 255, 0.4); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected { opacity: 0.8; right: -201px !important; transition: all 0.4s ease 0s; z-index: 0; } .status_not_selected:hover { color: transparent; opacity: 1 !important; right: 2% !important; transition: all 0.4s ease 0s; z-index: 2 !important; } .status_selected, .status_not_selected { display: block; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; opacity: 0; right: 4px; width: 300px; } .header_cw { background-color: transparent; background-image: url("http://i44.tinypic.com/e6vdya.png"); background-position: -26% 59%; background-repeat: no-repeat no-repeat; background-size: 75% auto; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_completed { background-color: transparent; background-image: url("http://i41.tinypic.com/34njjw8.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i43.tinypic.com/fbz70y.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_dropped { background-color: transparent; background-image: url("http://i44.tinypic.com/357j192.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_ptw { background-color: transparent; background-image: url("http://i41.tinypic.com/345d25w.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/33mbj1h.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: block; height: 100px; padding: 0; position: fixed; right: 24px; top: 170px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/2w33igk.png"); right: 24px; top: 270px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/2ibyya1.png"); background-position: 0 0; background-size: 300px 100px !important; height: 100px !important; right: 24px; top: 370px; width: 300px !important; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/2nla7h0.png"); right: 24px; top: 470px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/iqdjpu.png"); right: 24px; top: 570px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/am6002.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; right: 24px; top: 670px; } :hover + .hide { background-color: rgba(255, 255, 255, 0.4); background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 2px; display: block !important; height: 250px; left: 27px; padding: 39px 22px 9px 10px; position: fixed; top: 315px; width: 183px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: 10px; width: 262px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(255, 255, 255, 0.5) !important; border-color: white; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 2px; display: none; height: auto; left: 32px; padding: 10px; position: fixed; top: 634px; width: 183px; } #copyright, #copyright:hover { background-color: rgba(196, 30, 14, 0.7); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } a[href=""], [href=""] { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/6gg481.png"); background-position: left top; background-repeat: no-repeat; color: gold; font-size: 16px; font-weight: bold; padding-left: 23px; text-shadow: 2px 2px rgba(0, 0, 0, 0.8); } |
May 6, 2016 8:33 PM
#33
@Maikeru-kun136 I don't see where did you used generated covers but I examined the app and it works fine |
May 7, 2016 4:17 AM
#34
@Hahaido https://dl.dropboxusercontent.com/s/30zfxqsmcx3qynu/1.css%22; here are the covers that I generated from your app and they look good, but I think i did something wrong with adding them to the list layout code |
May 7, 2016 4:27 AM
#35
@Maikeru-kun136 I think you're using wrong app to save generated code to CSS file. Use normal Notepad or Akelpad btw the correct link is https://dl.dropboxusercontent.com/s/30zfxqsmcx3qynu/1.css |
Aug 24, 2016 9:26 AM
#36
Nov 2, 2016 10:43 PM
#37
Sorry to be bumping this, but since the Blink cover generator was giving me errors I turned up to this one, but it's not working either. I'm getting an "Invalid username" error, I even tried changing my username to something else so it would work but it didn't, is there another way around this? |
Dec 23, 2016 8:33 PM
#38
So the generator is dead? It has been over a month since it stopped working, always getting the invalid username error. |
Jun 30, 2017 7:28 PM
#39
Yeah it's not working for me so time to try one of the other generators :/ |
Jun 30, 2017 9:33 PM
#40
Emily_The_Otaku said: Yeah it's not working for me so time to try one of the other generators :/ He just came out with a new one the other day, so try the new download link. |
Jul 1, 2017 8:22 AM
#41
Shishio-kun said: Emily_The_Otaku said: Yeah it's not working for me so time to try one of the other generators :/ He just came out with a new one the other day, so try the new download link. It's okay I was able to fix my list with one of the other ones so it's fine :) |
Reply Disabled for Non-Club Members
More topics from this board
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
32 |
by dextr__
»»
7 hours ago |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7924 |
by Shishio-kun
»»
Sep 24, 1:50 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Sep 22, 4:35 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
382 |
by Shishio-kun
»»
Sep 22, 4:29 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
57 |
by Shishio-kun
»»
Sep 22, 4:27 AM |