MyAnimeList.net

Forums

Recent Posts | My Watched Topics | My Ignored Topics | Search

Ask all questions here! (please read top of first post before posting) FAQ available too!
MyAnimeList.net Forum »» Club Discussion »» Shishio's Custom Lists & Profiles (with layouts, tutorials, and more!) Updates/fixes for broken layouts, see front page »» Ask all questions here! (please read top of first post before posting) FAQ available too!

Must be a Club Member to Reply
Pages (113) « 1 2 [3] 4 5 » ... Last »
01-09-11, 7:56 PM

Offline
Joined: Dec 2010
Posts: 1006
Hey, firstly, thanks for the easy to use tutorial for altering your list design. I am a complete novice when it come to CSS, but you made it basically impossible to screw up. :)

I was wondering, however, whether there was a way to either: a) Have more customisability when it comes to choosing colours. For example, for the 'Currently watching/Dropped/etc' sections, I simply typed 'brown' into the code but it more represents red. b)See a list of which colours you can use.

Also, I was wondering how you could change the heights of those bars. They're slightly too tall for my liking, but I presume there's an easy way somewhere in the code to change it. :)

Thanks again for the help.

Here's the code in case you need to see it.

 
01-10-11, 11:31 AM

Offline
Joined: Mar 2008
Posts: 4
Hi, I need help (well, of course)! ó__ò
This is my manga list: http://myanimelist.net/mangalist/Apocaly
I've picked up a pre-made list (the first in the pre-made topic), and I'm slowly changing it.
BUT I can't fix my banner at the top, it covers the 'Currently reading'... what I should do?

Thank you very much ;)

Sing a song ♪♫

 
01-11-11, 12:12 AM

Offline
Joined: Feb 2010
Posts: 2383
Jack_Rav said:
Hey, firstly, thanks for the easy to use tutorial for altering your list design. I am a complete novice when it come to CSS, but you made it basically impossible to screw up. :)

I was wondering, however, whether there was a way to either: a) Have more customisability when it comes to choosing colours. For example, for the 'Currently watching/Dropped/etc' sections, I simply typed 'brown' into the code but it more represents red. b)See a list of which colours you can use.

Also, I was wondering how you could change the heights of those bars. They're slightly too tall for my liking, but I presume there's an easy way somewhere in the code to change it. :)

Thanks again for the help.

Here's the code in case you need to see it.



(1) Yes, you can choose from hundreds of colors actually beyond what we can think of off the top of our heads. First off, there are the many many named colors, like turquoise or magenta, and Wikipedia actually has an essential list with examples of many possible colors:

http://en.wikipedia.org/wiki/List_of_colors

A lot of these strange color names won't be recognized by the CSS, or they will be spelled differently. Because of this, we use the "number" of the color, which is in the category "hex triplet" on that same list of colors. So for the "Air Force Blue"color, you'd use "#5D8AA8" instead of the word. Probably better to do that every time for colors outside the common ones.

(2) Yes almost anything can be affected with the right code. I think by bars you mean the headers, to make them shorter, add this code to the bottom of your CSS, then adjust the px number to a smaller amount.

.header_title {
height:52px;
}

For your layout, 25px should reduce the size to just outside the font.
Modified by Shishio-kun, 01-11-11, 12:15 AM
 
01-11-11, 12:43 AM

Offline
Joined: Feb 2010
Posts: 2383
Apocaly said:
Hi, I need help (well, of course)! ó__ò
This is my manga list: http://myanimelist.net/mangalist/Apocaly
I've picked up a pre-made list (the first in the pre-made topic), and I'm slowly changing it.
BUT I can't fix my banner at the top, it covers the 'Currently reading'... what I should do?

Thank you very much ;)


What you should do depends on what you were planning on doing exactly, which I don't know, but to make the top image stop repeating:

#list_surround .header_title {
background: url(http://tinyurl.com/6zpd2gg) repeat scroll 0 0 transparent;
height: 216px;
left: -283px;
padding: 25px;
position: absolute;
top: -229px;
width: 869px;
}

Find this code (about 14 codes from the bottom) and change repeat to no-repeat. The top image won't repeat anymore. It only looks like its repeating once from what I can see.

You have another image below that on the layout, but its separate from the others; its the same pic as the top header pic but with a slight edit so you might wanna change it to another one I guess. This is the code for it.

#list_surround {
background-image: url(http://tinyurl.com/5vv8wun);
background-position: right top;
background-repeat: no-repeat;
padding-top: 232px;
}
 
01-11-11, 5:50 AM

