Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (9) « First ... « 6 7 [8] 9 »
May 30, 2020 6:13 PM

Offline
May 2017
381
5cm said:
Donating my table dashboard layout. Previewed on 1280x800.



code


@5cm I love your design! I'm just having an issue where at 300 entries, it doesn't load any more of the list. Do you know what I am doing wrong?

Also @Baraldo since you made a hot-fix already for this layout, I figured you might know what I'm talking about too.
Jul 19, 2020 5:38 PM

Offline
Feb 2010
11827
Valerio_Lyndon said:
^ Responded to above in the other thread.
[Link]


Thank you :D
Jul 28, 2020 5:18 PM
平沢唯

Offline
Dec 2016
2197
This is an updated version of 5cm's Dashboard design which fixes the scroll issue some people such as @ycleped have mentioned. I don't intend to step on 5cm's toes here, but hopefully they don't mind me applying and sharing this fix.



[Code]

This should be used to completely replace/reinstall the original theme. It is not to be used at the same time. If there are still any issues, or there are new issues due to my changes, I'd appreciate if anyone would tell me.

Original post
View Differences
Valerio_LyndonJul 28, 2020 5:28 PM
Jul 28, 2020 6:53 PM

Offline
May 2017
381
Valerio_Lyndon said:
This is an updated version of 5cm's Dashboard design which fixes the scroll issue some people such as @ycleped have mentioned. I don't intend to step on 5cm's toes here, but hopefully they don't mind me applying and sharing this fix.



Wow, thank you very much!
Aug 6, 2020 9:37 PM
平沢唯

Offline
Dec 2016
2197
Donating a Pokemon theme I made several months ago. It's focused to specific tastes as it was made to request, so I don't really expect this to be a widely popular theme. I also went a bit too "cutting edge" on some of the CSS, so this theme will only display properly when installed using the @import line below. If installed directly, some of the images will break.


[Full-size Images]

Install using Theme Customiser

Or, install manually.


Links:
Shishio's thread || GitHub

Edit 2022/May/07: Updated to version 1.2.0.
Valerio_LyndonJan 7, 10:55 PM
Aug 9, 2020 4:40 PM
Offline
Jul 2018
564084
Valerio_Lyndon said:



[Code]

This should be used to completely replace/reinstall the original theme. It is not to be used at the same time. If there are still any issues, or there are new issues due to my changes, I'd appreciate if anyone would tell me.

Original post
View Differences

if someone were to view this on a portrait oriented screen like mobile desktop mode, how would you make it so that the list auto scales to whatever resolution you're viewing from?


also I'm not sure where to apply that previous 'hotfix' code to remove the little white pixel thing on the top left
Aug 9, 2020 6:03 PM
平沢唯

Offline
Dec 2016
2197
Korishi said:
Valerio_Lyndon said:
This is an updated version of 5cm's Dashboard design which fixes the scroll issue …

if someone were to view this on a portrait oriented screen like mobile desktop mode, how would you make it so that the list auto scales to whatever resolution you're viewing from?


also I'm not sure where to apply that previous 'hotfix' code to remove the little white pixel thing on the top left

The hotfix Baraldo made would go at the bottom of the CSS. Now you've pointed it out though, I incorporated a similar fix to my own code so you could just update the theme there if you wished (same way you initially installed it).

As for auto-scaling, you could make the height adapt by adding this CSS to the bottom of the main code. I have not actually tested this on a phone, but it should most likely work.
/* Add auto-sizing height capability */

body::before, body::after {
	height: calc(100% - 136px);
}

.list-unit {
	padding-bottom: 68px;
}

footer {
	top: auto;
	bottom: 0;
	height: 68px;
}


If you mean auto-sizing the actual scale of objects as in text or images, though, it would require an overhaul of the internals and would still end up cutting off half the information on the page due to lack of space.
Aug 10, 2020 4:18 PM
Offline
Jul 2018
564084
@Valerio_Lyndon
that's exactly what I was aiming for.
I did actually have to replace the original instances of the code like body and footer instead of simply adding to the end for it to work, but it all looks good now. thanks for helping me
Aug 26, 2020 12:09 AM

