❓ Ask for help here + See Frequently Asked Questions

Offline

Feb 2010

12660

ofx360 said:
Ok, i think i'm just about done here. Its definitely not perfect, browser compatability is still wonky, viewing the list in different states (offline, online) isn't the best...etc, but i think for a first go at this, i did ok! My initial idea didn't exactly come together on account of lofty ideas, but i like this layout just the same.

But i do have two (hopefully) last questions.

Is it possible to hide this:

Without hiding this:

If i do display:hide on the parent, everything gets hidden, no matter how !important the :before and :after are. And i just can't think around the issue :<

Second problem is that i don't understand how animations and transitions work...i attempted to do it with what i thought i knew, but it ended up not working out...or at least i don't think it worked...

Here's a snippet of the code i am using:

Easiest fix I can think of is you can take the #mal_cs_links div:first-of-type a:first-of-type (not the before and after) and reduce its font-size to 0. You'll have to make some slight position adjustments after tho, but it won't be visible or "invisible but still clickable".

edit: whoops u5 beat me to a reply by 15 minutes lol.

Like the definitions of both? Animations are files like GIFs and flash, which get embedded into your layout and usually you need to upload and make separately. Transition is just a CSS special effect, you never need to upload something for it.

Also usernames are covering part of the text next to them:

http://i48.tinypic.com/lbiwo.jpg

Also hope you enter your list in my contest!

Shishio-kunAug 17, 2012 7:27 AM

Aug 17, 2012 10:18 AM

#303

ofx360

Offline

Jul 2010

58

Oh awesome, i'll have to mess with that when i get back home tonight!

And by animation, i meant when you hover over "Add New Anime", it transitions from transparent BG color with gray text, to a purple BG color with white text smoothly, rather than just "pop" when you're mouse is over it.

So, from this:

To this:

but smoothly.

I thought maybe throwing:

in the parent class would make it work, but apparently it didn't D:
---------
Edit: Oh nvm, i figured it out!

So i think that about raps it up. Thanks for all the help you guys! You guys are amazing!

ofx360Aug 17, 2012 8:46 PM

Aug 26, 2012 4:46 AM

#304

removed-user

Offline

Jul 2018

561873

Hi... whenever I open my list in chrome the page just crashes.. Firefox works fine Also I tried to use the default list designs , still crashes..

Aug 27, 2012 12:33 AM

#305

Offline

Nov 2011

304

@ Viralz
Use Opera :)
Now seriously. If you're not using the latest (stable) version, upgrade. Try cleaning cache, deleting cookies. If that doesn't help, then try re-installing Chrome (or try SRWare Iron or ChromePlus, maybe they'll work). Try also older versions. My portable v16 doesn't crash on your list.
This is definitely browser issue and has nothing to do with design.

Aug 28, 2012 10:33 PM

#306

removed-user

Offline

Jul 2018

561873

^
i already found the problem.. an extension named "Grammar and Spell Checker by Ginger" was the reason for crashing the page, when disabled it; it works pretty good.. thanks

Aug 29, 2012 7:07 AM

#307

Offline

Mar 2012

34

can you teach me how to fix this boxed ones on top so they won't hide when i'm scrolling down my list. pls. pls. pls.
i dont know much in css coding. beginner here.

the uwinaako's anime list text is a png image. i can't figure how to fix it on top

http://i46.tinypic.com/ndn58j.jpg

Shishio-kunAug 29, 2012 7:42 AM

Aug 29, 2012 7:41 AM

#308

Offline

Feb 2010

12660

uwinaako said:
can you teach me how to fix this boxed ones on top so they won't hide when i'm scrolling down my list. pls. pls. pls.
i dont know much in css coding. beginner here.

the uwinaako's anime list text is a png image. i can't figure how to fix it on top

At the bottom of your CSS edit box

#mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered{
position: fixed !important;
}

#list_surround{
background-attachment: fixed !important;
}

