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 ^^ |
EucliwoodJul 14, 2012 9:44 PM
 |
| 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~ |
 Where there is no imagination there is no horror. || Arthur Conan Doyle || Happy Halloween! |
Suzune-chan said: 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. |
Eucliwood said: 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~Suzune-chan said: 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 |
Where there is no imagination there is no horror. || Arthur Conan Doyle || Happy Halloween! |
Shinsae said: I've a small error with the banner, it's not on top of the div. Only with my browser ? Tried on my mangaList. 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] |
Shinsae said: 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 :) |
 |
Kyrrie said: 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 ^^ |
mechatronik32Aug 31, 2012 3:01 AM
| Awesome made! |
O'Hai :D |
| Great style <3 |
"A half moon, it has a dark half and a bright half, just like me…", Yuno Gasai |
mechatronik32 said: 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 ^^ 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 ^^ |
mechatronik32 said: Your list load ~ 6 s. :P I know, it's shameful, but the shoemaker's children are ill-shod like they're saying :P And good luck with IE...according to this http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx my page won't even start loading, haha. But doesn't matter, it's off topic in some way. |
| @mechatronik32 Your list loads as fast as it loads (if it isn't cached, it takes about 5-6 seconds for me) because: 1. You import the css twice (this might be a bug - I've seen Shinsae resolved it by importing the css then putting an empty body {} style) 2. The images are hosted on dropbox too, which I don't think it's a good choice. Host them on a photo host (maybe photobucket) |
koleareAug 30, 2012 3:45 AM
| I changed the size of the images. I use drop box because I can edit at any time. I've seen that imports it twice (already on the works) Thanks for your help :) |
mechatronik32 said: 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 ^^ Looks nice, but for me personally it's a little too big and the words are hard too read. It's true that is a little slow but really nice design! |
| Very kewl..but I'm tired with messing with CSS. |
  |
| nice list, might use it once I've watched some more Sword Art Online ^^ |
Eucliwood said: 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 ^^ Thanks for this :D Its an awesome template, Ill definitely use this and hopefully in the future Ill be able to figure out how to use CSS and make my own hahaha ^_^ |
pycenmy said: Awesome! Will use this one! Can I try replacing the header a different picture so it won't look totally the same to others who also use this. I hope you accept requests later on, it'll be very much appreciated for users who do not know how to make those templates. Feel free to replace anything in the list; it's meant to be a template ^-^ |
|
More topics from this board
» Share Your YouTube Channel/Videos! ( 1 2 3 4 5 ... Last Page )nin-tendo - Dec 16, 2022 |
368 |
by nin-tendo
»»
5 hours ago |
|
» "Tenchi Muyo!" TAKARA Doll Series (1995/1997?)MasterTasuke - Yesterday |
0 |
by MasterTasuke
»»
Yesterday, 12:45 PM |
|
» The Poetry thread ( 1 2 3 4 5 )TheConquerer - Sep 17, 2015 |
221 |
by SkiesOfBlue
»»
May 8, 11:14 PM |
|
» 10 NEW Anime to watch Spring 2024Marinate1016 - May 7 |
0 |
by Marinate1016
»»
May 7, 4:42 PM |
|
» Impact of Anime on India's Youth & Its effects on Family Dynamics- A SurveyAnituber69 - Apr 10 |
7 |
by Suntanned_Duck2
»»
May 7, 12:18 AM |