Offline
Feb 2010
11827
Valerio_Lyndon said:
Donating a Pokemon theme I made several months ago. It's focused to specific tastes as it was made to request, so I don't really expect this to be a widely popular theme. I also went a bit too "cutting edge" on some of the CSS, so this theme will only display properly when installed using the @import line below. If installed directly, some of the images will break.


[Full-size Images]
[Live Preview]


To install, use this CSS:
@\import "https://dl.dropbox.com/s/9gatvtlp5zxy922/Puni.css";


Information:
• For modern lists. Disable default banner and background image.
• Enable only these list columns: Score, Episodes, Chapters, Volumes, Storage/Retail Manga, Tags, Image. Disable all other columns.
• To change colours, pictures, or the info icon you can hover your mouse over, add this below the import and modify as you wish:


OK so banner character switches out the Pokemon, right? It seems pretty easy!

I'll add this to the front page and try to make a topic for it and share it with the club. :D
Nov 29, 2020 4:04 PM

Offline
Feb 2020
13
Shishio-kun said:
Here's the code for my "Living Manga" anime list layout which I'm currently using. It's hard to use tho, since you'd probably wanna change many of the GIFs to not have my name on them xD

I'm sure smart cookies can learn from the animation codes too





Wanted to take a stab at redesigning this amazing list design but I have one question.
I've been trying to find the code you used for when your cursor hovers over your anime and a description/comment appears. Could you tell what you did there?
Nov 29, 2020 4:32 PM

Offline
Feb 2010
11827
@ItsAvu Thanks! :D Let me know if you can make something new out of it, you'd be the first person so far everyone else gave up


Scroll down to this, all the codes are there for the tags effect up until list container which should be for something else

/* review section */
Dec 2, 2020 10:46 AM

Offline
Feb 2020
13
Shishio-kun said:
@ItsAvu Thanks! :D Let me know if you can make something new out of it, you'd be the first person so far everyone else gave up


Scroll down to this, all the codes are there for the tags effect up until list container which should be for something else

/* review section */


@Shishio-kun
Hey, just wanted to get back to you about the list. I finally finished it after 3 days. If you would like to check it out its on both my manga and anime list. I did what I could and ultimately this is what I could come up with, without buying any software.
I did have trouble finding the code to expand the width of the list boxes since it seemed cramp. If you could help me out with that code, if you can't thats understandable, I'm satisfied with what it is right now. Once again thanks for the layout!
Dec 2, 2020 1:49 PM

Offline
Feb 2010
11827
ItsAvu said:
Shishio-kun said:
@ItsAvu Thanks! :D Let me know if you can make something new out of it, you'd be the first person so far everyone else gave up


Scroll down to this, all the codes are there for the tags effect up until list container which should be for something else

/* review section */


@Shishio-kun
Hey, just wanted to get back to you about the list. I finally finished it after 3 days. If you would like to check it out its on both my manga and anime list. I did what I could and ultimately this is what I could come up with, without buying any software.
I did have trouble finding the code to expand the width of the list boxes since it seemed cramp. If you could help me out with that code, if you can't thats understandable, I'm satisfied with what it is right now. Once again thanks for the layout!



Ok, cool! :D


It's
#list-container

You can find codes with this video
https://www.youtube.com/watch?v=cTGbVutdqfc

Extra materials on making a custom layout
https://www.youtube.com/watch?v=bI13AHX3jFw
https://www.youtube.com/watch?v=8besPyPQlzQ


btw JASC animation shop is free at this point, and Photoshop you can get free from the video descriptions in my Photoshop videos
Feb 16, 2021 3:54 PM
Offline
Apr 2020
3
Samurai Champloo layout

Shishio-kunMar 31, 2023 10:10 AM
Feb 18, 2021 12:34 PM

Offline
Dec 2020
165
Hello! Recently I made 1 non-anime layout (Dream SMP Layout) and 1 anime layout (K-On!) using the kimi no na wa base showed in Shishio-kuns "How to make a custom list design" video.