Aug 29, 2012 3:48 PM

#309

Offline

Mar 2012

34

Shishio-kun said:

uwinaako said:
can you teach me how to fix this boxed ones on top so they won't hide when i'm scrolling down my list. pls. pls. pls.
i dont know much in css coding. beginner here.

the uwinaako's anime list text is a png image. i can't figure how to fix it on top

At the bottom of your CSS edit box

#mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered{
position: fixed !important;
}

#list_surround{
background-attachment: fixed !important;
}

it worked!

tnx a lot for ur help.

need another help.

i want to remove the uwinaako's anime list logo on the list header and separate it coz the list starts to lag when i fixed its position. i want it like the header menu. is there a way to do it? help pls.

InnocentiusAug 29, 2012 4:20 PM

Aug 29, 2012 5:54 PM

#310

Offline

Feb 2010

12660

uwinaako said:

Shishio-kun said:

uwinaako said:
can you teach me how to fix this boxed ones on top so they won't hide when i'm scrolling down my list. pls. pls. pls.
i dont know much in css coding. beginner here.

the uwinaako's anime list text is a png image. i can't figure how to fix it on top

At the bottom of your CSS edit box

#mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered{
position: fixed !important;
}

#list_surround{
background-attachment: fixed !important;
}

it worked!

tnx a lot for ur help.

need another help.

i want to remove the uwinaako's anime list logo on the list header and separate it coz the list starts to lag when i fixed its position. i want it like the header menu. is there a way to do it? help pls.

I don't really follow what you're asking for, isn't that how it is now?

Aug 29, 2012 6:24 PM

#311

Offline

Mar 2012

34

Shishio-kun said:

uwinaako said:

Shishio-kun said:

uwinaako said:
can you teach me how to fix this boxed ones on top so they won't hide when i'm scrolling down my list. pls. pls. pls.
i dont know much in css coding. beginner here.

the uwinaako's anime list text is a png image. i can't figure how to fix it on top

At the bottom of your CSS edit box

#mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered{
position: fixed !important;
}

#list_surround{
background-attachment: fixed !important;
}

it worked!

tnx a lot for ur help.

need another help.

i want to remove the uwinaako's anime list logo on the list header and separate it coz the list starts to lag when i fixed its position. i want it like the header menu. is there a way to do it? help pls.

I don't really follow what you're asking for, isn't that how it is now?

let me revise my question.
how can i put an image anywhere in the list page with a fixed position? i can't make a certain image to appear on my page.

InnocentiusAug 29, 2012 7:48 PM

Aug 29, 2012 10:16 PM

#312

Offline

Nov 2011

304

@uwinaako
Why don't you simply use an image editor to merge this text and your background and make them stay fixed together?

Aug 30, 2012 12:29 AM

#313

Offline

Mar 2012

34

VeriTi said:
@uwinaako
Why don't you simply use an image editor to merge this text and your background and make them stay fixed together?

i want it on top whenever i scroll down my list. =P

Aug 30, 2012 2:03 AM

#314

Offline

Nov 2011

304

@uwinaako
Yes, and background already does so why not merge 'em?.

Aug 30, 2012 6:46 AM

#315

Offline

Feb 2010

12660

uwinaako said:

Shishio-kun said:

let me revise my question.
how can i put an image anywhere in the list page with a fixed position? i can't make a certain image to appear on my page.

For what you wanna do, one option is to as Veriti said put the title on the background, you can even do this in Microsoft Paint even because it is very easy. You have both images, so you drag them into Paint, then drag or paste the logo over the background image. Then save the new background, and use that instead. The logo will always be in the same place with the girl. If you don't have access to Paint or something I can do it for you easily.

Another option is to use multiple backgrounds instead and put the title and render in the same place that way. You can change the position of the title whenever you want to after and it will stay fixed to the page, shouldn't lag either. In your CSS edit box replace the codes under Second Background (near the top) with this:

