🎁 Donate layouts and graphics here

Sep 16, 2012 7:47 AM

Offline

Feb 2010

11828

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

Wyvandron

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.

WyvandronAug 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

11828

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

Wyvandron

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

11828

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

11828

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!

May 15, 2013 3:20 AM

#71

RDW

Offline

Jan 2013

657

My first attempt at making layouts. They're somewhat minimalistic and have implemented the icon menu bar at the top. They're both Cowboy Bebop themed and both can be used for anime and/or manga lists. I'm using them right now if you want a live preview of what they will look like.

Red:

Code:

Blue:

Code:

RDWMay 15, 2013 3:26 AM

Anime List | Manga List

May 24, 2013 7:03 PM

#72

TheHolyPotato

Offline

Oct 2012

249

Donating my Hagani/Boku Wa Tomodachi Ga Sukunai Layout. (Anime List)
It has indicators in the code to help you with customization if there is anything you feel like changing. Meant to donate this a long time ago but better late than never I guess :)

Code:

May 27, 2013 12:47 AM

#73

removed-user

Offline

Jul 2018

564074

Here are my current styles, which I will be replacing soon.
Both are simple layouts with a simple transparent table. Text is outlined to increase readability.

Anime List:

Manga List:

removed-userMay 27, 2013 4:55 AM

May 31, 2013 10:25 AM

#74

SylakentH

Offline

May 2012

1921

Edit: Check this topic for the code

Hey guys, just gonna donate my One Piece layout.
Dont think gonna change anything grand, as I'm pretty pleased with the layout. Feel free to use it !

BG changes as you change category

even marked my favs, to know how to mark your favs check Shishio's tut

SylakentHJun 26, 2013 12:54 PM

Follow me

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

Jun 5, 2013 2:10 PM

#75

SylakentH

Offline

May 2012

1921

Edit: Check this topic for the code

Hey guys!
Here I go again, probably getting on your nerves huh :P
Wanted to share a Luka Megurine featured layout, although there isnt much of her to be seen.

Luka Megurine Layout

Hatsune Miku Layout

SylakentHJun 26, 2013 12:54 PM

Follow me

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

Jun 6, 2013 10:33 AM

#76

MAND4

Offline

Sep 2012

587

My first share. Hopefully someone will like it ;D
I just made it for myself but I believe in free things so ... xD
It's quite simple since it's my first try so for the next one I'll try to do a better job.

Images

Code



@import "http://dl.dropbox.com/u/78340470/animetitle.css";

@import "http://dl.dropbox.com/u/78340470/CSSforCatgirls.css";

@import url(http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css);

@import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css);

@import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css);

@import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/Colors/Scheme.css);



#list_surround{

border-radius: 25px 25px 25px 25px;

border-style: solid !important;

border-width: 3px;

border-color: teal;

background-image:url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQF82mil9us7AbqUsW4bsojMJxjNkQ6aBMMYph4WnGBYgm3v10M5g);

}





body {

background-image:

url(http://desktopop.com/wp-content/uploads/3D-Dark-Moon-Wallpaper.jpg);

background-attachment: fixed;

}



.header_title {

background-image:url(http://desktopop.com/wp-content/uploads/3D-Dark-Moon-Wallpaper.jpg);

color=red;

font-family:english111 vivace bt;

font-size:40px;

text-align:center;

}





.table_header {

background-color:#990000;

}





.animetitle, .animetitle:visited {

color:#70B8FF;

font-family:Lucida Grande;

font-size:14px;

}



.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {

color:white;

font-family:Lucida Grande;

font-size:11px

}





#list_surround {

width:750px;

}



.category_totals,

.td1,

.td2,

#grand_totals,

#copyright {

background-color: rgba(55,55,55,.5);

}



tr:hover [class^=td] {

background-color: rgba(80, 50, 225, 0.6) !important;

}





body {

font-weight: light;

background-repeat: no-repeat;

background-color: black;

}

#list_surround {

margin:auto;

background-image:url();

}

a {

color:teal

text-decoration:none;

}

a:visited {

text-decoration:none;

}

a:hover, a:visited:hover {

color:blue;

text-decoration:none;

}

.category_totals,

.td1,

.td2,

#grand_totals,

#copyright {

border-width:0;

padding:2px;

}



.category_totals:HOVER,

.td1:HOVER,

.td2:HOVER,

#grand_totals:HOVER,

#copyright:HOVER {background-color:black;

border-width:0;

padding:2px;

}

#copyright:after {

content: " By MAND4. No rights reserved.";

}

.status_selected {

background-color:black;

padding:2px;

color:white;

text-decoration: blink;

}

.status_not_selected {

background-color:black;

padding:2px;

color:white;

}

.status_selected a{

color:cyan;

}

.status_not_selected a{

color:white;

}

.thickbox {

color:cyan;

font-family:fantasy;

font-size:12px;

}

.header_title {

height:52px;

padding:2px;

}

.table_header {

border-width:0;

font-weight:bold;

padding:2px;

}

.category_totals {

height:30px;

}

#copyright, #grand_totals {

text-align: center;

margin:0 auto;

}

tr:hover [class^=td] {

-moz-transition: .2s linear;

-webkit-transition: .2s linear;

-o-transition: .2s linear;

}





table:hover + .hide {

background-size: cover;

left: 830px;

top: 160px;

height: 350px;

width: 226px;

padding-bottom: 0px;

border-style: solid;

border-color: white;

border-top: 1px solid white;;

border-left: 1px solid white;

border-right: 1px solid white;

border-bottom: 1px solid white;

border-radius: 25px 25px 25px 25px;

background-color: rgba(200, 5, 200, 0.75);

background-position: center 50% !important;

background-repeat: no-repeat !Important;

display: block !important;

position: fixed;

}



