🎁 Donate layouts and graphics here

Mar 6, 2012 2:21 AM

#21

erlbaum

Offline

Jun 2011

46

I'm sick of this one now and ill be working on somthing new.
So ill let you guys do what you like to it :)

Shishio-kunMar 7, 2012 12:17 PM

Mar 6, 2012 5:08 PM

#22

ClearSinz

Offline

Jul 2008

1513

Donating my old list can be found here - http://myanimelist.net/forum/?topicid=411147&show=0#post1

Shishio-kunMar 7, 2012 12:05 PM

Mar 7, 2012 12:29 PM

#23

Shishio-kun

Offline

Feb 2010

11293

I edited all the posts in this thread so the screenshot of the list was at the top of the post, and it links to your full screen shot. Hope no one minds but this way its easier for me and I believe others to skim through the layouts and also click on them to get a more convenient full screen view for their computer.

Mar 16, 2012 10:48 AM

#24

Aya__

Offline

Feb 2010

78

I still like this list so much, but now I wanna do something different, so if anyone is interested this is the code.

Code:

Shishio-kunMar 18, 2012 2:00 AM

Mar 16, 2012 8:13 PM

#25

Miketsukami-kun

Offline

Sep 2011

235

Donating my old list, got bored of it and wanna do a new one.

Code:

Shishio-kunMar 18, 2012 1:59 AM

Mar 18, 2012 11:49 AM

#26

Shishio-kun

Offline

Feb 2010

11293