#inlineContent {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://img16.imageshack.us/img16/7256/44615386.png"), url("http://img690.imageshack.us/img690/5059/bikinit.png");
background-origin: padding-box;
background-position: 50% 0%, 0% 1%;
background-repeat: no-repeat;
background-size: auto, cover;
display: inline-block !important;
height: 768px !important;
left: 0 !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 1024px !important;
z-index: -1 !important;
}

And the codes under Title with this:

#list_surround {
font-size: 81.25%;
line-height: 1;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 227px;
width: 920px;
}

If you find where background-position: 50% 0%, 0% 1%; is after #inlinecontent, you can use the first two numbers to change the position of the title. Hope one of those answers what you're looking for!

Aug 30, 2012 7:30 AM

#316

Offline

Mar 2012

34

Shishio-kun said:

uwinaako said:

Shishio-kun said:

let me revise my question.
how can i put an image anywhere in the list page with a fixed position? i can't make a certain image to appear on my page.

For what you wanna do, one option is to as Veriti said put the title on the background, you can even do this in Microsoft Paint even because it is very easy. You have both images, so you drag them into Paint, then drag or paste the logo over the background image. Then save the new background, and use that instead. The logo will always be in the same place with the girl. If you don't have access to Paint or something I can do it for you easily.

Another option is to use multiple backgrounds instead and put the title and render in the same place that way. You can change the position of the title whenever you want to after and it will stay fixed to the page, shouldn't lag either. In your CSS edit box replace the codes under Second Background (near the top) with this:

#inlineContent {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://img16.imageshack.us/img16/7256/44615386.png"), url("http://img690.imageshack.us/img690/5059/bikinit.png");
background-origin: padding-box;
background-position: 50% 0%, 0% 1%;
background-repeat: no-repeat;
background-size: auto, cover;
display: inline-block !important;
height: 768px !important;
left: 0 !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 1024px !important;
z-index: -1 !important;
}

And the codes under Title with this:

#list_surround {
font-size: 81.25%;
line-height: 1;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 227px;
width: 920px;
}

If you find where background-position: 50% 0%, 0% 1%; is after #inlinecontent, you can use the first two numbers to change the position of the title. Hope one of those answers what you're looking for!

let me experiment with this again. actually i tried using multiple background option in #inlineContent but since my #inlineContent has an background-size: cover; option
the 2nd image covers the screen too like the main background and i can't fixed this problem.
for the suggestion veriti gaves. what i mean for top is on top of all elements like the list table not on top of the screen. so mergin the logo with the main background is a no no.

Aug 30, 2012 7:41 AM

#317

Offline

Feb 2010

12660

uwinaako said:

let me experiment with this again. actually i tried using multiple background option in #inlineContent but since my #inlineContent has an background-size: cover; option
the 2nd image covers the screen too like the main background and i can't fixed this problem.
for the suggestion veriti gaves. what i mean for top is on top of all elements like the list table not on top of the screen. so mergin the logo with the main background is a no no.

Oh then what you could do is add the title to inline content instead, and move the render to body. Use z-index: 10 to move inline content in front of the list. Then lower its height to about 100px high so its not inconveniencing the list. Then add pointer-events: none; to inline as well so Chrome and FF don't have it block the links at all (but it will still be on top of all elements).

Ah and if you look in the code I posted before, see the inline content has two options after background-cover. One is for the girl, the other the title. This is how you can separate the background size for multiple backgrounds, which is very tricky as it is.

Aug 30, 2012 8:17 AM

#318

Offline

Nov 2011

304

@uwinaako
Hmm...
#copyright:before{content:url(http://img16.imageshack.us/img16/7256/44615386.png);position:fixed;top:0;left:0;right:0;margin:0 auto;}
Nya?

VeriTiAug 30, 2012 8:29 AM

Aug 30, 2012 5:09 PM