.hide:before {

background: transparent;

content: "MAND4";

padding-bottom: 5px;

position: absolute;

text-align: center;

width: 225px;

top: -25px;

border-radius: 25px 25px 0 0;

}



/*Change URL of the image for the top banner*/

 

#list_surround {

background-image: url(http://www.dodaj.rs/f/3m/pS/1TzyrfWJ/welcome.png);

background-position: center top;

background-repeat: no-repeat;

padding-top: 232px;

}

Jun 14, 2013 5:42 PM

#77

TheHolyPotato

Offline

Oct 2012

249

Samurai Champloo list I made for someone :) *Turn off tags*

Code:

Jun 25, 2013 5:09 AM

#78

RazorSQ

Offline

Oct 2012

78

Code:

Favor:

Jun 26, 2013 12:39 PM

#79

MComeback

Offline

Jan 2013

6

Donating my Hatsukoi 1/1 Layout. (Anime List)

Code:

Jul 3, 2013 8:22 PM

#80

Kokuwo

Offline

Dec 2010

2

This is my first time working with a theme. It's just basically a modification of someone elses though. I hope that someone could make some use of it though. ^-^

Code:

Jul 13, 2013 1:19 PM

#81

RazorSQ

Offline

Oct 2012

78

My list "Death Note" Theme

Code

Favor

Rewatching

background-image CLEAR NICKNAME

RazorSQAug 6, 2013 5:25 AM

Jul 28, 2013 12:06 AM

#82

aninan

Offline

Apr 2013

2

Hi!sorry for this but it seems that SylakentH_'s photos are missing..see i'm using the One Piece theme and suddently i lost all of the pictures he used.i just wanted to warn you :)

Jul 28, 2013 5:33 AM

#83

SylakentH

Offline

May 2012

1921

aninan said:
Hi!sorry for this but it seems that SylakentH_'s photos are missing..see i'm using the One Piece theme and suddently i lost all of the pictures he used.i just wanted to warn you :)

check this topic http://myanimelist.net/forum/?topicid=618961

Follow me

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

Jul 28, 2013 8:35 PM

#84

aninan

Offline

Apr 2013

2

SylakentH_ said:

check this topic http://myanimelist.net/forum/?topicid=618961

Thank you so much!It worked now..i don't know what happened,and i wanted to tell yoo so you'll know it. :) And sorry for ruining this topic.

Aug 4, 2013 4:02 PM

#85

nymphiae

Offline

Jul 2013

381

Hello everyone~ It's my first post in this club, actually I'm a new member :) I'm into CSS (although I'm no pro :p) so I've decided that I'll make some list styles (until college starts =_=). So, here's the first style, featuring Naruto! :D

screenshot:
http://i.imgur.com/cZ0JfAN.jpg

download (with resources credits and instructions):
http://www.sendspace.com/file/128mk4

Also - thanks to Shishio-kun for the tutorials :)

✦ anime list | manga list | css list layouts ✦

Aug 22, 2013 1:40 AM

#86

discomethod

Offline

Aug 2013

2

aziza said:
first one I ever designed:

CSS:

Really liked the idea behind this one, but some of the images were unavailable so I thought about reworked it a bit. Ended up tweaking the overall layout a bit.

CSS:
pastebin link

discomethodAug 22, 2013 1:44 AM

Aug 22, 2013 4:49 PM

#87

iSable

Offline

Aug 2013

1

Only recently joined MAL. Took me a while to get the lists up to date. But once I did I ended up here while searching for the ways to improve the looks of the lists. I sort of ended up mashing up different styles and codes I found here while editing here and there apart from doing additional stuff with Adobe Photoshop. This is what I got. Feel free to use :)

P.S.: wallpapers are set to be rotating on refresh, so if You want to have Your own - just change url in

body {
background-image:
url(http://signavatar.com/29213_s.gif);

iSableAug 22, 2013 4:59 PM

Aug 24, 2013 11:13 AM

#88

Vupa

Offline

Jul 2013

74

Hello, I've only recently become interested in changing my list style so I've played around with a couple different lists, changing color and such. This list is the horizontal scrolling list from Hahaido. It was originally too girly for me so I thought I would make it more manly. You may need to make a couple tweaks if you use this list, but if you like it please feel free to use it.

http://dl.dropboxusercontent.com/s/nsbvselmi2rwywd/list.png

VupaAug 1, 2015 10:20 PM

"There stood a high school boy, who for selfish reasons had twice beaten an elementary school girl unconscious, and had gotten all nihilistically worked up about it. Actually that's still me."

Oct 13, 2013 3:22 PM

#89

nymphiae

Offline

Jul 2013

381

Donating my (now) old manga list style. Can be used as anime list style as well. It's a Eren (Shingeki no Kyojin) list.

the code:

@import 'https://dl.dropboxusercontent.com/s/2ldo3lk79elzfqx/erenlist.css';

#copyright
{visibility: visible;}

to change the eren picture add:

#list_surround
{background-image: url(your-image-url-goes-inside-these-brackets);}

make sure the image height is at least 300px;

nymphiaeMar 27, 2017 7:35 AM

✦ anime list | manga list | css list layouts ✦

Nov 23, 2013 6:27 AM

#90

F_E_A_R

Offline

Mar 2013

263

There are so many anime lists out there and too few profiles... So I decided to donate mine. I've only finished this today so it's a recent work but I hope you enjoy it. The links to the anime and manga lists are there so all you have to do is replace my name with your own. As for the other links, just add the one that redirects to the designated page.

Preview Image:

The Code:

See All Discussions

🎁 Donate layouts and graphics here

More topics from this board

» [BBCode] Font Awesome Guide

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

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

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

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

MoreTop Anime

MoreTop Airing Anime

MoreMost Popular Characters