Ayame_chan_ said:
[url=http://i820.photobucket.com/albums/zz124/Ayame_chan_/Semttulo-7.png]

I still like this list so much, but now I wanna do something different, so if anyone is interested this is the code.

Code:

What anime is this? I'd like to use the list it as a featured and maybe change the category menu pics out if I knew the anime.

Miketsukami said:
<a href="http://i.imgur.com/sNEfY.jpg">

Donating my old list, got bored of it and wanna do a new one.

Code:

Sweet! I've been wanting a Code Geass layout for this group!

Mar 20, 2012 2:23 AM

#27

Aya__

Offline

Feb 2010

78

As I told you, all the characters in this list including the background are from Fate Stay Night, the focus is on Gilgamesh, so he is in all the headers, in Watching Head he is with Enkidu from the Novel Fate Strange Fake, and in all the others he is alone or with Saber.

Apr 15, 2012 11:54 AM

#28

removed-user

Offline

Jul 2018

564531

first one I ever designed:

CSS:

Apr 19, 2012 4:46 PM

#29

removed-user

Offline

Jul 2018

564531

AiNoKiseki said:

This is the style I'm currently using but I don't mind other people using it at the same time.
The code probably needs some tweaking but thats what I came up with:

Sidenote:
I set background-attachment to fixed but if you remove that the effect is pretty nice aswell.

CODE

UPDATED

removed-userApr 19, 2012 7:47 PM

Apr 25, 2012 9:20 PM

#30

_Silen

Livin in the 90s

Offline

Jan 2011

75

UPDATE> To anyone who used my list. Tinypic deleted a pic, and it messed with the "list" portion of the list. It's been fixed, thanks to my limited photoshop skills. just copy/paste any your ready to go. Now with more orange!

I'll contribute mine, why should i keep it all to my self?
IMPORTANT: must have your "Default Status Selected" set to anything but Show All. otherwise you'll see all the vectors appear at once.
Also note that my resolution is 1600x900. If you have a lower resolution expect that the vectors will be obscured by the list more than on the pics i took. Higher resolution people are ok.
go to >>http://myanimelist.net/animelist/LordSilen << to see it in action!

Heres a re post-pic of it:

And to show the vector changes

and heres the code:
(dont worry i took out my name, lol. and sorry its so messy)

_SilenMay 14, 2012 1:17 AM

May 5, 2012 6:07 AM

#31

VeriTi

Offline

Nov 2011

304

This is my profile:

[/spoiler]
Code:

I have also uploaded original PSD with all markup, layer styles, parts, etc. of current version for Photoshop users. This is the best choice: it has 42 layers with configured style like outer glow so it will be easy to customize.

For others I put a version without text or images for easy adjustment & sprite having all parts without personal stuff that allows you to assemble your own version of this.

Photoshop File|Text-free pic|Sprite

[13 Aug 2014] UPD: fixed missing image

VeriTiAug 13, 2014 7:23 AM

Jun 20, 2012 3:53 PM

#32

Shishio-kun

Offline

Feb 2010

11293

I've updated the top post with one of my old BBcode profiles codes for you to copy.

Jul 16, 2012 10:24 AM

#33

Aya__

Offline

Feb 2010

78

I made this list because I really love Shiki from Kara no Kyoukai and I decided to share it, with you guys.

The code:

Jul 19, 2012 12:25 PM

#34

NucleARtyom

Offline

Jun 2011

31

Anime List

Banner PSD - http://www.mediafire.com/?34y6clbh874ebd8

Manga List

Jul 21, 2012 12:42 AM

#35

NucleARtyom

Offline

Jun 2011

31

Hanyuu simple layout with custom Google Font.

Aug 31, 2012 3:56 AM

#36

Lirina

Offline

Feb 2008

685

While cleaning up my blog I found some old layouts (along with my first tries haha). But I think these look nice:

So if somebody wants them you can find the codes here.

Sep 2, 2012 7:30 AM

#37

NucleARtyom

Offline

Jun 2011

31

Anime List Version

Manga List Version

NucleARtyomSep 2, 2012 7:33 AM

Sep 2, 2012 11:02 PM

#38

al_exs

Offline

Apr 2012

181

I like the last 2, I keep them.. thank you (?)

Sep 3, 2012 3:24 PM

#39

Ichigo-Sora

Offline

Apr 2008

216

Code for the list design I entered in the contest ^^

Sep 16, 2012 1:52 AM

#40

Cau-ca-sian

Offline

Nov 2011

558

Shishio-kun said:
Here's a About Me BBcode layout I'm donating, my personal favorite I ever made, you can copy the code from the spoiler underneath and take the original images from the example below and alter them in your own unique way. I hope you can make something cool with this- have fun!

Neko Profile Layout

The code:

Hey, Shishio. I see you've donated that brilliant About Me BBcode layout of yours here. You see, I actually need it, not for my description page but for this certain club I'm thinking of making. Of course, if you can't tell already, I can not use that designated textual data in it; basically, I'd need it edited for it to become apt for the club's requirements and since you've not provided the PSD file for the layout here, I have to ask of you for it. Please post the PSD file there as it's quite necessary. Thank you.

Sep 16, 2012 7:47 AM

#41

Shishio-kun

Offline

Feb 2010

11293

ProdiGene said:

Shishio-kun said:
Here's a About Me BBcode layout I'm donating, my personal favorite I ever made, you can copy the code from the spoiler underneath and take the original images from the example below and alter them in your own unique way. I hope you can make something cool with this- have fun!

The code:

Hey, Shishio. I see you've donated that brilliant About Me BBcode layout of yours here. You see, I actually need it, not for my description page but for this certain club I'm thinking of making. Of course, if you can't tell already, I can not use that designated textual data in it; basically, I'd need it edited for it to become apt for the club's requirements and since you've not provided the PSD file for the layout here, I have to ask of you for it. Please post the PSD file there as it's quite necessary. Thank you.

There are no PSDs for it. It was made in separate parts in JASC animation shop then pieced and timed together. The neko comes from here, icons Googled, the other graphics from all sorts of random game menus, the text styles I don't remember but look like uncommon ones not extremely rare:
http://danbooru.donmai.us/post/show/575707/animal_ears-animated-animated_gif-apron-bandaid-bl

Shishio-kunNov 30, 2012 3:54 PM

Sep 16, 2012 9:06 AM

#42

Cau-ca-sian

Offline

Nov 2011

558

Shishio-kun said:

There are no PSDs for it. It was made in separate parts in JASC animation shop then pieced and timed together. The neko comes from here, icons Googled, the other graphics from all sorts of random game menus, the text styles I don't remember but look like uncommon ones not extremely rare:
http://danbooru.donmai.us/post/show/575707/animal_ears-animated-animated_gif-apron-bandaid-bl

Well, thanks for the quick reply. I guess with all that info, I'd be able to make a similar one myself.

Shishio-kunNov 30, 2012 3:53 PM

Sep 18, 2012 6:02 PM

#43

X_Zero

Offline

Dec 2011

1

This is my first time making a CCS Layout... it's my current layout but I don't mind sharing... I used one of your tutorials.. Very helpful thanks a lot

Sep 18, 2012 8:56 PM

#44

Silver_Sunrise

Offline

Aug 2012

5

Silver_Sunrise said:
This one is actually the one I am using, as well as the first one I've made! (YAY!) XD

It's kinda a hodgepodge of code both original to me and borrowed from all over. So, thank you to all those amazing list makers out there who helped to make this possible! =D

Anyone is welcome to use this list style if they want! It's based on Sword Art Online.

Code:

Sorry! XD

Here's the pic:

"Luck? Who needs Luck? I have Ammo!"

Sep 23, 2012 11:31 AM

#45

RiouOnizuka046

Offline

Sep 2012

51

VeriTi said:
This is my 'current' semi-transparent layout. I've done playing with this and going to work on my new idea, so feel free to use it.

It's tested works in FF4+ (3.6 completely supported but not flawless), IE9+, Opera 10.63+ (mb earlier as well), Chrome ??. Designed for 1280px+ desktop resolution width.

Get code!

It uses two @imports to load the positioning & sizing code and the top bar code from external source leaving you with code that defines fonts, colors, images, etc. so you can easily customize the most common things. I've put a lot of comments into this code so it should be very easy to customize even for beginners with google.

The original code is available here

I also ask you to remove the comments once you've done customizing. Not a 'must', but it actually doubles the CSS, so it slows page loading speed a bit more.

UPD March, 5th: scumbag tinypic has removed my bg after 2 days it was uploaded, so I've changed image links to more 'bulletproof' radikal.ru. I'll put all the original code & pics as an archive on mediafire later on. The top bar thing is updated automatically

Thanks for this one :) !!! Im gonna use this one but with a different background , TYVM !!

