GoldenBRS said: For my anime list,do you know what size that I have to use for my background pic? I tried it before, and I got white background I saw. I want this picture. Here is my css. Do I have to add this code in the bottom? Also for my manga list, how I put my background red instead of black? That code was for someone else but you can try to add that to the bottom. For the background image link use one of that pic you want. Download it and upload it to a site like Imgur and use the direct link. If you try to link it from Konachan or if the image link is dead you will get a white background. On the red manga list thing- go to layout themes (#4) in the main post, find red theme, replace the link in #4 of your layout code with the red theme's link from the first post. |
sayami said: I would like to change the top bar's style completely to one of the styles here. How should I start? I would like to do a similar thing to this though is it possible to add the “Anime Title, Score, Type, Progress” selector to this top bar? If there is how should I start out? Thanks in advance! |
Rosemark said: sayami said: I would like to change the top bar's style completely to one of the styles here. How should I start? I would like to do a similar thing to this though is it possible to add the “Anime Title, Score, Type, Progress” selector to this top bar? If there is how should I start out? Thanks in advance! Its possible but no ones done that yet, to do that on your own you would need to learn how to code on an advanced level and make an icon bar from the links as Kyou or Al_exs did or have someone make it for you. |
| Hello, i have this layout in my lists and i love it ... but i had a problem... How can i do this ? I already done with the others but the square list i cant find it. Style code: https://dl.dropboxusercontent.com/s/a30mth7drq4ffar/style.css Theme code: https://dl.dropboxusercontent.com/s/oljv0nok5cbe78k/theme.css |
| remove these 2 lines in the body selector: margin: auto !important; width: 77%; |
| God -.-' i havent see it... Really thanks for the help =D |
| Hey wanted to ask if there is way to make the banners change when you click on currently watching, completed and so on. I tried using this code here http://myanimelist.net/forum/?topicid=397783 but couldn't find a way to get it to work PS great design and real easy to configure. |
rupisltJul 20, 2013 9:15 AM
| "I hate the rain So I lent you my power to stop it. The rain stopped. But only after you made this world sink into the sea" Tensa Zangetsu |
Shishio-kun said: Rosemark said: sayami said: I would like to change the top bar's style completely to one of the styles here. How should I start? I would like to do a similar thing to this though is it possible to add the “Anime Title, Score, Type, Progress” selector to this top bar? If there is how should I start out? Thanks in advance! Its possible but no ones done that yet, to do that on your own you would need to learn how to code on an advanced level and make an icon bar from the links as Kyou or Al_exs did or have someone make it for you. Hey, thanks for the reply. The problem for me is that I'm a total beginner to everything involving HTML and CSS, so I think I'll have to wait with it until I've started learning some myself. I didn't really like any of the preset Top-Bars that the square layouts featured, though the one I personally ended up using was the Gnome Top-Bar. Link to the Gnome Top-Bar Code: http://dl.dropboxusercontent.com/u/49469857/MAL/premade/square/bars/gnome/bar.css Edit: The question came out kind of wrong last time, what I really ment to ask was if there were a easy way/method to customize square layouts top bar icons, like changing a specific icon in the code etc. I've got some photoshop experience, so making icon's won't really be too much of a problem. The problem is really how I imply them to the code! Would really appreciate, if not to hard, how to customize them myself. Thanks in advance! |
RosemarkJul 24, 2013 9:36 AM
Rosemark said: Shishio-kun said: Rosemark said: sayami said: I would like to change the top bar's style completely to one of the styles here. How should I start? I would like to do a similar thing to this though is it possible to add the “Anime Title, Score, Type, Progress” selector to this top bar? If there is how should I start out? Thanks in advance! Its possible but no ones done that yet, to do that on your own you would need to learn how to code on an advanced level and make an icon bar from the links as Kyou or Al_exs did or have someone make it for you. Hey, thanks for the reply. The problem for me is that I'm a total beginner to everything involving HTML and CSS, so I think I'll have to wait with it until I've started learning some myself. I didn't really like any of the preset Top-Bars that the square layouts featured, though the one I personally ended up using was the Gnome Top-Bar. Link to the Gnome Top-Bar Code: http://dl.dropboxusercontent.com/u/49469857/MAL/premade/square/bars/gnome/bar.css Edit: The question came out kind of wrong last time, what I really ment to ask was if there were a easy way/method to customize square layouts top bar icons, like changing a specific icon in the code etc. I've got some photoshop experience, so making icon's won't really be too much of a problem. The problem is really how I imply them to the code! Would really appreciate, if not to hard, how to customize them myself. Thanks in advance! Answer >>>How to change the top bar icons: Ok this is actually really simple to do there is not much work that has to be done if you make the images for the new top icons. The code for the top bar icons that you are using is this. To change the icons first copy and paste the code into a text file named topbaricons.css the important bit is the css at the end which sets the format. then you need to create the icons for your top bar which are 64 pixels in width and 64 in height. There are 16 different buttons named as shown below I would use the same names to keep things simple. You will have to create all 16 of these buttons and upload them somewhere on the internet. The best place would be https://www.dropbox.com/ you will have to make it public and the tutorial for that is here at STEP 4 http://myanimelist.net/forum/?topicid=609907. Once you have made and uploaded the images copy the share link of the image and replace it in the css file that you made with the code. For example the first line of the code looked like this #mal_cs_listinfo div:first-of-type a:before {background-image: url(profile.png);} just replace the profile.png with the link of the image that you want to use #mal_cs_listinfo div:first-of-type a:before {background-image: url(LINK OF THE IMAGE GOES HERE);} this is what it should look like with the link. #mal_cs_listinfo div:first-of-type a:before {background-image: url(http://dl.dropboxusercontent.com/u/49469857/MAL/premade/square/bars/gnome/profile.png);} Once you did this for all 16 images then save the css file named topbaricons.css and upload it to the dropbox account public folder. Then you can use the link the same as you did for your Gnome top bar If I wasn't clear or didn't explain something right send me a message. |
rupisltJul 25, 2013 1:58 PM
| "I hate the rain So I lent you my power to stop it. The rain stopped. But only after you made this world sink into the sea" Tensa Zangetsu |
| Hey loving this layout, except I can't seem to move or get rid of the bar I've pointed to in the picture. Any solutions? |
| Question Zup dude, once again thanks for the reply! This may come of kinda sounding like a request rather than problem solving, though would there be some kind of easy way to just move this icon to this place? It's the basic Gnome Top Bar Code layout, link. Would really appreciate help on this one, since it's currently driving me crazy. Thanks in advance! Cheers mate! ANSWER No problem thats easy enaugh you will need to create your own css file with this code VVVVVV and save it under the name bar.css and then upload it to drop box, also I asumed you wanted both images the same so if you want to change anything there is an explanation below.VVV Any questions feel free to ask and also if you want I can give you my skype for any help so just ask and I will send you my Skype ID or you send me your. This is just for the purpose of a tutorial in case someone else has the same problem. any question ask |
rupisltAug 16, 2013 6:13 PM
| "I hate the rain So I lent you my power to stop it. The rain stopped. But only after you made this world sink into the sea" Tensa Zangetsu |
| Hey :) First of all I would like to say thank you for this awesome layout :D I really appreciate it. But I've run into a problem with the header. I followed u531355's instructions and made a (1920 x 420)px header. Since my desktop resolution is 1360x768 the header shows up like this: And only shows up correctly when I set my browser zoom to 75%: So, is there any way to make the header show up the same in every resolution? And thanks again for the all the help and cool layouts :) I'll be grateful for any help you can provide. |
fapdancing said: You can use this code and adjust the number:Hey loving this layout, except I can't seem to move or get rid of the bar I've pointed to in the picture. Any solutions? #list_surround > table:first-of-type {top: 150px;} Sporsho said: No the header will always be 420px high no matter which resolution you have. So you should chose a picture that looks good even with only its 1360 right-most pixels displayed.So, is there any way to make the header show up the same in every resolution? AvalonBright said: It's because I didn't update the file with the links for a 2 months now, so it contained dead links. Now it's fixed ;)Is there a problem with the series images' dropbox? I noticed a couple days ago Gatchaman Crowds is just showing up as a blue square, and now Kamisama no Inai Nichiyoubi suddenly is too. :( hawkranger said: Glad you figured it out ;)... If you want to use it for both your animelist and mangalist you should create two css styles. |
sonia368 said: I have a question. How increase height of frame that i pointed out on image below? http://i.imgur.com/LzOaEdD.jpg Oh I see that when I modify the theme for my own list: .animetitle { search for: max-height: 34px; and delete it. That line is a conditional to not surpass 34px of height, and for those anime tittles that are ultra long like Danganronpa: Kibou no Gakuen to Zetsubou no Koukousei - The Animation that got 4 lines of text in the Square Layout |
| I have been trying to make my own topbar icons. however it did not work out... just replaced the old bar.css with: Then I uploaded it to Speedy Share and have given a link to that but it doesnt work? Any ideas? |
 |
