This is a gallery topic for CSS layouts, a preview list of all premade layouts in the club can be found here: http://myanimelist.net/forum/?topicid=318587 CLICK ANY IMAGE TO BRING YOU TO TO THE FOLDER FULL OF ALL CODES! IF THERE ARE ANY PROBLEMS OR SMALL REQUESTS, POST THEM IN THIS TOPIC! A.   B.C.   D.E.   F.G.   H.i.   J.K.   L.M.   N.O.   P.Q.   R. |
Shishio-kunDec 16, 2017 6:05 PM
| HolyPotato, the images have no links on them |
| Still editing ;) |
| Sorry about that then Potato |
| There should be good now :) |
CoLd_J0ker said: Hi HolyPotato! Im currently using a modified version of your second layout ( B) and I was wondering if you could tell me where i can reposion the whole chart and how I can make the gap between the "Curenntly watching ; on hold etc" charts bigger.Would really appreciate your help :) Make your list not private so I can see the modified code xD If you wanna move the list change the numbers that are bolded. The padding top is for up and down while the right is for left and right: #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i49.tinypic.com/5ebckl.png); background-position:30px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; To increase the gap between the buttons emm charts? change these numbers but make sure theyre all the same amount apart. Like right now they're 120px apart so maybe make them like 150px I guess?: #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:140px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:380px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:500px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:620px; } |
TheHolyPotatoMar 12, 2015 6:50 PM
| So thats my current code : and thats my problem : The side buttons on the left are perfectly fine,I dont want to change anything there Now as you can see my "Currently Watching" chart is at the top that means there is no title/magical logo even tho i have the code in my ccs And then there is this gap between Currently Watching and Completed which i want to make bigger Please some help senpai >.< |
| Senpais here to the rescue (hopefully) ^^ Code: Tell me how that looks? I can tell your screen is WAY bigger than mine so it's tough to know if it's prefect. But I know the gap is gone between the completed and such and the magica logo is back. The list itself might look smaller so if that's a problem tell me :) |
| Thats how it looks : First of all i want to thank you very much for your work :-) I would really appreciate if you could show me where i can change the chart width and change their position,would like to have them on the side like in my first picture.And the side buttons got smaller didnt they? Edit : Also the the buttons are not in a row |
CoLd_J0kerMar 14, 2015 3:56 AM
| Absolutely no idea why the magica logo isn't appearing and when I go into firebug, my code editing thing, the code changes. I have the headers spaced out but no logo, hope thats ok? |
| Theres tutorials through the whole club for little things like that :) But my guess is that the pictures arent the same size as the ones that were there previously. They should be 350 px by 150px |
| Have u the code from Q. ? |
 Ad ogni uccello il proprio nido è bello. |
| @Haedan There now ;) |
| Thank you! õ// |
Ad ogni uccello il proprio nido è bello. |
| I have set acchi kocchi layout today..Thanks TheHolyPotato for sharing great layouts !! |
Scarlet_angelAug 12, 2015 2:09 AM
 |