CODE1 is Dream Smp layout code and CODE2 is the K-On layout code!


If you use any of these layouts PLEASE credit me.

Ty!
Feb 25, 2021 6:01 PM

Offline
Feb 2014
354
5cm said:
Donating my table dashboard layout. Previewed on 1280x800.



code


Just want some advice. I am really new to customized lists and I really like this one so I'm using it. (I haven't had any of the problems others reported with the list so I'm using the original code. )

Is there any way I can make the covers (the anime/manga cover images) larger than what is presented as I have it? (my list link here: Click me!)Is there a way to do this without throwing everything off and if so which part of the code do I edit?

Thanks!
Feb 25, 2021 7:07 PM

Offline
Feb 2010
11827
Thnx4dafood said:
5cm said:
Donating my table dashboard layout. Previewed on 1280x800.



code


Just want some advice. I am really new to customized lists and I really like this one so I'm using it. (I haven't had any of the problems others reported with the list so I'm using the original code. )

Is there any way I can make the covers (the anime/manga cover images) larger than what is presented as I have it? (my list link here: Click me!)Is there a way to do this without throwing everything off and if so which part of the code do I edit?

Thanks!


Tried this?
https://myanimelist.net/forum/?topicid=1751661
Mar 13, 2021 3:45 AM
Offline
Jun 2020
16
Skittles said:
Gonna donate my White Album 2 list layout. Wouldn't haven't been able to create it without the help of the great tutorials in this club.

Credit goes to Haihado for the falling snow effect.





How am i supposed to make this work?

Mar 13, 2021 4:08 AM

Offline
Feb 2010
11827
Kleista said:
Skittles said:
Gonna donate my White Album 2 list layout. Wouldn't haven't been able to create it without the help of the great tutorials in this club.

Credit goes to Haihado for the falling snow effect.





How am i supposed to make this work?



It's a classic layout. Your list is set to modern.

Refer to #2 under Common Fixes:
https://myanimelist.net/forum/?topicid=439897
Many solutions to layouts not working are in that topic
Mar 17, 2021 5:26 PM
Offline
Jun 2020
16
Shishio-kun said:
Kleista said:



How am i supposed to make this work?



It's a classic layout. Your list is set to modern.

Refer to #2 under Common Fixes:
https://myanimelist.net/forum/?topicid=439897
Many solutions to layouts not working are in that topic


thanks shishio-kun. i resolved the problem now. i am now using classic for my anime and manga layouts. Again, thanks <3
Mar 18, 2021 11:52 PM

Offline
Jan 2021
30
Hello!
Here is my Plastic Memories Anime List code that I wanted to share with you all!
The list style is modern and white.



Frajer_9Apr 11, 2021 8:46 AM
Apr 4, 2021 2:38 PM

Offline
Feb 2010
11827
Frajer_9 said:
Hello!
Here is my Plastic Memories Anime List code that i wanted to share with you all!
The list style is modern and white.





Thank you for this, I will make a topic for it soon :D
Sep 18, 2022 6:42 AM

Offline
Feb 2018
27110
Here's my about me design, feel free to use no need credits / anything.

Megumi Katou - Saekano Layout : Link


Tachibana Kanade - Angel Beats Layout : Link



Shishio-kunMar 31, 2023 10:10 AM
Oct 16, 2022 12:26 AM

Offline
Feb 2010
11827
@Syureria Thank you! The Kanade one is so pretty, I've seen it before it's a favorite of mine!

@Tyrel check this one out!
Oct 16, 2022 2:19 PM

Offline
Feb 2021
2



Count Dracula Theme

So this is what I created for the list creation thing/contest. Click on the image to go to the live preview.
Gotta say I'm not good at creating banners or background images but I'll link them below. (Both were made by me.)

Banner image 01
Banner image 02
Background image

Right-click on the link and click 'Save link as...' to save images to the device.

Send a request if you liked the theme.