Offline
Joined: Oct 2010
Posts: 4972
What Program Is Best To Use For Editing Profiles ?
Like For Other People , Their Profile is Very Creative And it'll Probably Say V.03
Kinda Makes Mine Look Like Garbage xD


~Thanks [=
 
03-01-11, 5:00 AM

Offline
Joined: Sep 2010
Posts: 7
Hi, I need help with my list.

How do I remove the other columns like this:

http://myanimelist.net/animelist/Garrett


Also, any tips on how to make my list look better? here it is:

http://myanimelist.net/animelist/Nhelraios

thanks :)
 
03-21-11, 11:59 AM

Offline
Joined: Feb 2010
Posts: 2383
Nhelraios said:
Hi, I need help with my list.

How do I remove the other columns like this:

http://myanimelist.net/animelist/Garrett


Also, any tips on how to make my list look better? here it is:

http://myanimelist.net/animelist/Nhelraios

thanks :)


Oh I love that guys list. But what do you mean by columns? You mean like the type/progress stuff? If so try removing checks from the sections you don't want here:

http://myanimelist.net/editprofile.php?go=listpreferences

Making lists look better is up to the person. If you can't think of what you want to do, you can ask your friends what they'd think would be cool and you try to do it. You can also use some of the other premade codes we wrote in this group then customize those in unique ways.
 
07-03-11, 1:26 AM

Offline
Joined: Apr 2010
Posts: 98
Hi! Can anyone help me? I have problem with the banner on my list. The picture goes into the main header (watching, completed, etc.) as a background image.
The other thing I would like to ask is how do you make the empty space on the top of the list completly disappear?
Here is my code as of right now:

Thanks! :D
 
07-04-11, 10:36 AM

Offline
Joined: Feb 2010
Posts: 2383
SaSgz said:
Hi! Can anyone help me? I have problem with the banner on my list. The picture goes into the main header (watching, completed, etc.) as a background image.
The other thing I would like to ask is how do you make the empty space on the top of the list completly disappear?


I see, the banner image became the headers! Here's how you want your code to look, based on what I think you told me. I left a link to an example on your page. You can just replace the whole thing, and we can still make little adjustments after if you need em':


Modified by Shishio-kun, 07-04-11, 10:39 AM
 
07-04-11, 10:45 AM

Offline
Joined: Feb 2010
Posts: 2383
Fuko-Brian said:
What Program Is Best To Use For Editing Profiles ?
Like For Other People , Their Profile is Very Creative And it'll Probably Say V.03
Kinda Makes Mine Look Like Garbage xD


