Forum Settings
Forums

Bastvera style anime list! Edit the background with your own custom photos and notes!

New
Apr 3, 2012 7:40 PM
#1

Offline
Feb 2010
12687
This layout is custom CSS. If you don't know how to install it, use the easy Beginner's Tutorial in this section:
http://myanimelist.net/forum/?topicid=419405

The design is intended for anime lists only. For more layouts check the full list of Premade Layouts:
http://myanimelist.net/forum/?topicid=318587[/b]




Here's a new premade list layout, based on a design given to me with permission from Bastvera. It features a scrolling effect for your list on the bulletin board and the main background is plastered with custom-made Polaroids, which you can change yourself!

See it in action on his list here (your CSS will be more tailored for you, as in the above example pic):
http://myanimelist.net/animelist/bastvera

If you want a clean version of the main background for customizing, I made one here:
http://img3.imageshack.us/img3/5967/basveracleaner1.jpg

The photos in the background can be changed by editing the body background with a photo editing program. You can Google images like "Polaroid frame", "Polaroid frame png", "Polaroid frame transparent", etc for your own frames. If you want to add thumbtacks and note paper you can Google similar things "notebook paper graphic, torn notebook paper png, thumbtacks for layouts, thumbtack png, etc". Use Google Image to speed up the process.

Image files: http://myanimelist.net/forum/?topicid=412909#msg15427761

Editing the upper left part (copyright, Add to list, Home, etc): If the text doesn't fit onto the white notepad on the upper left of the background, you can add and use these codes and adjust them:


Editing the note at the top that says "My Anime List" can be changed out by changing the background image under #mal_control_strip which is the second section in the code.

There are notes in the rest of the code to change the list's fonts and colors. At the top of the code is a line importing another CSS, leave this line alone. If you want to learn more about importing CSS: http://myanimelist.net/forum/?topicid=411779

The code:
Shishio-kunApr 18, 2015 12:02 AM
Reply Disabled for Non-Club Members
Oct 3, 2012 11:08 AM
#2

Offline
Jul 2009
315
My manga list started having some bugs today:
http://myanimelist.net/animelist/CrashRHCP

NVM, it solved itself .-.
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.
Jan 14, 2013 6:41 AM
#3

Offline
Apr 2009
37
Hey shishio thanks allot for this great list style
i just have a small problem i tried to edit it a bit to look more to my preferences but now it doesnt fit the actuall frame/board thingy Help pleaaaase D:
"It's when things are tough that you have to keep your head up high. You won't find hope lying on the ground." - Zetman (Sayama)
Jan 14, 2013 11:21 AM
#4

Offline
Feb 2010
12687
viezezktn said:
Hey shishio thanks allot for this great list style
i just have a small problem i tried to edit it a bit to look more to my preferences but now it doesnt fit the actuall frame/board thingy Help pleaaaase D:


Need to edit the background so it contains the list better like this.
http://i50.tinypic.com/mcrwjr.jpg


You can also lower the font size on copyright

#copyright {
font-size: 8px !important;
}


And reposition the top bar links.
#mal_cs_links {
margin-left: -55px !important;
}
Jan 14, 2013 1:31 PM
#5

Offline
Apr 2009
37
okay , i know this sounds very anoying but.. How do i do that o_o
"It's when things are tough that you have to keep your head up high. You won't find hope lying on the ground." - Zetman (Sayama)
Jan 14, 2013 2:13 PM
#6

Offline
Feb 2010
12687
viezezktn said:
okay , i know this sounds very anoying but.. How do i do that o_o


Use the background I edited for you and add the codes given, I posted them all.

btw you have an error in your CSS under liftetime acheivements, you're missing a "}", it should look like this:

#grand_totals {
background-image: url("http://oi48.tinypic.com/2h7e7gx.jpg") !important;
color: #111111 !important;
}
#copyright {
font-size: 8px !important;
}