Sep 27, 2012 2:13 PM

#46

Maguita

Offline

Mar 2009

132

Insone said:
Well, well. My contribution to this blog is my recently creation based on Princess of Crystal of Mawaru Penguindrum. I hope they make a good use of it! ^ ^

Code:

Looove it! Thank You! :D

MaguitaSep 27, 2012 2:27 PM

Oct 21, 2012 10:18 AM

#47

Lirina

Offline

Feb 2008

685

I made myself a new one so I donate my old layout, which is kinda my "work of life" considering how many hours I spent on it. ^^

Nov 29, 2012 5:36 AM

#48

Miketsukami-kun

Offline

Sep 2011

235

I'm donatiing my last layout, it's not an original layout it's actually a variation of u531355 Square Layout using Mahou Shoujo Lyrical Nanoha as the theme.

Fate H. Testarossa Layout

Code

Takamachi Nanoha Layout

Code

The 1st is anime list and second is manga list but can be changed just changing the 1st import link.

Miketsukami-kunAug 6, 2013 12:00 PM

Dec 8, 2012 7:30 PM

#49

AngelicXI

Offline

Jun 2011

3969

So,I am here to donate my current animanga style - "Monochromatic Flame" is what I call it.

Code:

Enjoy...?

Dec 8, 2012 7:44 PM

#50

Kazumi-

Offline

May 2012

3820

LordSilen said:
UPDATE> To anyone who used my list. Tinypic deleted a pic, and it messed with the "list" portion of the list. It's been fixed, thanks to my limited photoshop skills. just copy/paste any your ready to go. Now with more orange!

