Forums

I was bored and made this randomly. It's an extremely simple list template that you can use if you like sword art online! You can use this list for both your animelist and mangalist; it doesn't matter. On a side note if you are just starting CSS reading through the codes should teach you about the basics of CSS editing.



Full view: http://i.imgur.com/3ibGu.jpg

CSS Code:
Copy and paste this into your CSS editor.


Feedbacks are welcome! If I get lots of feedback might make more templates later ^^

Overall, I like. But the image of the banner does not fit with the design I think. Then, why you let codes that have no interest? : p Otherwise one last thing, the background image is too large (1.4MB). Instead of using a png I think it would be better to use jpg and lighten a little.



:)

The banner is supposed to be the choice of those who use the template (they can switch it to whatever they want), i just randomly stuck an image there haha. I used a png image because i wanted the middle to be empty but otherwise jpg works fine as well

OK for the banner image ;)

The background image is too large. Generally a bg image is near 300ko.

yea I dont think making the middle plain white and having it transparent is making any difference lol, ima change it, ty for the feedback

Very Well done~
Thanks, I like being able to see the code~

I edited the code based on the default MAL codes and each of them should have labels explaining what they are to ^^ should be pretty easy to understand what each code does but if you still have any questions feel free to ask

I've a small error with the banner, it's not on top of the div. Only with my browser ? Tried on my mangaList.

Thanks. I do not have time to work on it right now. However I will next week. If I stumble upon a problem, I might send you a message. Again I thank you~

Try again cause I have edited the code after you told me about the background issue.

OK that works :) I tried now, you can use position:absolute; for the #mal\_control\_strip div, if you want it to scroll.

[Gomen i look for only errors :s]

ie ie im glad someone is looking for the errors so i can fix it ^^ i wanted the top bar to fixed so i left it like tht

:)

Thanks for linking this to me man, I'll defo go through this on a later date

Looks really good too :)

^^

Hey, I did SAO-style layout and this is my first programmin in CSS so there can be a lot of errors.
I hope that it does not infringe the rules.
Writing code modeled on the guidelines, "Shishio-kun".

Link to my list: http://myanimelist.net/animelist/mechatronik32

Image: http://scr.hu/0z2/ibrr3

Code:

------
Sorry for my English. I'm from Poland ^^

Awesome made!

Great style <3

Great! But I think that your list weight too much or there is some problem - on different browsers and computers it loads ~4 s., which is very slow nowadays.. (ah, but I still remember times with 56K modems xD Technology sure moves fast, to this extent that I'm complain about smth like that...eh)


Wpadnij do mnie pogadać, bo też zacząłem moją przygodę z css i listami w malu (anime list moje). Nie jest to takie perfekcyjne kodowanie jak Twoje, no ale :P

Right size of images can slow down the loading of pages in my spare time so reduce their size.
I installed other browsers and my page on IE looks scary, but the Mozil and Opera already better, but scaling images seen terrible.
Not know why the other browsers are not load full menu?
Currently I use Google Chrome.
Thank you that you like it. I'll try to fix bugs.

@MordercaMuminkow
Your list load ~ 6 s. :P

------
Sorry for my English. I'm from Poland ^^