Shotaro96 said: I have been trying to make my own topbar icons. however it did not work out... just replaced the old bar.css with: Then I uploaded it to Speedy Share and have given a link to that but it doesnt work? Any ideas? Answered here: http://myanimelist.net/forum/?topicid=200323&show=1300#msg25478651 |
| Anyway to make loading of list faster? |
|
| Not really, the pictures alone for your list weigh more than 10MB. What you can do is change the default status selected to "watching" instead of "show all" so it has way less to load and is hence faster. You can also use pinned tabs so that your list is cached. |
| My quick re-design of sibbo7's and u531355's layout: https://dl.dropboxusercontent.com/u/144008148/Premade/Requests/Marcusderp/Marcusderp-request%20sample3.png Code: |
 |
| Is there anyway to move the .headers out of the #list_surround background? Been trying for hours but no luck :\ |
 |
| WOW O.O This is amazing style D: |
jicks said: Is there anyway to move the .headers out of the #list_surround background? Been trying for hours but no luck : Your list looks great so you don't really need to, or maybe you've solved this issue since then.. but you can simply add or take from top or left under the .header codes, if its not what you want set the position: to absolute instead or relative. These things move headers out of list surround on almost every list. |
| I noticed a few animes pictures, like Black Rock Shooter TV, Yu-sibu, HOTD DOTD OVA don't seem to work. |
| None of the generators links work. Anyone mind giving me a link to a working one? (preferred U531355's generator) |
  |
Toxicwolf said: None of the generators links work. Anyone mind giving me a link to a working one? (preferred U531355's generator) Its because all the past generator versions were broken by security changes from MAL staff- this is mentioned on the front page of this group and the only working generator is Hahaido's but its having selective problems atm http://myanimelist.net/forum/?topicid=442261&show=0 If it doesn't work for you it might take some time before there's a version working for you but he always gets his stuff working 100% after enough feedback |
| Hey, I wanted to ask a few qeustions: 1) When I first saw this theme I was amazed. Truely. Fantastic job. For my own taste, I wanted to make all the grey parts go away. I think transparent is the right word or opacity? An put a big image from Clannad in the background so the image will stay and the pictures will scroll down, I tried to find out how and couldn't. If it's too much of a problem just go to the next question. This is the highest priority for me. 2) Second is this, I wanted to have only a head image of Alphonse Elric but the image always turend out like this. Also, the code:  If there is anyway you can help me, I would highly appreciate it. Thanks in advance. |
 |