I'll contribute mine, why should i keep it all to my self?
IMPORTANT: must have your "Default Status Selected" set to anything but Show All. otherwise you'll see all the vectors appear at once.
Also note that my resolution is 1600x900. If you have a lower resolution expect that the vectors will be obscured by the list more than on the pics i took. Higher resolution people are ok.
go to >>http://myanimelist.net/animelist/LordSilen << to see it in action!

Heres a re post-pic of it:

And to show the vector changes

and heres the code:
(dont worry i took out my name, lol. and sorry its so messy)

Dammit, it works, but a tiny bit of bungle there.

Badges: C.C.O / T.C.O / TFCC admin ID | Previously known as kazumi-san95

Dec 8, 2012 9:56 PM

#51

Shishio-kun

Offline

Feb 2010

11293

kazumi-san95 said:

LordSilen said:
UPDATE> To anyone who used my list. Tinypic deleted a pic, and it messed with the "list" portion of the list. It's been fixed, thanks to my limited photoshop skills. just copy/paste any your ready to go. Now with more orange!

I'll contribute mine, why should i keep it all to my self?
IMPORTANT: must have your "Default Status Selected" set to anything but Show All. otherwise you'll see all the vectors appear at once.
Also note that my resolution is 1600x900. If you have a lower resolution expect that the vectors will be obscured by the list more than on the pics i took. Higher resolution people are ok.
go to >>http://myanimelist.net/animelist/LordSilen << to see it in action!

and heres the code:
(dont worry i took out my name, lol. and sorry its so messy)

Dammit, it works, but a tiny bit of bungle there.

If by bungle you mean how all the renders stack up on each other, read the top of his post by where it says IMPORTANT

Dec 12, 2012 1:52 PM

#52

TheHolyPotato

Offline

Oct 2012

249

Ao No Exorsist Theme (Rin)

Here's the code :)

TheHolyPotatoFeb 21, 2013 7:30 PM

Dec 18, 2012 9:41 AM

#53

Miketsukami-kun

Offline

Sep 2011

235

Donating my old profile since I'm currently working on a new one.
I don't have a DSP version of it anymore so might have a hard time editing it.

Dec 25, 2012 10:06 AM

#54

NucleARtyom

Offline

Jun 2011

31

Black Rock Shooter

Umineko no Naku Koro Ni - Berncastel and Lambdadelta

Chuunibyou demo Koi ga Shitai - Rikka Takanashi

Kami nomi zo Shiru Sekai

Ore no Imouto... - Kuroneko

Ore no Imouto... - Kuroneko Simple

Ore no Imouto... - Kuroneko Minimal

Ore no Imouto... - Kuroneko [2]

Ore no Imouto... - Kuroneko [3]

Higurashi no Naku Koro Ni - Rika nad Hanyuu

Dec 25, 2012 10:08 AM

#55

NucleARtyom

Offline

Jun 2011

31

Chuunibyou Demo Koi ga Shitai - Rikka Takanashi [2]

Dec 25, 2012 10:09 AM

#56

NucleARtyom

Offline

Jun 2011

31

Umineko no Naku Koro Ni - Berncastel, Lambdadelta, Erika Furudo

Jan 2, 2013 1:25 AM

#57

Akiroz

Offline

Nov 2010

18

Since I have requests asking to use my list style, I'll just put it here for everyone. :D
Vocaloid 3 - IA

Screen (Showing highlight on Nekomonogatari):

Code:
http://dl.dropbox.com/s/ewtutfn0xh1g2fc/MAL_IA_Style.css

AkirozJan 2, 2013 4:14 AM

Jan 2, 2013 2:14 AM

#58

Akiroz

Offline

Nov 2010

18

Vocaloid 2 - Miku

Screen:

Code:
http://dl.dropbox.com/s/npes44t4v1x7tmu/MAL_Miku_Style.css

AkirozJan 2, 2013 4:13 AM

Jan 24, 2013 9:16 PM

#59

Shishio-kun

Offline

Feb 2010

