💎 Show off your latest design!!

getNorted said:
Hello.

As @Shishio-kun suggested, here i am to show off my animelist project for the contest. Im trying to get it done as soon as possible because college needs my attention.



The concept is pretty much done, but i still need to finish things up and add some more details.

Oh, and sorry for my bad english. :v

Shishio-kun said:


OK nice! You can definitely do that with CSS :D

getNorted said:

Since you've said that, i've been working on it. It it not completed yet, but i've made great progress. I'm not struggling with the css, but the stylesheet is messy for sure. xD

If you people could give me some thoughts on the idea, i would aprreciate it.

https://myanimelist.net/animelist/getNorted

hi_im_pinto said:
https://myanimelist.net/animelist/hi_im_pinto
A custom list made by me of the Anime 5-toubun no Hanayome.

Jonathan2bking said:
https://myanimelist.net/animelist/Jonathan2bking?status=7
I figured out how to put gifs in, but I also used a pre-made template, I think it turned out pretty nice

powerwiz said:
https://myanimelist.net/animelist/powerwiz really happy with how well it turned out it also forced me to relearn just a little bit of css

Yuuuuumi said:
https://myanimelist.net/animelist/Yuuuuumi

Just took one of your awesome premade modern layouts and edited it. I think it turned out well. Let me know what you think.

Archfiend836 said:
I tried to make an About Me Graphic for the first time from your GIMP Tutorial.

https://myanimelist.net/profile/Archfiend836

Thank you so much! I always wanted someone to make one for me but Couldn't find any Clubs for that So I had no choice but to make one :)

Zach-chan said:
I've been using a custom list design for a while, never really shared it with anyone so here is my Anime list.

I'm in the process of revamping everything (profile avatar, forum signature, about me graphic, etc.) and I completed my first profile avatar today with the help of one of your tutorials and my old photoshop skills from 10 years ago.. 😆 I'm proud of the result!

Any feedback is appreciated! Thank you again for the amazing content you provide. Truly grateful to everyone who helped build these tutorials, videos, threads, etc. to help us GFX newcomers out!

Shishio-kun said:


You did a really good job with the GIFs, looks great! 🤩

Unfortunately I don't have any feedback, since I don't see any particular problems. I guess you could add more stuff like renders but only if you're into that xD

Yuuuuumi said:
https://myanimelist.net/profile/Yuuuuumi

I have now finished my profile with most images going to links. Also, what do you think of my signature? I used the MALSignature maker from Zaczer_o.

Yaeger_Austin said:
This is my Danmachi List Style Design using the Shelter Style V2 layout:

https://myanimelist.net/animelist/Yaeger_Austin


And I also would like to know if there is a way to make the licensor more visible.

Shishio-kun said:



That Hestia background :O



Hestia classic :D
https://imgur.com/NrAPNO0



I was working on a new fixed version of this layout but it got sidetracked, try my licensor fixes


.list-table .list-table-header .header-title.days, .list-table .list-table-header .header-title.licensor {
color: gray !important;
}
.list-table .list-table-header .header-title.licensor{
padding-top: 20px;
}
.list-table .list-table-header:after {
position: absolute !important;
top:150px;
}
.list-table .list-table-data .data.licensor, .list-table .list-table-data .data.magazine {
position: absolute !important;
margin-top: 100px;
left: -10px;
width: 200px;
}

.list-table .list-table-data .data.finished,.list-table .list-table-data .data.started,.list-table .list-table-data .data.storage,.list-table .list-table-data .data.airing-finished,.list-table .list-table-data .data.airing-started,.list-table .list-table-data .data.licensor,.list-table .list-table-data .data.season,.list-table .list-table-data .data.days,.list-table .list-table-data .data.magazine,.list-table .list-table-data .data.rated{
opacity: 0 !important;
text-shadow: 0 0 2px black, 0 0 1px black, 1px 1px 7px black, 0 0 0 black !important;
color: #fff !important;
font-size: 0.9em;
font-weight: bold;
}
.list-table .list-table-data:hover .data.finished,.list-table .list-table-data:hover .data.started,.list-table .list-table-data:hover .data.storage,.list-table .list-table-data:hover .data.airing-finished,.list-table .list-table-data:hover .data.airing-started,.list-table .list-table-data:hover .data.licensor,.list-table .list-table-data:hover .data.days,.list-table .list-table-data:hover .data.season,.list-table .list-table-data:hover .data.studio,.list-table .list-table-data:hover .data.magazine,.list-table .list-table-data:hover .data.rated{
opacity: 1 !important;
visibility: visible !important;
}

.fa:hover,.data.progress span:hover,.list-table .list-table-data .data.score:hover,.list-table .list-table-data .data.licensor a:hover,.list-table .list-table-data .data.score .link:before,.data.progress span a:before,.list-table .list-table-data .data.season a:hover,.list-item .data.studio:hover *,.list-table .list-table-data .data.title .link:hover,.list-table-data .data.tags:hover,.list-table .list-table-data .tags .edit:hover,.list-table .list-table-data .data.title .edit:hover a,.list-table .list-table-data .data.title .add:hover a{
cursor: pointer !important;
}

Yaeger_Austin said:



Thanks, I got it sorted out.
However I would like to know where you suggest I place that image.

Shishio-kun said:


Oh the Hestia? Well I would say take out your least favorite image, or you put it on Completed since that has the Hestia GIF :D

You can also fix the loading mouse thing with this (it's a relatively new issue)
https://myanimelist.net/forum/?topicid=1917432

Yuuuuumi said:


Thank you! The front generator I used has a lot of different font types and uses bbcode. Here is the link https://fontmeme.com/text-generator/

BingerWatcher said:
Just a nice and simple design I've made from the Customizable Basic Layouts, mainly dependent on how good you are at finding a decent HD anime wallpaper. I've been a bit obsessed with Violet Evergarden lately, so I gotta do what a fan gotta do ˙˚ʚ(´◡`)ɞ˚˙

Thanks for the codes cause it really taught a complete coding noob like me some CSS basics (๑˃̵　ᴗ　˂̵)و

I'm still exploring cursive fonts so feel free to share any of your personal favourites!

My Anime List

Zach-chan said:
It's not a profile layout per se, but I thought I'd share my latest creation : an animated "character highlight" layout (original idea inspired by animated member cards and regular character collages/layouts) :

It's my first try and there's a lot I could improve or add to make it look even better. Took me around 8 hours to make (taking into account the time spent watching tutorials to understand how to work with GIFs in photoshop).

Zach-chan said:
Added a Graphic layout to my profile. It's my first one (ever), but certainly not the last. I had quite some fun trying stuff out, I still have much to learn to be more efficient (it took me like 2-3 hours to make, but still I'm proud of the result).

Shishio-kun said:
I like it! Love the About Me colors too 😍

I think you are using something like Papyrus font maybe, we can't see it, but if you use my font video off my channel (see my sig) you can set it so everyone can see that font! (it's takes some time to set up tho and can be trick)

BingerWatcher said:




Yep I'm using Papyrus, you're such a font expert. I just picked it cause it was in this CSS page off Google. I'm glad it shows up for others as well.

Wow I didn't know you can install fonts for the list! (Ω Д Ω) Well it looks like I'll have a field trip with this, thanks for showing me the tutorial videos. The guide on tags look really interesting as well cause I use the tag column for both tags and mini reviews. I've been literally digging in the dark with the CSS codes and Inspector tool. I wish I have found those tutorials earlier ಥ‿ಥ

Phloup said:
Just finished my second layout for my about me! I'll share part of the first one as well, though I wasn't really satisfied with it (which is why I made a second one).

To make it, I used screenshots of the menu screen of Persona 3 as the base. I wasn't able to find the exact font used in the menu, so I utilized the font used for the game title. I then slapped on some characters of one of my favorite manga, and darkened them a bit so that the contrast with the background isn't too big. Any feedback and comments is welcomed!





By the way, thank you for all the useful tutorials! Couldn't have done these without those.

Shishio-kun said:


LOVE IT! 😍 I am actually playing Persona 3 these days, so your layout was a pleasant surprise! I have been at it for the last year and I'm about 180 hours in on a second playthrough. Trying to figure out how to beat the two super bosses. I will do one more playthrough on the hardest level, and maybe I'll do that on PC since I have been playing on PSP and its missing a lot of graphics.

I'm considering doing a Persona 3 inspired layout too, based the menu in Velvet Room with Elizabeth and other Persona menus.

Also someone made a Persona 5 layout once, it was really good and won the list contest:
https://myanimelist.net/forum/?topicid=1671474

I also like the manga style layout a lot, esp since I did one too. Thanks for sharing, it's refreshing and encouraging to see what people make! :D

Phloup said:


Thank you so much!!! I think I must have taken inspiration from your past layouts and those of other people considering how many profiles I checked for inspiration, lol. Must be where I got the initial idea for the manga style one.

I've also only played Persona 3 on PSP, so I never got to see the more advanced graphics. Maybe I'll get to it someday.

Also, those Persona 5 lists are so incredibly cool! I always admire people who can do cool stuff with their lists, considering how hard I find CSS to be. (I'll make a list eventually)

TheHolyPotato said:
Getting back into coding/designing, wanting to make a hollow knight themed list. Still has a couple tweeks that need to be done but other than that it's finished. Once all bugs are gone I will release the code for anyone to use :)

TheHolyPotato said:
Getting back into coding/designing, wanting to make a hollow knight themed list. Still has a couple tweeks that need to be done but other than that it's finished. Once all bugs are gone I will release the code for anyone to use :)

Zach-chan said:
I've just made a new About Me Graphic (it's still "incomplete" because I haven't edited the url links yet)

I've been perfecting my photoshop skill with card making so I thought I'd update my layout :3 took me about 4 hours to make (the slicing was a bit tricky on that one, had to redo it twice >_<)

Let me know what you think :D (visit my profile)

Shishio-kun said:
Love it! Absolutely perfect font and placement of the video and GIF 😀

NormieHKM said:
I like the timing it is pretty good especially Miku dialog :I

timzki said:
https://myanimelist.net/profile/timzki Tried to go for a VN style, the way how TYPE-MOON does it.

I give my thanks to all the tutorials this club has to offer. Without them I would've been super lost and probably would've given up.

Thanks for being awesome Shishio, Valerio and others!

NoleDormire said:
Shishio-kun, please rate my anime list! I have worked very hard on it, I think you'll love it!
Please give pointers on how I can further the goals of my design