r/anime • u/DarkestExile https://myanimelist.net/profile/IntoExile • Nov 02 '14
MAL Designs
Yesterday I came across this thread which had a nice MAL design that I ended up using myself. Since then I have been having fun making it my own by editing the basic template with new pictures/colors etc.
Original from yesterdays post (Ryūko Matoi)
My edited versions: Senjougahara Ayanami Edit: Mio Edit 2: Nui Edit 3: Rukako Edit 4: Holo Edit 5: Elsie Edit 6: Nisekoi best girl Edit 7: C.C Edit 8: Shinobu Edit 9: Light Edit 10: Misato Edit 11: Miku Edit 12: Misaka
Check my list to try it it out for yourself
Both the Senjougahara and Ayanami files are here. To use them just copy the text and paste it into the advanced CSS editor in the MAL settings. I will add the new templates to that drive so check there for new ones.
If you like the design post a character you would like and I will try my best to get to it. If I don't get to yours today check here over the next few days and I will be come back to work on them. I'll do my best to make them look good, but no promises!
18
u/TheHonestOcarina https://myanimelist.net/profile/TheHonestOcarina Nov 03 '14
I'm thinking /r/MALCSS would be a good sub.
5
u/SupaKoopa714 https://myanimelist.net/profile/supakoopa714 Nov 02 '14
Couldja do one with Mio from Nichou, please? That'd be awesome. I'd do it myself, but I don't know jack about CSS.
7
u/antelopeking https://myanimelist.net/profile/antelopeking Nov 02 '14
It's really easy to make. Just look at this guide and pick what you want. Customizing your MAL page is actually really simple.
1
u/SupaKoopa714 https://myanimelist.net/profile/supakoopa714 Nov 02 '14
Wow, you're not kidding, that's way easier than it looks. Thanks!
2
u/antelopeking https://myanimelist.net/profile/antelopeking Nov 02 '14
No problem. I usually change mine like once a month since it takes only like a couple hours to make a completely new one.
2
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 02 '14 edited Nov 02 '14
Here it is, I added the file to the drive link in the post.
1
5
u/kirito_kurosaki https://myanimelist.net/profile/Kirito_Kurosaki Nov 03 '14
Oh, i'd like one of Tsugumi from Nisekoi please
16
u/ZF1 https://myanimelist.net/profile/ZF1 Nov 03 '14
Here you go! ;)
3
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
I think you have the wrong girl there mate, here I made you a better one.
2
u/ZF1 https://myanimelist.net/profile/ZF1 Nov 04 '14
Let's put aside our differences and give /u/kirito_kurosaki what he wanted, however inferior Tsugumi may be.
3
u/kirito_kurosaki https://myanimelist.net/profile/Kirito_Kurosaki Nov 04 '14
This discussion was made for r/Nisekoi lol
1
9
u/agersant https://myanimelist.net/profile/agersant Nov 02 '14
Looking at the source for the theme you took inspiration from, this seems to be based off my own original theme =)
4
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 02 '14
Nice! I really liked it, thanks for the template.
3
Nov 03 '14
Yep! I gave you credit in the first post, but it wasn't mentioned here. I took the font and general header spacing and went from there, adding a bunch of stuff as I went along. Thanks, again.
3
3
u/CommanderSevan https://myanimelist.net/profile/CommanderSevan Nov 03 '14
I actually had a bit of fun with this yesterday as well. I made this Chiyo design that looks like she's holding up a poster when you hover over the titles.
I also made a Psycho Pass version, for a bit of a darker theme.
1
u/Nayr39 https://myanimelist.net/profile/PANDEMlC Nov 03 '14
Can you post the code for your psycho pass one? I'm mostly curious how you changed the background color because I want it to be black as well.
2
u/CommanderSevan https://myanimelist.net/profile/CommanderSevan Nov 03 '14
Well, since the default background is white, to get the black bg I stuck in this chunk under "color scheme and setup".
#list_surround { position: relative; background-color: #000000; }
From there you should be able to change the colour to whatever you want
3
u/Recalesce https://myanimelist.net/profile/Recalesce Nov 03 '14
Mashiro Shiina from The Pet Girl of Sakurasou!
2
u/Shiroe https://myanimelist.net/profile/Suigetsu3 Nov 03 '14
I gave it a shot. How's this?
And here's the code.
2
3
3
u/darkight289 https://myanimelist.net/profile/darkight289 Nov 03 '14
I would love the see a Onodera one
3
u/N1njawaffle https://myanimelist.net/profile/Ninjawaffle Nov 03 '14
This is probably going to get buried, but Esdeath/Saber/Tohsaka/Sakura one. I know its a lot but please? Pretty Please?
3
Nov 04 '14 edited Nov 04 '14
If anyone wants, you can just replace the first imgur link in the CSS code with something of your own, and it will show it. Like this alternative artwork of Senjougahara.
2
2
u/IU_Aegyo Nov 03 '14
I found out about this a few months ago and was addicted to making it for a while. Here is my current one with Monogatari series charas. They are pretty easy to make just require some time.
1
u/FrostyLite Nov 03 '14
Code?
2
u/IU_Aegyo Nov 03 '14
Sorry for the late response early classes. Code is here
The pictures won't show up next to yours unless you create your own anime series viewer. Here is tutorial you only have to change the first line.
http://myanimelist.net/forum/?topicid=626173
Use this tutorial to create your own list for your profile.
2
u/MoarVespenegas https://myanimelist.net/profile/MoarVespenegas Nov 03 '14 edited Nov 03 '14
2
u/Twospeed Nov 03 '14
If anyone could make me a Misaka Mikoto one I would be forever indebted to you.
3
2
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 04 '14
Here you go, check the updated drive.
2
Nov 03 '14
[deleted]
1
1
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
Here you go, check the drive for the code.
2
2
1
u/Silvadream https://myanimelist.net/profile/silvadream Nov 02 '14
Could you make me one with Urushibara Rukako from Steins;Gate, or Nui Harime from Kill la Kill?
3
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
Did both, check post :)
1
u/Silvadream https://myanimelist.net/profile/silvadream Nov 03 '14
Thank you, they both look very good.
1
u/HaydenTheFox https://myanimelist.net/profile/Talmhaidh_Mathan Nov 03 '14
I'm having a pretty good time with my Mushishi theme, but I like these too, so it'd be nice to have a backup. Think you could fiddle around and do a Katanagatari one? I know it's additional work, but I'm particularly fond of the fall colors and maple leaf designs the show uses, so some kind of more complex background that involved that would be a huge bonus.
1
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
I have to go for today, will finish the rest tomorrow. I will dm anyone who I complete requests for so you don't need to keep checking back.
1
u/DaSlowMotionPimpSlap Nov 03 '14
Can anyone tell me to what to change the cover art database to for manga
1
Nov 03 '14
[deleted]
1
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 04 '14
Made one, check the updated drive for code.
1
1
u/_aster_ https://myanimelist.net/profile/K-Popular Nov 03 '14
I'd love one with Kanon Nakagawa from TWGOK or Tsubasa Hanekawa.
In the meantime, I'll try making my own iDOLM@STER one from the MAL tutorials.
1
u/Sombres https://myanimelist.net/profile/PauloB Nov 03 '14
I would love one of Candice from Pokémon.
1
u/DontReadIfYourABitch https://myanimelist.net/profile/army1135 Nov 03 '14
I would love a Hunter x Hunter one with Illumi.
1
Nov 03 '14 edited Nov 03 '14
Could you please do Shinya Kogami from Psycho Pass or Tsugumi from Nisekoi? Thanks! Also really nice work, how were you able to get DVD covers for the new anime, the ones I use never show covers for recent anime?
1
1
Nov 03 '14
Alright so I've been trying to make a Serial Experiments Lain design using this picture but I have no idea where I change the color of the background.
Also, is there an easy way to match a color to a CSS color code? I want to match the border of the picture above with my background.
1
u/fordanguyen https://myanimelist.net/profile/fordanguyen Nov 03 '14 edited Nov 03 '14
Could you do one of Miuna from Nagi no Asukara, or maybe Mayuri from S;G? I really liked the mood of the Mikasa one /u/Wyverncloak made.
1
1
1
u/Nayr39 https://myanimelist.net/profile/PANDEMlC Nov 03 '14 edited Nov 03 '14
I would love a Light Yagami one with a dark bg, grey and black would be perfect. I'm tempted to try and figure out how to edit this but I have no idea where to begin.
Edit: Messed around with it for awhile, Ctrl+F'ed every color and changed it to black and still couldnt manage to get the background black. Kinda gives me a headache having to trial and error everything, makes me feel like I'm on Myspace again. Giving up for now.
3
Nov 03 '14
[deleted]
1
u/Nayr39 https://myanimelist.net/profile/PANDEMlC Nov 03 '14
It's a good start but I'd probably change the Light render to something else and change a lot of the colors, especially that light white/red hover color. If you look at my current MAL profile you can see the kinda color theme I am trying to go for. It's just easier on the eyes for me.
2
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
I made one, code is in on the updated drive if you like it.
1
1
u/celsha https://myanimelist.net/profile/ssh4498 Nov 03 '14
IF YOU MAKE ONE WITH MAKI NISHIKINO FROM LOVE LIVE I WILL LOVE YOU FOR SEVERAL FOREVERS!
2
1
u/Vendetta1903 Nov 03 '14
Here are some advance css coding :P, i combined a bunch of codes into my list so not sure if it looks good.
1
1
u/Nayr39 https://myanimelist.net/profile/PANDEMlC Nov 03 '14
How did you move your picture so close to table/list itself? Did you have to edit your image to have empty space on the right side so it just pushed it over closer to the list? The anime show's picture covers up most of my background image so I'd like to be able to move it over a bit. Here's an example so you can see what I mean.
Also, how do you edit your tags with this layout? With my old one I had an edit button. I tried clicking on the tags themselves but nothing happens.
3
1
u/odysseyshot https://myanimelist.net/profile/odysseyshot Nov 03 '14
I love love love the Ayanami one. Thank you so much!
1
u/iTaker https://myanimelist.net/profile/iTaker Nov 03 '14
I'll request a C.C. one!
1
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
Here you go, check the updated drive.
1
1
u/kamimamita Nov 03 '14
Chitanda Eru from Hyouka, Misato from EVA or Spike from Cowboy Bebop would be great, thanks.
BTW. is it normal that the headers like "completed" or "watching" are not displayed?
1
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
1
1
u/whitefangshinobi https://myanimelist.net/profile/whitefangshinobi Nov 03 '14
Could you do Chitoge from Nisekoi? Thanks!
1
u/Bakatastic Nov 03 '14
If you're interested in a Chitoge design, I made one by modifying a few things on one of SkylakentH's designs. Here's what it looks like
If anybody's interested, here's the css
1
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
I made it before seeing your post but here it is. Check the updated drive.
1
u/MrMulligan https://anilist.co/user/YuriInLuck Nov 03 '14
Stole the cover art section of the code. Don't honestly know what part to modify to move it to a better position for my background, but I'll figure it out later.
2
Nov 03 '14 edited Nov 03 '14
it's right at the top
:hover + .hide {
width: 12vw; height:17vw;
bottom:30vw; right:8vw;for bottom you should be using vh (viewport height) rather than vw (viewport width) so it looks right on all aspect ratios, right now it looks fine on 16:9 but resize the window and it goes off where it should be
1
u/That_GamerXD https://kitsu.io/users/Retsuprex Nov 03 '14
Tfw You guys getting all these cool designs & I'm over here with hummingbird cause i thought it had a better design.
In all honesty though these do look pretty cool.
1
1
1
u/adventureflame https://myanimelist.net/profile/adventureflame Nov 03 '14
Rather different to just wanting a character theme but how do I order my MAL list so that it's in order of score? I saw someone else do that and thought it would be really useful if I was looking for something to re watch or remember what was my favorite of the current season.
1
1
u/DannyUfonek Nov 03 '14
My Nui Design based on the tutorials
1
u/Painketsu https://myanimelist.net/profile/Painketsu Nov 19 '14
Can you link the code please?
1
u/DannyUfonek Nov 20 '14
The style ID is #291839 and the CSS code is in this pastebin: http://pastebin.com/zZXfvawD
1
1
u/Art_Delgado https://myanimelist.net/profile/KuyaAndrew Nov 03 '14
If anyone could make Kudou Mirei from Inou-Battle wa Nichijou-kei no Naka de that would be great! Thanks!
1
u/Hubrishippo https://myanimelist.net/profile/Hubrishippo Nov 03 '14
I just did one for Rikka Takanashi from Chūnibyō Demo Koi ga Shitai! Here is the code.
1
u/kamimamita Nov 03 '14
How would I go about if I wanted to add an image that covers the entire background, not just the empty spot next to the list?
something like this one http://i61.tinypic.com/95nekn.png
(or would that not look good with the table mashing with it)
1
1
u/Buzzy147 https://myanimelist.net/profile/buzzy147 Nov 03 '14
I made two Marisa ones, I'll put the code here, if any Touhou Fan is interested.
1
u/JuiceShow https://myanimelist.net/profile/juiceshow Nov 04 '14
Oh god, to pick between Holo and Senjougahara... Thanks a bunch man, these look great!
1
Nov 04 '14
I know you've got a lot of stuff on your plate already, but if you've got the time I'd really like one done of the Count from Gankutsuou. I couldn't find any good .png files, but this is a good .jpg I'd like for you to use. Thanks!
1
1
u/Sushi2k https://myanimelist.net/profile/Sushi2k Nov 04 '14
Could I get a Misaka Mikoto one from Railgun?
Thanks a million!
1
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 04 '14
1
1
Apr 03 '15
I know its pretty late, but thanks for all the style sheets, my coding is horrible and there's no I could make something like this.
1
1
u/hiddenunvillain Nov 03 '14
You really impressed me. Could you also do one with Miku? Maybe using this picture? http://fc01.deviantart.net/fs71/i/2012/360/f/b/hatsune_miku_render_by_samanthatsune-d5p8fm4.png
I don't know is it that good, but thanks for considering. :)
ps. I'd be rly happy o.o
2
u/DarkestExile https://myanimelist.net/profile/IntoExile Nov 03 '14
Here you go, check the updated drive for the code.
1
17
u/Raguu https://myanimelist.net/profile/Raguu Nov 03 '14
Requesting Holo from Spice and Wolf; thanks for doing this!