11293

Wow these recently donated lists are good!

Jan 30, 2013 12:28 AM

#60

al_exs

Offline

Apr 2012

181

@Teffycom:

you can delete the part

/*
Theme for Suzune-chan by Al_eXs
*/

from your code. XD

Feb 7, 2013 9:23 AM

#61

KlinsK

Offline

Aug 2012

1199

Here is my Anime List with which I enter the contest with no chance to win haha :)
Anyway I don't care sharing it since Lirina-Senpai made me a Hunter X Hunter one ! (thanks again !)
It's a 'remade' of an anime list already posted in this topic. I made some changes but not so much in the code, only visually ^^
You can let me a comment on my profile if you want some information. I would be really pleased if people who will take it let me a message, but don't feel obliged :)

Feb 9, 2013 11:50 AM

#62

Kratos_Ortega

Offline

Aug 2011

508

Mar 10, 2013 5:18 PM

#63

Ushioo

Offline

Jan 2010

18

Donating my current anime list:

Code:

Feel free to change the list as you like.

Mar 24, 2013 3:50 AM

#64

byoushin

Offline

Apr 2008

408

Here is a design I recently stopped using. I hope the instructions are clear enough.

Mar 24, 2013 4:59 AM

#65

Shishio-kun

Offline

Feb 2010

11293

Very very cool, looks like Deviantart but with none of the MLP pics!

Apr 13, 2013 11:32 PM

#66

ShoutaAzuma

Offline

Sep 2008

209

I'm donating my list as well.

Code (without my own cursor):

Extra codes for my cursor

Settings:
- Resolution: 1366 x 768 (Recommended) or higher

Note: For those who have issues regarding sudden change in height after hovering the title, this is probably due to the fixed setting of width of the link after hovering.

#list_surround tr:hover .animetitle{
display: block;
width: 530px;
}

Use inspect element or Firebug to adjust to appropriate width before finalizing the width setting.

ShoutaAzumaApr 14, 2013 12:11 AM

Apr 20, 2013 8:24 PM

#67

Niyawa

Offline

Jan 2011

1943

Donating my list as well, it's for both anime and manga.

Full size.

Code:

@import"http://fonts.googleapis.com/css?family=PT+Sans";

#copyright {

text-align:center;
width:690px
}

#grand_totals {
text-align:center
}

#list_surround {
left:30px;
position:absolute!important;
width:990px
}

#list_surround .animetitle+small {
color:#537DA7;
font-size:10px
}

#mal_cs_listinfo,#mal_cs_links,#mal_cs_otherlinks,#mal_cs_powered {
display:none
}

* {
color:#FFFFFF;
font:400 13px "PT Sans";
text-decoration:initial
}

.animetitle {
font-weight:400
}

.category_totals {
}

.form {
border:1px solid #E0E0E0;
color:#000000;
font:11px Verdana,Arial;
padding:3px
}

.header_al {
font-size:16px;
font-weight:400
}

.header_al_links {
}

.header_completed {
}

.header_cw {
}

.header_dropped {
}

.header_onhold {
}

.header_ptw {
}

.header_title {
font-size:14px;
font-weight:400
}

.status_not_selected a,.status_selected a {
background-color:#537DA7;
border:1px solid rgba(255,255,255,0.2);
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-style:solid;
border-top-left-radius:0;
border-top-right-radius:0;
color:#FFFFFF;
display:block!important;
font-weight:400;
padding:6px;
transition:all .25s ease-in-out 0
}

.status_not_selected a:hover {
background-color:#5F8FBF;
border-color:rgba(255,255,255,0.2);
box-shadow:0 0 0 rgba(0,0,0,0);
transition:all .25s ease-in-out 0
}

.status_not_selected,.status_selected {
border:0 none!important;
height:auto!important;
padding:0;
text-align:center!important;
width:16.667%!important
}

.status_selected a {
background-color:#537DA7;
border:1px solid rgba(255,255,255,0.2);
border-style:solid
}