Oct 16, 2022 6:35 PM
平沢唯

Offline
Dec 2016
2197
@re4nightwing Thanks for sharing! Your design was definitely one of the stand-outs, great colour scheme. You say your banners aren't good but they're solid! There's always room for improvement, but the shape design is really nice.
Oct 16, 2022 10:39 PM

Offline
Sep 2011
9879
Shishio-kun said:
@Syureria Thank you! The Kanade one is so pretty, I've seen it before it's a favorite of mine!

@Tyrel check this one out!
👀. Expired link though riprip
Oct 17, 2022 3:46 AM

Offline
Feb 2018
27110
Tyrel said:
👀. Expired link though riprip
Done fix...
https://www36.zippyshare.com/v/zeuk9Ihz/file.html

Shishio-kunMar 31, 2023 10:11 AM
Oct 17, 2022 3:53 AM

Offline
Feb 2010
11827


Thanks for the update!
Nov 15, 2022 12:37 AM

Offline
Feb 2018
27110
Back again, here's my second about me design, feel free to use, no need to credit me. Scroll on the description for link.

Link PSD : https://www.deviantart.com/ladycharmine/art/PSD-Yae-Miko-Layout-937191281



Shishio-kunMar 31, 2023 10:11 AM
Nov 16, 2022 2:55 AM

Offline
Feb 2010
11827
Thanks @Syureria and @re4nightwing for sharing your work! I've linked them in the latest newsletter so people will know :D
Nov 16, 2022 3:24 AM

Offline
Feb 2018
27110
Shishio-kun said:
Thanks @Syureria and @re4nightwing for sharing your work! I've linked them in the latest newsletter so people will know :D
You're welcome Shishi :")
Dec 6, 2022 1:19 AM

Offline
Feb 2018
27110
Dec 11, 2022 12:23 PM

Offline
Feb 2010
11827
@Syureria Very nice! Thanks for sharing :D we'll do a mass share for your work soon with some other announcements
Jan 14, 2023 8:47 AM

Offline
Feb 2018
27110
Sangonomiya Kokomi Layout, feel free to learn / use... no need to give me credits.
Link PSD : https://cdn.discordapp.com/attachments/486834521061326849/1063744039880503296/Kokomi_Layout.psd



Shishio-kunMar 31, 2023 10:11 AM
Feb 12, 2023 1:39 AM
平沢唯

Offline
Dec 2016
2197
@Syureria Thanks for sharing, especially with the PSD file! This is a great about me design. As someone often curious about this style of graphic, it's great to be able to dissect one.
Mar 11, 2023 6:39 AM

Offline
Feb 2018
27110
Back again, Here's my Ganyu Layout.
Feel free to use my PSD no need to give me credits or anything.

Link PSD : https://www.deviantart.com/users/outgoing?https://www9.zippyshare.com/d/X0GCpYBW/18/Ganyu%20Layout.psd



Shishio-kunMar 31, 2023 10:11 AM
Mar 11, 2023 11:54 AM

Offline
Feb 2010
11827
@Syureria thank you again for the contribution! Later this year I have big plans for teaching Photoshop/Photopea to new users and your graphics will help a ton + we will share them out later
Mar 11, 2023 4:27 PM

Offline
Feb 2018
27110
Shishio-kun said:
@Syureria thank you again for the contribution! Later this year I have big plans for teaching Photoshop/Photopea to new users and your graphics will help a ton + we will share them out later
you are welcoem shishiii
Mar 14, 2023 3:20 PM
Offline
Dec 2019
6

Cyberpunk Edgerunners. took me much longer than id care to admit to customize it all. wasn't quite able to do a custom cursor, oh well.

Mar 14, 2023 3:38 PM

Offline
Feb 2010
11827
@OtherEnigma Thanks! How far did you get with the cursor? I can help you finish it or get it installed in the layout.
Mar 14, 2023 6:08 PM
Offline
Dec 2019
6
@shishio-kun I made a cursor png, but when I got it to a good size (30 px ish) I couldn't upload it to imgur or imageshack (what I've been using). I made it a little larger and that worked, but it looked funny. I also couldn't select the top quote while inspecting element, so I don't know how to mess with its font or anything. I'm a complete noob at anything technical, so I used lots of video tutorials haha. 
Mar 14, 2023 6:57 PM