Sleipnir4 said: I found an issue with the R layout. The headers for each section (plan to watch, completed, etc.) are overlapping and covering the first one or two rows of the section, making them unselectable. It's nothing more than a minor annoyance, but I figured I might as well post it in case it's an easy fix. Oh and thank you for putting in the time to make all of these, they're very well done. Ah yes I'm aware of this, that is a side effect of having the headers look nice by blending with the list better. The image is blocking the anime titles but I'm you have fixed it to suit yourself :D |
| Hello. Great job with all the lists. I tried using the BAKEMONO code, which I assumed was the right picture of the last 2 ones. It seems I was right, however there is no background picture (the rest of the layout seems good). The URL is missing entirely from the code. Is it possible to get a URL on that picture, or maybe who is depicted in that picture so I can search it on my own? Sorry for bothering you. |
Seiya0890 said: But its still disgusting from my point of view, and from the word's point of view, therefore its disgusting. Wise words. |
katsaroulhs said: Hello. Great job with all the lists. I tried using the BAKEMONO code, which I assumed was the right picture of the last 2 ones. It seems I was right, however there is no background picture (the rest of the layout seems good). The URL is missing entirely from the code. Is it possible to get a URL on that picture, or maybe who is depicted in that picture so I can search it on my own? Sorry for bothering you. but the url is there?  and it's not broken either... |
| I have no idea what I did wrong, but after deleting everything and the pasting it again, the background image is there. Before the background was completely white. No idea, but I fixed it. Thx. |
Seiya0890 said: But its still disgusting from my point of view, and from the word's point of view, therefore its disgusting. Wise words. |
| Greetings and salutations! ^_^ I tried to use Layout J. the Gun Gale layout and nothing is working. No image or anything... is something wrong? |
| Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
PsychoBob said: Greetings and salutations! ^_^ I tried to use Layout J. the Gun Gale layout and nothing is working. No image or anything... is something wrong? Nevermind I fixed it lol! |
| Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
| Hello there! Really good layouts you have shared, thank you. I'm currently using the Bakemonogatari one but there's this issue with it. Everytime I mouse over a title there's a white outline box appearing to the side and I was wondering if it could be fixed? Looks like this:  |
| @ponzy Check inbox :) |
| Hello HolyPotato! I am in love with both of your monogatari themes, the only problem like listed on the comment above is that G has a blank box at appears when I hover over each anime title. That is not too big of a problem so I am still using the theme. On the other hand, R has a problem where none of the sort by score, type, progress, ect are clickable along with the first anime in each sorted category. I love R to death, but without being able to sort my anime it makes the theme pretty much useless. If you can come up with a fix for that I would love you forever! :) Thank you! Also, is your own MAL theme exclusive to only yourself or would you be willing to send me the code for it? It's beautiful! |
igoesRAWRRRRRNov 24, 2017 3:49 PM
igoesRAWRRRRR said: Hello HolyPotato! I am in love with both of your monogatari themes, the only problem like listed on the comment above is that G has a blank box at appears when I hover over each anime title. That is not too big of a problem so I am still using the theme. On the other hand, R has a problem where none of the sort by score, type, progress, ect are clickable along with the first anime in each sorted category. I love R to death, but without being able to sort my anime it makes the theme pretty much useless. If you can come up with a fix for that I would love you forever! :) Thank you! Also, is your own MAL theme exclusive to only yourself or would you be willing to send me the code for it? It's beautiful! There's solutions to missing covers on the front page under Fix Broken Layouts (green link). |
| Gun Gale pics are not working. I tried the solution from the guide but still cannot find that pictures (background). Pls help!! :( |
Infi- said: Gun Gale pics are not working. I tried the solution from the guide but still cannot find that pictures (background). Pls help!! :( Here use this version I restored all the pics :D Use this guide and sites when trying to restore pics on old layouts it's what I use https://myanimelist.net/forum/?topicid=318587#msg37397055 |
Here use this version I restored all the pics :D Thank you very much! <3 |
Tlewy said: Hello potato, I'm new to custom css on MAL but i wanted to try your steins;gate one and it doesnt work i dont know should i copy the whole code or no? Potato hasn't posted in this group in years You have to restore the layout with the video I made on it https://myanimelist.net/forum/?topicid=318587#msg37396975 |
Shishio-kun said: Tlewy said: Hello potato, I'm new to custom css on MAL but i wanted to try your steins;gate one and it doesnt work i dont know should i copy the whole code or no? Potato hasn't posted in this group in years You have to restore the layout with the video I made on it https://myanimelist.net/forum/?topicid=318587#msg37396975 I'm planning on slowly restoring all layouts from here on out, wasnt sure how much people would care for these old things but maybe it'll be worth a shot |
TheHolyPotato said: Shishio-kun said: Potato hasn't posted in this group in years You have to restore the layout with the video I made on it https://myanimelist.net/forum/?topicid=318587#msg37396975 I'm planning on slowly restoring all layouts from here on out, wasnt sure how much people would care for these old things but maybe it'll be worth a shot Welcome back! If you do restore any, I would mass message the group with it. It might better for you and easier to make one "HolyPotato template" layout for modern and classic, then you just change the images for that one template to match and restore each theme you had before (you could do that rather than restoring 10 different designs). I suggest Modern cuz more people use your design that way and its more satisfying imo But of course also for nostalgia we always want our old designs back, I lost like two or three and I regret it badly :( thank God for screenshots :"D I have the video if you need a modern CSS refresher, Inspect Element is still godlike in Firefox lol https://www.youtube.com/watch?v=8besPyPQlzQ |
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
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 |
|
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
31 |
by Shishio-kun
»»
Sep 22, 4:14 AM |