#319

Offline

Mar 2012

34

Shishio-kun said:

uwinaako said:

let me experiment with this again. actually i tried using multiple background option in #inlineContent but since my #inlineContent has an background-size: cover; option
the 2nd image covers the screen too like the main background and i can't fixed this problem.
for the suggestion veriti gaves. what i mean for top is on top of all elements like the list table not on top of the screen. so mergin the logo with the main background is a no no.

Oh then what you could do is add the title to inline content instead, and move the render to body. Use z-index: 10 to move inline content in front of the list. Then lower its height to about 100px high so its not inconveniencing the list. Then add pointer-events: none; to inline as well so Chrome and FF don't have it block the links at all (but it will still be on top of all elements).

Ah and if you look in the code I posted before, see the inline content has two options after background-cover. One is for the girl, the other the title. This is how you can separate the background size for multiple backgrounds, which is very tricky as it is.

VeriTi said:
@uwinaako
Hmm...
#copyright:before{content:url(http://img16.imageshack.us/img16/7256/44615386.png);position:fixed;top:0;left:0;right:0;margin:0 auto;}
Nya?

tnx guys. problem solved!

edit: i tried moving the main background to body but the background-size: cover; option wont work on it. It keeps using its original size which is 1600x1200 instead of covering my monitor.
i'm using the one veriti suggests. but i still want to figure everythings out. :P

InnocentiusAug 30, 2012 5:43 PM

Aug 31, 2012 6:51 AM

#320

Offline

Mar 2012

34

another question :P. how can i get different hovering effects on the blue boxed ones? i can't figure how to do it. help pls.

http://i45.tinypic.com/2cosifp.jpg

Aug 31, 2012 6:27 PM

#321

al_exs

Offline

Apr 2012

181

uwinaako said:
another question :P. how can i get different hovering effects on the blue boxed ones? i can't figure how to do it. help pls.

http://i45.tinypic.com/2cosifp.jpg

Creating new definitions like:

.animetitle span:hover {
code for hover over anime title link
}
.List_LightBox:hover {
code for hover over "edit/add" link
}
a[title~=View]:hover {
code for hover over "More" link
}
.td1 span a:hover, .td2 span a:hover {
code for hover over tags
}
.td1 div a small:hover, .td2 div a small:hover {
code for hover over "edit" link in tag row, but this only the list's owner can see
}

al_exsAug 31, 2012 6:32 PM

Aug 31, 2012 7:40 PM

#322

Offline

Mar 2012

34

al_exs said:

uwinaako said:
another question :P. how can i get different hovering effects on the blue boxed ones? i can't figure how to do it. help pls.

http://i45.tinypic.com/2cosifp.jpg

Creating new definitions like:

.animetitle span:hover {
code for hover over anime title link
}
.List_LightBox:hover {
code for hover over "edit/add" link
}
a[title~=View]:hover {
code for hover over "More" link
}
.td1 span a:hover, .td2 span a:hover {
code for hover over tags
}
.td1 div a small:hover, .td2 div a small:hover {
code for hover over "edit" link in tag row, but this only the list's owner can see
}

tnx mate :P

Sep 1, 2012 7:19 PM

#323

Offline

Mar 2012

34

i would like to change the "Currently Watching" to "Current" and "Plan to Watch" to "Planned" how can i do that?

Sep 1, 2012 7:41 PM

#324

al_exs

Offline

Apr 2012

181

div > table:first-of-type td:nth-of-type(n) a{
content: "wharever";
}

where n is the number of column:
1: Currently Watching
2: Completed
3: On Hold
4: Dropped
5: Plan to Watch
6: All Anime

Sep 1, 2012 8:03 PM

#325

Offline

Nov 2011

304

@ uwinaako
This works for Opera, FF & Chrome:

[class^="status"]:nth-child(1) a{color:transparent;text-shadow:none;letter-spacing: -1em;content:none;}
[class^="status"]:nth-child(1) a:after{content:"Current";color:white;text-shadow: 0 1px rgba(0, 0, 0, 0.1);letter-spacing:0;}

[class^="status"]:nth-child(5) a{color:transparent;text-shadow:none;letter-spacing:-1em;content:none;}
[class^="status"]:nth-child(5) a:after{content:"Planned";color:white;text-shadow: 0 1px rgba(0, 0, 0, 0.1);letter-spacing:0;}

Sep 1, 2012 8:18 PM

#326

Offline

Mar 2012

34

VeriTi said:
@ uwinaako
This works for Opera, FF & Chrome:

[class^="status"]:nth-child(1) a{color:transparent;text-shadow:none;letter-spacing: -1em;content:none;}
[class^="status"]:nth-child(1) a:after{content:"Current";color:white;text-shadow: 0 1px rgba(0, 0, 0, 0.1);letter-spacing:0;}

[class^="status"]:nth-child(5) a{color:transparent;text-shadow:none;letter-spacing:-1em;content:none;}
[class^="status"]:nth-child(5) a:after{content:"Planned";color:white;text-shadow: 0 1px rgba(0, 0, 0, 0.1);letter-spacing:0;}

tnx. this saved my ass.

i've seen and tried this code on my list. http://myanimelist.net/forum/?topicid=416069

i noticed it changes the color of category links together with the table row. is there a way for this to change only the category links? i'd like to use this code to customize and move the category links down to bottom. and also is there a way for the category links not to overlap each other when i changed it's size?

i want it to like this but without the help of images
http://i39.tinypic.com/i1wk90.jpg

InnocentiusSep 1, 2012 8:27 PM

Sep 1, 2012 8:36 PM

#327

Offline

Nov 2011

304

@uwinaako
just add some a: #list_surround table:first-of-type td:nth-of-type(1) a{background: cyan;} and so on.

Well, yes there is. E.g. you could change links to display: inline-block; and set it width to 90% and then play with td width and the links will fit automatically.
I'm also pretty sure these codes will also touch what you have when clicking 'More'. This is experimental (not properly tested everywhere but it seem to work in modern browsers) thingie:
#list_surround table[align="center"]:not([class^="header"])
you can use it to fix your menu:
#list_surround table[align="center"]:not([class^="header"]){
position:fixed;left:0;right:0;bottom:0;margin:0 auto;width:920px;
}
or adjust specific table rows:
#list_surround table[align="center"]:not([class^="header"]) td:nth-child(1){
background:red;
}

(no @import needed)

Sep 1, 2012 8:46 PM

#328

Offline

Mar 2012

34

VeriTi said:
@uwinaako
just add some a: #list_surround table:first-of-type td:nth-of-type(1) a{background: cyan;} and so on.

Well, yes there is. E.g. you could change links to display: inline-block; and set it width to 90% and then play with td width and the links will fit automatically.
I'm also pretty sure these codes will also touch what you have when clicking 'More'. This is experimental (not properly tested everywhere but it seem to work in modern browsers) thingie:
#list_surround table[align="center"]:not([class^="header"])
you can use it to fix your menu:
#list_surround table[align="center"]:not([class^="header"]){
position:fixed;left:0;right:0;bottom:0;margin:0 auto;width:920px;
}
or adjust specific table rows:
#list_surround table[align="center"]:not([class^="header"]) td:nth-child(1){
background:red;
}

(no @import needed)

let me experiment with this. tnx for the tips.

Sep 3, 2012 5:11 PM

#329

Offline

Mar 2012

34

someone help me.

Sep 3, 2012 11:26 PM

#330

ClearSinz

Offline

Jul 2008

1513

uwinaako said:

someone help me.

explain?
ur list looks fine to me, i dont see the line on the left O.o

Sep 3, 2012 11:28 PM

#331

Offline

Mar 2012

34

ClearSinz said:

uwinaako said:

someone help me.

explain?
ur list looks fine to me, i dont see the line on the left O.o

well i figured it out already. forgot to edit the post. sorry :P

Sep 4, 2012 12:17 AM

#332

Azunyan55

Offline

Jun 2012

401

Hi;3

So i would like to make my own profile layout but ive got a few problems and one of them i was wondering if someone could do it for me which is making this image scroller.
So this is what i have for my layout so far:

So What i need help with:
1. Im terrible at sizes, ik that the width has to be less than 690px but have no idea about height.

2. In the bottom image i really want to create an image scroller jquery which is like this:

As you can see in my profile image ^ I found a tutorial to do this though one part has confused me the main step i need for this is to make it actually work which may be difficut coz suppossedly you use HTML and CSS.this is what i mainly need help with, i have all the images i would like to use for the image scroller, the problem is putting it together and getting it to work, if someone is able to do this for me plz i would be very grateful ;D

3.For my layout i want to go with AnoHana theme and have it as a cute scheme.

4. I would be able to do slicing through one of the tutorials on here but if you can make it any easier that would be nice, thankyou ;)
Slicing tutorial

5. Oh also how to add gif's on top of the layout such as like this person did with their profile:

6..For General stuff about making Profile Graphics I would also need some idea of what the code would look like because as far as it goes for me im only on the basics at grasping all this advanced CSS stuff. xD

Keeping in mind that i have Photoshop CS3
Thankyou!:D

Sep 4, 2012 12:50 AM

#333

ClearSinz

Offline

Jul 2008

1513

since no one is online atm... ill do what i can i guess..

Azunyan55 said:
Hi;3

So i would like to make my own profile layout but ive got a few problems and one of them i was wondering if someone could do it for me which is making this image scroller.
So this is what i have for my layout so far:

2. In the bottom image i really want to create an image scroller jquery which is like this:

As you can see in my profile image ^ I found a tutorial to do this though one part has confused me the main step i need for this is to make it actually work which may be difficut coz suppossedly you use HTML and CSS.this is what i mainly need help with, i have all the images i would like to use for the image scroller, the problem is putting it together and getting it to work, if someone is able to do this for me plz i would be very grateful ;D

for the profile page it would only take BBcode, u can't embed html/css into ur profile page
what u can do is make an automated "slideshow" as a .gif (though u lose the option to scroll through the images at will)

Azunyan55 said:

3.For my layout i want to go with AnoHana theme and have it as a cute scheme.

idk cute but if u need renders or image request it
Renders Here
Images Here

Azunyan55 said:

4. I would be able to do slicing through one of the tutorials on here but if you can make it any easier that would be nice, thankyou ;)
Slicing tutorial

I would leave slicing to do last, you slice according to if u have any linked images like so..

Azunyan55 said:

6..For General stuff about making Profile Graphics I would also need some idea of what the code would look like because as far as it goes for me im only on the basics at grasping all this advanced CSS stuff. xD

Keeping in mind that i have Photoshop CS3
Thankyou!:D

in the end ur profile box would be filled with something along the lines of

[lmg]*IMAGE LINK*[/lmg]

it would be more complex (more [lmg][/lmg]) depending on how many "breaks/slices" u made
for parts of the profile that are linked

ClearSinzSep 4, 2012 1:20 AM

Sep 4, 2012 7:23 AM

#334

Azunyan55

Offline

Jun 2012

401

ClearSinz said:
since no one is online atm... ill do what i can i guess..

Azunyan55 said:
Hi;3

So i would like to make my own profile layout but ive got a few problems and one of them i was wondering if someone could do it for me which is making this image scroller.
So this is what i have for my layout so far:

2. In the bottom image i really want to create an image scroller jquery which is like this:

As you can see in my profile image ^ I found a tutorial to do this though one part has confused me the main step i need for this is to make it actually work which may be difficut coz suppossedly you use HTML and CSS.this is what i mainly need help with, i have all the images i would like to use for the image scroller, the problem is putting it together and getting it to work, if someone is able to do this for me plz i would be very grateful ;D

for the profile page it would only take BBcode, u can't embed html/css into ur profile page
what u can do is make an automated "slideshow" as a .gif (though u lose the option to scroll through the images at will)

Ah well when I say it uses HTML and CSS that's really to sort out all of the technical stuff to get it to work, I'm not entirely sure myself lol

Azunyan55 said:

3.For my layout i want to go with AnoHana theme and have it as a cute scheme.

idk cute but if u need renders or image request it
Renders Here
Images Here

Azunyan55 said:

4. I would be able to do slicing through one of the tutorials on here but if you can make it any easier that would be nice, thankyou ;)
Slicing tutorial

I would leave slicing to do last, you slice according to if u have any linked images like so..

Azunyan55 said:

6..For General stuff about making Profile Graphics I would also need some idea of what the code would look like because as far as it goes for me im only on the basics at grasping all this advanced CSS stuff. xD

Keeping in mind that i have Photoshop CS3
Thankyou!:D

in the end ur profile box would be filled with something along the lines of

[lmg]*IMAGE LINK*[/lmg]

it would be more complex (more [lmg][/lmg]) depending on how many "breaks/slices" u made
for parts of the profile that are linked

Thankyou!:3 You were helpful. Stiil need some help on that image scroller but I think I have everything else figured out ;)

Azunyan55Sep 4, 2012 7:52 AM

Sep 6, 2012 6:22 AM

#335

Offline

Mar 2012

34

i need help.

the view in logged in user and logged out user are different. i can't manage to center them both. i manage to center the "You are viewing your anime list" but it's still on left when i log out.

Sep 6, 2012 7:07 AM

#336

Offline

Nov 2011

304

@uwinaako
You can try playing with following codes, sorry I can't do more as I have to leave right now:
#mal_control_strip td{width:auto;}
#mal_cs_listinfo{text-align:right;}
#mal_cs_otherlinks div:nth-child(2){display:none}
#mal_cs_otherlinks div:nth-child(1){padding-right:15px}
#mal_control_strip{width:800px !important;position:absolute;right:0;margin:0 auto;}

Also you have:
.status_not_selected > a, .status_selected > a {
...
content: none;
...
}
This actually removes text on category links for Opera users

Sep 6, 2012 7:26 AM

#337

Offline

Mar 2012

34

VeriTi said:
@uwinaako
You can try playing with following codes, sorry I can't do more as I have to leave right now:
#mal_control_strip td{width:auto;}
#mal_cs_listinfo{text-align:right;}
#mal_cs_otherlinks div:nth-child(2){display:none}
#mal_cs_otherlinks div:nth-child(1){padding-right:15px}
#mal_control_strip{width:800px !important;position:absolute;right:0;margin:0 auto;}

Also you have:
.status_not_selected > a, .status_selected > a {
...
content: none;
...
}
This actually removes text on category links for Opera users

tnx i'll try it tomorrow... i'm already sleepy...

edit: figured it out.

http://i49.tinypic.com/2w3dd34.jpg

http://i47.tinypic.com/2duigyq.jpg

InnocentiusSep 7, 2012 3:14 AM

Sep 10, 2012 12:59 AM

#338

Offline

Mar 2012

34

how can i in-line the red boxed one with the blue ones? some plss help :P

Sep 10, 2012 2:48 AM

#339

Offline

Jan 2012

1578

How about the cutting of a long title text:

HahaidoSep 10, 2012 3:03 AM

Sep 10, 2012 4:07 AM

#340

Offline

Mar 2012

34

Hahaido said:
How about the cutting of a long title text:

tnx dude.

edit: i'm having trouble after applying this code. if i set block as display, the airing/not yet aired goes under the anime title and if i use inline-block, the airing/not yet aired is not aligned with the anime title.