Offline
Feb 2010
11827
OtherEnigma said:
@shishio-kun I made a cursor png, but when I got it to a good size (30 px ish) I couldn't upload it to imgur or imageshack (what I've been using). I made it a little larger and that worked, but it looked funny. I also couldn't select the top quote while inspecting element, so I don't know how to mess with its font or anything. I'm a complete noob at anything technical, so I used lots of video tutorials haha. 


Try uploading every version of the cursor you got to a site like Dropbox or Google Drive (you just need to already have a google account), and then link me to them and I can see if I can salvage them :D
https://drive.google.com/drive/u/0/my-drive

Gofile is another site some ppl can use to share files like that and it's free to use with no account iirc
https://gofile.io/welcome
Mar 14, 2023 7:50 PM
Offline
Dec 2019
6
https://drive.google.com/drive/folders/17WBagnldef1Q4jJmk7h9l-etx9KhswtD?usp=sharing
Hopefully thats what you need, I put in a 30, 50, and 200 px. Thanks a bunch :D
Mar 15, 2023 3:28 AM

Offline
Aug 2013
520
OtherEnigma said:
https://drive.google.com/drive/folders/17WBagnldef1Q4jJmk7h9l-etx9KhswtD?usp=sharing
Hopefully thats what you need, I put in a 30, 50, and 200 px. Thanks a bunch :D
Being the relic that I am I would also like to mention that dropbox (and maybe goodle drive these dyas?) can be used for more dynamic and stable image hosting for your designs ^^




Mar 15, 2023 3:26 PM

Offline
Feb 2010
11827
/* CUSTOM CURSOR
*/

body *, :not(*) {
cursor: url(https://imgur.com/QEltSA9.png), url(https://imgur.com/QEltSA9.png), auto !important;
}

@OtherEnigma I got both the cursor and font working! :D That should be the proper cursor code for any layout. It doesn't need two image links but if there was a cursor file out there with this, it would go into the first parenthesis.

Cool layout! The final code is here, thanks again!
https://pastebin.com/raw/B3gnwy0z
Mar 17, 2023 6:11 PM
Offline
Dec 2019
6
Shishio-kun said:
/* CUSTOM CURSOR
*/

body *, :not(*) {
cursor: url(https://imgur.com/QEltSA9.png), url(https://imgur.com/QEltSA9.png), auto !important;
}

@OtherEnigma I got both the cursor and font working! :D That should be the proper cursor code for any layout. It doesn't need two image links but if there was a cursor file out there with this, it would go into the first parenthesis.

Cool layout! The final code is here, thanks again!
https://pastebin.com/raw/B3gnwy0z
wow- so fast! thanks so much for the help, great community you've got here :)
Reply Disabled for Non-Club Members
Pages (9) « First ... « 6 7 [8] 9 »

More topics from this board

» [BBCode] Font Awesome Guide

hideso - Dec 25, 2023

6 by Shishio-kun »»
Today, 12:26 AM

Sticky: » 💚 [REPAIR STICKY] Repair/speed up a design + Request a layout fix

Shishio-kun - Nov 17, 2023

33 by Shishio-kun »»
Yesterday, 11:42 PM

» [CSS - Modern] 🛠️ Tweaks for lists -- Horizontal tags, descriptions, category-coloured text, accent colour, and more.

Valerio_Lyndon - Oct 24, 2019

20 by IridescentJaune »»
Nov 22, 10:58 PM

» ✳️ Bunkasai 2024 List Design and Graphic Design contests are OPEN

Shishio-kun - Nov 18

2 by Shishio-kun »»
Nov 18, 5:01 AM

Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templates

Shishio-kun - Feb 16, 2023

29 by floral_sacrifice »»
Nov 15, 10:24 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login