~Thanks [=


Sorry I thought I answered, well the programs I use are Macromedia Fireworks (advanced stuff like blurring, coloring, rendering) and JASC Animation Shop (simple edits, cutting, animating), I think they're best you don't need Photoshop 99% of the time imo.

A lot of people who I respect use GIMP as well. You can always just ask what programs people use on their page. I'd say for a beginner JASC animation shop is best, I did mine with that, and I learned a lot on it. Its not as easy as Paint but its not as hard as Photoshop or Fireworks, and it still does a lot!
 
07-04-11, 11:24 AM

Offline
Joined: Apr 2010
Posts: 98
Shishio-kun said:
SaSgz said:
Hi! Can anyone help me? I have problem with the banner on my list. The picture goes into the main header (watching, completed, etc.) as a background image.
The other thing I would like to ask is how do you make the empty space on the top of the list completly disappear?


I see, the banner image became the headers! Here's how you want your code to look, based on what I think you told me. I left a link to an example on your page. You can just replace the whole thing, and we can still make little adjustments after if you need em':




Yeah, that's is exactly what i am looking for!! :D Thank you so much! You are the best!
 
08-02-11, 10:56 AM

Offline
Joined: Feb 2011
Posts: 34
How do I put an image for my "Watching" and other titles like that?
 
08-09-11, 11:59 AM

Offline
Joined: Apr 2011
Posts: 11411
How do I make so the wallpaper/background image fills up the entire screen?

"If you were to turn into a snake tomorrow and begin devouring humans, and from the same mouth you started devouring humans, you cried out to me 'I love you,' would I still be able to say 'I love you' the same way I do today?"
 
08-09-11, 7:00 PM

Offline
Joined: Feb 2010
Posts: 2383
SilverK said:
How do I put an image for my "Watching" and other titles like that?


I have codes to replace the headers individually with your own custom images here:
http://myanimelist.net/forum/?topicid=314657&show=0#post1
If you know how to replace background images then this should be perfect for you.

Lotus97 said:
How do I make so the wallpaper/background image fills up the entire screen?


You just have to pick a big enough wallpaper for your anime list to fill the entire screen, which is usually the size of your computer screen.

You can make a wallpaper cover the whole screen on your computer's desktop, but its not possible with CSS. The original background you chose has to be big enough to cover the entire area you see on the website. If you have a desktop thats 1400x1000 wide then use a 1056x768 wallpaper on your anime list then it won't cover your entire screen since its bigger. You need a huge wallpaper, I'd suggest Google Image (filter for large images) or Konachan for awesome big wallpapers.
 
08-11-11, 3:47 PM

Offline
Joined: Apr 2011
Posts: 11411
@shishio: Thanks, I'll give it a try

"If you were to turn into a snake tomorrow and begin devouring humans, and from the same mouth you started devouring humans, you cried out to me 'I love you,' would I still be able to say 'I love you' the same way I do today?"
 
08-12-11, 1:59 AM

Offline
Joined: Nov 2007
Posts: 300
Hi! Thanks to your easy tutorial, my list has seen great improvements. But there are other styles that I would like to try, so could you tell me:

- How to move the list to the left/right side of the screen, for examble, like this: http://myanimelist.net/animelist/Nhelraios ?

- How to change the shape of the border of the list, like this: http://myanimelist.net/animelist/Aki3 or like your list ?
 
08-14-11, 1:22 PM

Offline
Joined: Feb 2010
Posts: 2383
BlauBlume said:
Hi! Thanks to your easy tutorial, my list has seen great improvements. But there are other styles that I would like to try, so could you tell me:

- How to move the list to the left/right side of the screen, for examble, like this: http://myanimelist.net/animelist/Nhelraios ?

- How to change the shape of the border of the list, like this: http://myanimelist.net/animelist/Aki3 or like your list ?


The first question was already addressed in the first post of this thread. I copied it and posted it here:

* How do I move my list to the right or left side?

add this code to the bottom of your CSS box to move it to the left side:
#list_surround {
position:absolute;
left:1px;}


-or-

add this code to the bottom of your CSS box to move it to the right side:
#list_surround {
position:absolute;
right:1px;}


You can add to the left or right amount to move the list more from the side. So if you have it set to right: 100px; your list will be 100 px from the right side.


On the second thing, we usually use custom graphics to replace the default list graphics. Right-click over parts of the list then "view background image" to see. There is a code to round and adjust borders in Firefox, example: border-radius: 131px 131px 131px 131px; but I don't know if it works in all browsers and using custom graphics is better.
 
09-18-11, 11:26 AM

Offline
Joined: Apr 2011
Posts: 1364
Here my list design, I borrow the template from one of these threads.
http://myanimelist.net/animelist/vansonbee

The problem I've with it is the text size and the columns, I would like to extend the box size outward.

Which code should I go to to make it wider?
 
09-20-11, 11:07 AM

Offline
Joined: Feb 2010
Posts: 2383
vansonbee said:
Here my list design, I borrow the template from one of these threads.
http://myanimelist.net/animelist/vansonbee

The problem I've with it is the text size and the columns, I would like to extend the box size outward.

Which code should I go to to make it wider?


It looks like the author of the template is helping you personally, so you should be set.
 
10-14-11, 12:17 PM

Offline
Joined: Feb 2010
Posts: 223
First of all, hello! And thank you for your wonderful guides for CSS editing. I had always shied away from editing my list too much until I came upon you club :D

So I have some things I want to change in my layout, but I do not know how. Maybe you can help?

1 - Is there any way to make the top section where you can select your view (All anime, On-Hold, etc...) stop blinking? I would love that. Also is there any way to customize the size, color and type of the font just for this section? I want to change the font type, size, color, etc... I managed to change the color when you hover it, but not all the options changed said color...

2 - My headers came with a default size of 48. I since changed it to 32, but they moved up, and I would like them to be closer to the sub-header. Speaking about the header, I can't seem to change its font. Exactly what fonts are supported? I would like to have my header with a sort of handwriting font, if possible.

3 - Can't seem to change to color for my sub-headers... I added "font-size" to it and managed that, but the "color:brown" (example) does not work...

Thanks in advance for the help ;)

PS: Don't make fun of my poor choice of colors xD
Modified by Jonijonh, 10-14-11, 2:17 PM
 
Top
Pages (113) « 1 2 [3] 4 5 » ... Last »
Help     FAQ     About     Contact     Terms     Privacy     AdChoices