is there any specific selector other than .animetitle for anime title that doesnt affect the airing/not yet aired when i modify it?

screeny of the problem

InnocentiusSep 10, 2012 6:55 AM

Sep 16, 2012 1:05 PM

#341

neulin

Offline

Feb 2012

739

HEy guys can fix dvd covers i need : Another , Another ova, Fate /zero s2 , Tasogare Otome x Amnesia , Ao no Exorcist (Movie), Little Busters!

Sep 22, 2012 3:44 AM

#342

Offline

Mar 2012

34

how can i make dvd covers to appear on bottom left of the screen when i hover on my list like on this one? AlisaDark

i want to achieve the same thing without the animation and just simple border around the dvd covers. someone plss help me.

Sep 22, 2012 5:14 AM

#343

Offline

Jan 2012

1578

uwinaako said:
how can i make dvd covers to appear on bottom left of the screen when i hover on my list like on this one? AlisaDark

You need anime/manga covers CSS generated for #more selector

Sep 22, 2012 5:32 AM

#344

Offline

Mar 2012

34

Hahaido said:

uwinaako said:
how can i make dvd covers to appear on bottom left of the screen when i hover on my list like on this one? AlisaDark

You need anime/manga covers CSS generated for #more selector

tnx for this. i'll try it.

edit: this worked but it disables the view more. is there any other way to do it?

InnocentiusSep 22, 2012 5:48 AM

Sep 22, 2012 10:45 PM

#345

Offline

Jan 2012

1578

uwinaako said:

edit: this worked but it disables the view more. is there any other way to do it?

Probably yes but the way is moving titles when you hover on

Sep 23, 2012 12:10 AM

#346

Offline

Mar 2012

34

Hahaido said:

uwinaako said:

edit: this worked but it disables the view more. is there any other way to do it?

Probably yes but the way is moving titles when you hover on

ahhh. nevermind then. i dont want the title moving from its original position.. tnx again for the tips.

is there another way to fix or revise this code? theres some kind of bug on this code that shows the same anime cover on multiple different animes. i manage to fixed the bug by arranging the anime covers based on its anime number but its not that flexible. arranging it by anime number is too much of a work specially if u have long anime.

div[id^="more"]:after{
background-color:rgba(5,5,5,0.9);
background-repeat: no-repeat;
background-size: 156px 218px;
border-radius:10px;
display:block;
content:'';
border-width: 5px;
border-color:rgba(180,32,48,0.9);
border-style:solid;
border-width:3px;
position:absolute;
top:-3px;
left:-169px;
width:156px;
height: 218px;
}

this is the problem. i dunno any other way beside this code.
div[id^="more11759"]:after{background-image: url(http://cdn.myanimelist.net/images/anime/8/38155.jpg);}

screeny of what its look like.

InnocentiusSep 23, 2012 12:14 AM

Sep 24, 2012 2:48 PM

#347

Azunyan55

Offline

Jun 2012

401

Hi i need a LOT of help Dx

So this is what i have so far for my profile layout

2 of the images are suppossed to be gifs, but i saved this one as jpeg.
I tried to do slicing but it didnt work very well. The hearts on the right top saying "Cards, Anime, Manga, and Faves" are to be linked to my Cards Collection, My anime list, and my manga list, dont have a link for my faves yet.
If anyone would be willing to finish making this for me, i could give you all the details for my theme and such(?)
Please~~ and Thankyou!!~~
:3

Oct 5, 2012 2:41 AM

#348

Lirina

Offline

Feb 2008

685

Hi everybody =) After a longer absence due to university I'm back and I'm directly bringing a problem withe me. ^^°

Some of the new fall anime don't turn into pictures, I have tried two diffrent code generators and none of them worked perfectly. I don't understand why it's working for some new anime and others not.

Please help =)

Oct 5, 2012 4:48 AM

#349