.status_selected a:hover {
background-color:#5F8FBF;
border-color:rgba(255,255,255,0.2);
box-shadow:0 0 0 rgba(0,0,0,0);
transition:all .25s ease-in-out 0
}

.table_header {
background-color:#537DA7;
border-color:rgba(255,255,255,0.2);
border-style:solid;
border-width:1px 1px 1px 0;
color:#000000;
padding:3px
}

.table_headerlink {
}

.table_headerlink:hover {
}

.table_headerlink:visited {
}

.td1 {
background-color:rgba(255,255,255,0.2);
border-color:rgba(255,255,255,0.2);
border-style:solid;
border-width:0 1px 1px 0;
color:#FFFFFF;
padding:3px;
transition:all .25s ease-in-out 0
}

.td1:nth-of-type(2),.td2:nth-of-type(2) {
text-align:left
}

.td2 {
background-color:rgba(255,255,255,0.2);
border-color:rgba(255,255,255,0.2);
border-style:solid;
border-width:0 1px 1px 0;
color:#FFFFFF;
padding:3px;
transition:all .25s ease-in-out 0
}

a {
color:#FFFFFF;
text-decoration:initial
}

a:hover {
color:#000000;
text-decoration:initial
}

a:visited {
color:#FFFFFF;
text-decoration:initial
}

body {
background-attachment:fixed!important;
background-image:url(http://i.imgur.com/X6tZ18b.jpg);
background-position:right bottom;
background-repeat:initial initial;
background-size:cover
}

td:nth-of-type(5) {
width:260px
}

tr:hover [class^="td"] {
background-color:rgba(82,124,165,0.8)
}

There are a few things I believe anyone willing to use this one should be aware of:

It's only 96% complete. When mouse is over an entry, there was supposed to be a white border around it (1px).
It's not fully "compatible" with other browsers aside Chrome. IE and Opera will display every text with underline tag.
The wallpaper is not optimized for reading, I'm using it simply because I like it. So, change it if you feel necessary.
The code was a mess originally. I used an automatic "cleaner" but I'm not sure if that was enough.

I'm horrible with CSS myself, I've spent quite a few hours just trying to fix and get things the way I wanted. So if there's anyone who's willing to edit and fix at least one part of the issues mentioned in the layout, I would greatly appreciate it.

Apr 21, 2013 5:58 AM

#68

sibbo7

Offline

Sep 2010

163

Modified Version of the Square Layout Template from u531355.. removed the Header Graphic and centered the Menu.

Of course you can place a Text in between the 2 Menus.. something like "Sibbo7's AnimeList" or whatever.

sibbo7Apr 21, 2013 6:12 AM

Apr 24, 2013 2:47 PM

#69

SylakentH

Offline

May 2012

1921

Edit: Check this topic for the code

Wanna donate my AnoHana Layout which I entered in the contest.

Simple layout, very bluish, feel free to edit it as you want.

Might be laggy on slow computers though.

Unique cursor, even doted my favs with a Hana.
Recommended Resolution: 1366 and higher

Code:

SylakentHJun 26, 2013 12:53 PM

Follow me

Just do it!
Animelist|Mangalist|My Layouts|My Card Creations

May 8, 2013 5:06 AM

#70

PsyChOo

Offline

Feb 2013

48

Ushioo said:
Donating my current anime list:

Code:

Feel free to change the list as you like.

Is it possible to change the background image? If so, how?
It's cool but I prefer an image of an anime which I love or at least know.

Thanks for donating this, I love it!

See All Discussions

🎁 Donate layouts and graphics here

More topics from this board

» [CSS - MODERN] ⭐️ All ways to customize individual anime and individual list rows (mark your favorites!)

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2023 updates!) ( 1 2 3 4 5 ... Last Page )

» [CSS - MODERN] Add side renders to list layouts (including for each category!)

» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )

» [HALL OF LEGENDS] Hacker09, MyAnimeList's #1 coder!

MoreTop Anime

MoreTop Airing Anime

MoreMost Popular Characters