| If you want to update the covers on your list, you can try this import link find this in the top of your CSS http://dl.dropboxusercontent.com/u/49469857/MAL/premade/anime.css and replace it with this http://dl.dropboxusercontent.com/u/78340470/anime.css will be useful and updated once or twice a week, until generators have easy to use topics again (won't happen till IMG tag is restored) |
Monsterguy said: My quick re-design of sibbo7's and u531355's layout: https://dl.dropboxusercontent.com/u/144008148/Premade/Requests/Marcusderp/Marcusderp-request%20sample3.png How can I make a list like that one without the icons at the top please :) ? i've been trying hard but with no results though :l ... |
| ummm... I need some help. The style isn't showing the correct covers for most of the series in my list. :( Here's the code: |
sbstratos79Jan 27, 2014 12:10 AM
[centre] [/centre] |
sbstratos79 said: ummm... I need some help. The style isn't showing the correct covers for most of the series in my list. :( Here's the code: You have imported both manga and anime covers, hence the confusion. This one: @import "http://dl.dropboxusercontent.com/u/49469857/MAL/premade/manga.css"; is for manga layouts, and this one: @import "http://dl.dropboxusercontent.com/u/78340470/anime.css"; is for anime layouts. |
kuronekodesu said: ah, yes, I didn't know that we can't import both the lists at the same time, and stupid me, somehow the code I pasted over here didn't have the weblinks and stuff as you can see. Anyway, thanks a lot kuronekodesu . ^_^sbstratos79 said: ummm... I need some help. The style isn't showing the correct covers for most of the series in my list. :( Here's the code: You have imported both manga and anime covers, hence the confusion. This one: " is for manga layouts, and this one: " is for anime layouts. |
| [centre][/centre] |
| I'm new to this so I probably sound like an idiot, but is there a way I can make the gray area where the anime covers 0.9 opacity without anything else changing. I tried what I thought was right but it ended up making everything have the opacity (the header and covers) and completely messed up the top-bar. Before: After: as you can see the top-bar like vanishes and header is also slightly see through which I don't really want for either. Also when I say I'm new to this I mean like 30 minutes new.... |
RenSmilesMar 10, 2014 9:43 AM
 |
| You wrote this import line two times: @import url(https://dl.dropboxusercontent.com/u/33318285/darkredtheme.css); One is enough. To make the color you want transparent the easiest way is to use rgba(x, x, x, 0.9); instead of rgb(x, x, x); So in darkredtheme.css you can replace #list_surround > table:first-of-type, #list_surround, input[type=text] { withbackground-color: rgb(52, 52, 52); } #list_surround > table:first-of-type, #list_surround, input[type=text] { But this will make some other elements transparent so you can extract #list_surround if you prefer:background-color: rgba(52, 52, 52, 0.9); } #list_surround > table:first-of-type, input[type=text] { background-color: rgb(52, 52, 52); } #list_surround { background-color: rgba(52, 52, 52, 0.9); } |
nsari said: Hello I'm sorry if this already was answered already, but on my manga lists, the pictures don't correspond to the manga's titles and some don't appear at all. Is it a problem from the code, and if so, how do I fix it, did I do something wrong, or is it just coming from MAL? http://i.imgur.com/wEGcMWo.jpg you're using anime covers. change @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); with @import url(http://dl.dropbox.com/u/49469857/MAL/premade/manga.css); |
| Hello Not sure if this has been answered but: My list has always had 4 pictures in a row after each other. And that was personally what i wanted it to have. But maybe about 2 weeks ago the list changed, making only 3 of them be in a row. And i am unable to get more than 4. If i try to multiple the 242px code by 4 it will only make PLACE for one more picture, but it wont actually place the picture there. Anyone mind explaining what is wrong? Thank you in advance<3 |
|
| Try some higher value for xx, default value in style.css is 77% body {max-width: 968px; width: xx%;} |
| Awesome! It worked, thank you very much<3 |
|
| How I can move up all the red section? I just can do this The div of the last example is
Thx. |
  |
Hi I need help how do you make it when you put your cursor on a poster you see information like this This is my .css |
KATEKYOApr 7, 2014 11:50 AM
 |
xAngelPerz said: How I can move up all the red section? I just can do this The div of the last example is
Thx. Fixed it :) |
         |
| Thx I was checking the code and the only thing i needed to change was For this |
| |
| There seems to be something wrong with the mal_cs_otherlinks, it worked fine yesterday. Anyone knows what's up? |
 |
RafaelDeJongh said: There seems to be something wrong with the mal_cs_otherlinks, it worked fine yesterday. Anyone knows what's up? I thought that was my mistake when I was editing something, I'm glad that I'm not the only one. I hope they give us an answer. |
| |
More topics from this board
» [CSS - MODERN] ⭐️ All ways to customize individual anime and individual list rows (mark your favorites!)Shishio-kun - Sep 4, 2020 |
12 |
by takkun_
»»
Yesterday, 12:00 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2023 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
359 |
by CLModerno
»»
May 5, 7:50 PM |
|
» [CSS - MODERN] Add side renders to list layouts (including for each category!)Shishio-kun - May 15, 2021 |
3 |
by gwynsyl
»»
May 5, 1:41 PM |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7819 |
by Nunphell
»»
May 5, 12:35 PM |
|
» [HALL OF LEGENDS] Hacker09, MyAnimeList's #1 coder!Shishio-kun - Dec 10, 2023 |
9 |
by hacker09
»»
May 2, 9:29 PM |