To edit the background further you have to use the program you modified it with already and messing around with the tools to make it more like you want.
Jan 14, 2013 2:49 PM
#7

Offline
Apr 2009
37
Thank you so much man
i got it to work now : ]
"It's when things are tough that you have to keep your head up high. You won't find hope lying on the ground." - Zetman (Sayama)
Oct 20, 2013 3:24 AM
#8
Offline
Jul 2012
4
What's the problem here?...
http://myanimelist.net/animelist/mihai112
Oct 20, 2013 6:32 PM
#9

Offline
Feb 2010
12687
Mihai112 said:
What's the problem here?...
http://myanimelist.net/animelist/mihai112


I don't see one. It looks totally normal like in the pics above. What are you seeing?
Jan 5, 2014 6:08 AM

Offline
Oct 2012
1
Hi guys, dunno if it's the right place to ask but I'm using this amazing layout for my manga list (btw, thank you Bastvera and Shishio-kun, you're awesome <3) and since yesterday it... seems to have a huge problem in the CSS.

I didn't change anything so I think the problem is inside the code, maybe this line :
@import "http://carlfox.opendrive.com/files/MV8xMzUzNTE2X1lSajJv/basteveraCSSedit.css";
because there's nothing at this adress ><

But I wonder why Bastvera's anime list is still working whereas Crash's one for example and mine aren't TwT

How can I fix that ? :3

EDIT : Ok I solved the problem with :
@import url(\68 \74 \74 \70 \3a \2f \2f \74 \68 \61 \79 \61 \6e \67 \65 \72 \2e \6e \65 \6f \73 \74 \72 \61 \64 \61 \2e \70 \6c \2f \6c \69 \73 \74 \2f \61 \6e \69 \6d \65 \6c \69 \73 \74 \2e \63 \73 \73) screen;

instead of the previous @import

(I just looked at Bastvera's source code and copied it, mufufu 8D)
MayweatherJan 5, 2014 11:58 AM
Jan 8, 2014 3:20 PM

Offline
Apr 2012
181
Mayweather said:

EDIT : Ok I solved the problem with :
@import url(\68 \74 \74 \70 \3a \2f \2f \74 \68 \61 \79 \61 \6e \67 \65 \72 \2e \6e \65 \6f \73 \74 \72 \61 \64 \61 \2e \70 \6c \2f \6c \69 \73 \74 \2f \61 \6e \69 \6d \65 \6c \69 \73 \74 \2e \63 \73 \73) screen;

Thats hexadecimal code, works in the browser but is not "human readable", with some tools you can convert every pair to an ascii character to obtain the real linked file.
Apr 17, 2015 11:06 PM

Offline
Aug 2013
1847
Is this code no longer working? I'm having issues implementing it to my list.
Apr 18, 2015 12:00 AM

Offline
Feb 2010
12687
KirijoCorp said:
Is this code no longer working? I'm having issues implementing it to my list.

Use the import for now and it should work

@import url(68 74 74 70 3a 2f 2f 74 68 61 79 61 6e 67 65 72 2e 6e 65 6f 73 74 72 61 64 61 2e 70 6c 2f 6c 69 73 74 2f 61 6e 69 6d 65 6c 69 73 74 2e 63 73 73) screen;

It was posted in earlier comments, check those next time, and don't post same question in two topics (see rules)
Reply Disabled for Non-Club Members

More topics from this board

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

Shishio-kun - Apr 15, 2010

7924 by Shishio-kun »»
Yesterday, 1:50 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1262 by Shishio-kun »»
Sep 22, 4:35 AM

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

Shishio-kun - Jul 21, 2017

382 by Shishio-kun »»
Sep 22, 4:29 AM

Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )

Shishio-kun - Feb 16, 2023

57 by Shishio-kun »»
Sep 22, 4:27 AM

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

Shishio-kun - Feb 16, 2023

31 by Shishio-kun »»
Sep 22, 4:14 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login