Forum Settings
Forums
Top
  >  
Forum
  >  
Creative Corner
  >  
I need help with CSS
RecentWatchedIgnoredSearch Forum

I need help with CSS

New
Oct 6, 2015 12:30 PM
#1
Rroyal
Offline
Jan 2014
10
Hello,

I want to change my anime list back ground and re-position some of its content.
These are the codes i used:

@charset "utf-8";
/* CSS Document */
td
{
margin: 142px;
/*+placement: 7px -24px;*/
position: relative;
left: 7px;
top: -24px;
font-weight: bold;
color: #D8D4FE;
}
html
{
height: 100%;
/*+placement: ;*/
position: relative;
left: 0;
top: 0;
background-image: url(file:///C:/Users/Ali/Desktop/Owari-no-seraph-hd-wallpaper.jpg);
background-position: ;
background-size: cover;
}
body
{
margin: 90px 2000px 20px 2px;
min-height: 100%;
/*+placement: 87px -1px;*/
position: relative;
left: 87px;
top: -1px;
}
tbody
{
}
#mal_control_strip
{
width: 100%;
padding: 0;
margin: 0;
left: 0;
background: url(file:///C:/Users/Ali/Desktop/11648_800_100.jpg);
background-repeat: repeat no-repeat;
background-color: #000000;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-variant: normal;
text-transform: none;
/*+placement: 59px -33px;*/
position: relative;
left: 59px;
top: -33px;
height: 100px;
width: 800px;
text-align: center;
line-height: 2.7;
text-shadow: 4.9px 0px 10px rgba(30, 202, 217, 0.444);
}
#mal_control_strip a
{
color: silver;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-variant: normal;
font-weight: normal;
text-decoration: none;
font-style: italic;
text-shadow: 0px 0px 17px #1FA56D;
}
#mal_control_strip img
{
background: none 0% / auto repeat scroll border-box content-box rgba(67, 117, 134, 0);
border: 0 none;
/*+placement: 0px 3px;*/
position: relative;
left: 0px;
top: 3px;
}
#mal_control_strip table
{
width: auto;
height: 40px;
}
#mal_control_strip td
{
height: 80px;
color: rgba(230, 119, 119, 0.188);
font-family: Verdana, TimesNewRoman, Helvetica, sans-serif;
font-size: xx-large;
font-variant: no-contextual sub diagonal-fractions proportional-nums;
text-transform: full-width;
font-weight: bold;
background-image: ;
/*+placement: shift 0px 0px;*/
position: relative;
left: 0px;
top: 0px;
}
#mal_control_strip td div
{
margin: 3px;
color: #B9B9B9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
#mal_cs_pic
{
width: 80px;
padding-right: 8px;
padding: 0 1em;
}
font-style: italic;
/*+placement: 9px 0px;*/
position: relative;
left: 9px;
top: 0px;
}
tr
{
}
#mal_control_strip
{
}
#mal_cs_listinfo
{
width: 75px;
padding: 0 1em;
}
#mal_cs_links
{
width: 150px;
padding: 0 1em;
}
#mal_cs_otherlinks
{
padding: 0 1em;
}
#mal_cs_powered
{
position: absolute;
top: 4px;
right: 7px;
}
#mal_cs_powered #search
{
padding-top: 3px;
/*+placement: 0px -3px;*/
position: relative;
left: 0px;
top: -3px;
}
#mal_cs_powered #search #searchBox
{
width: 125px;
font-size: 10px;
/*+placement: -3px 0px;*/
position: relative;
left: -3px;
top: 0px;
color: #7C7C7C;
font-style: italic;
text-align: left;
border: 1px solid #000000;
font-weight: normal;
}
#searchListButton:hover
{
cursor: pointer;
}
#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links
{
border-right: 1px solid #7E7E7E;
}
.hide
{
display: none;
}
.borderRBL
{
border-width: 0 1px 1px 1px;
}
/* Back to Mobile site */
#btn-back_to_mobile
{
position: absolute;
top: 4px;
right: 170px;
background-image: url('/images/back_to_mobile_site02.png?v=2');
background-size: 142px 20px;
background-position: 4px 4px;
background-repeat: no-repeat;
display: block;
width: 142px !important;
height: 20px !important;
background-color: #F0F3FA;
border: #2E51A2 2px solid;
border-radius: 4px;
padding: 4px;
z-index: 10;
text-indent: -9999px;
}
#mal_control_strip #btn-back_to_mobile
{
top: 4px;
left: 470px;
}

So why when i past this into the Advanced CSS option nothing shows up when I open my anime list :(?
Is it a problem in the CSS/HTML format? if thats the case how can i change the format or which format I should use for these codes to work?

NOTE: i used a program called: "Stylizer 6" to edit.
Oct 6, 2015 8:07 PM
#2
Batmeow

Offline
Apr 2012
84
Did you enable the style after you created it?

Settings > Style/Design > Change My List Style
Oct 7, 2015 12:31 PM
#3
Rroyal
Offline
Jan 2014
10
Yup i did that,

well your question mean that the codes that i created are fine? but why nothing shows up when i open my anime list...

anyway, i changed my style/design and still doesn't work.

Hope someone can help me :(
Oct 7, 2015 2:50 PM
#4
Shishio-kun

Offline
Feb 2010
11293
The CSS on your list isn't the one you've posted here. It looks like its set to the black bg/red links default style.

So I think you didn't set your anime list to your style ID with the custom codes. I know you said you did that, but make sure the theme you saved your anime list to matches the one where you added your custom codes to. Do it here, click submit after:
http://myanimelist.net/editprofile.php?go=stylepref&do=changestyle
Should be style ID # and a bunch of numbers. If you don't see one you need to make it and add them here, then save
http://myanimelist.net/editprofile.php?go=stylepref&do=cssadv

btw many of those custom codes you've posted won't work on MAL unless imported or hacked anyways
Oct 8, 2015 4:18 AM
#5
Rroyal
Offline
Jan 2014
10
Thx Shishio-kun for replying. Actually I did change the style and since it didn't work. I switched it back to the way it was. I am not the best at CSS and I really don't get it why my codes aren't working. The only thing that I understood is that myanimelist.net seems to accept a certain type of CSS which I wasn't aware of when I was making my own HTML codes. Anyways, All of the codes about can be changes automatically using a program, but I don't know which format matches myanimelist's format in order for the codes to actually work.
Oct 8, 2015 10:51 AM
#6
Shishio-kun

Offline
Feb 2010
11293
Ok I see it now, and yes certain selectors get broken after clicking the submit button for your advanced CSS. But you can still get the codes you want up, plus its not a super hard thing so don't worry about that.

You can edit your selectors this way to get some by in the CSS edit box
http://myanimelist.net/forum/?topicid=1335201


But you could pass pretty much all selectors through by importing the entire CSS from dropbox, I'd recommend that
http://myanimelist.net/forum/?topicid=411779
I haven't checked this since 2014 but this should still work as ppl are still importing fine with no reported issues except user error. (and weird coincidence, someone just replied to it literally a minute ago)
Oct 8, 2015 11:18 AM
#7
Rroyal
Offline
Jan 2014
10
@import "https://dl.dropboxusercontent.com/s/mv7ej72d4b1jd52/list.css?dl=0";

did everything, yet it didnt change >.>

u,u
Oct 8, 2015 12:30 PM
#8
Shishio-kun

Offline
Feb 2010
11293
XTheSilenTX said:
@import "https://dl.dropboxusercontent.com/s/mv7ej72d4b1jd52/list.css?dl=0";

did everything, yet it didnt change >.>

u,u


Well you don't have the import on your list. But I see it won't work alone because it doubles when alone in the CSS edit box. Normally ppl have something after the import but this glitch will make stand-alone imports not work. So you just need to put some valid CSS after the import. This was already mentioned in the part of the topic under Troubleshooting problems btw. I'll put a note in the steps for ppl who won't check that part when their imports don't work.

I've temporarily put your import on my manga list. The code I used is this:


@import "https://dl.dropboxusercontent.com/s/mv7ej72d4b1jd52/list.css?dl=0";
{ }


That makes all the valid selectors work (almost all of them) and you can code away on them. But I think html (and maybe mal control strip table) is not valid on MAL, and td should probably be ".td1, .td2". Also, I believe those are invalid images- you need to upload the pics you want to use on Imgur and then put their direct links in parenthesis after "background-image:"
Shishio-kunOct 8, 2015 12:43 PM
Oct 8, 2015 1:42 PM
#9
Rroyal
Offline
Jan 2014
10
I see..
well.. thx for help again~

I did that last step { }, yet the same thing .. true it didnt double, but my editing isnt applied on myanimelist.

look at the way i edited myanimelist ..>> http://postimg.org/image/3wrc5a3vd/

I still didnt fully edit it, but i was trying it if it works i would continue editing, but it seems like im stuck at where i am and I cant solve it.

I am pretty sure that If i use the guide in the forum to edit my list, it will work 100%, but i really dont know how to use HTML language manually. T.T.

When I used an advanced and easy program like Sylizer 6, editing CSS is really easy..
Oct 8, 2015 2:28 PM
#10
Shishio-kun

Offline
Feb 2010
11293
XTheSilenTX said:


look at the way i edited myanimelist ..>> http://postimg.org/image/3wrc5a3vd/

I still didnt fully edit it, but i was trying it if it works i would continue editing, but it seems like im stuck at where i am and I cant solve it.

I am pretty sure that If i use the guide in the forum to edit my list, it will work 100%, but i really dont know how to use HTML language manually. T.T.

When I used an advanced and easy program like Sylizer 6, editing CSS is really easy..


ok thats a nice style

Maybe I don't follow but if there's still a problem why don't not just make the layout with your CSS editor program, upload it to Dropbox, and then replace the images with the same ones but uploaded on Imgur, and then adjust any non-working selectors (like td) to ones that work on MAL best (like to .td1 and .td2). That seems possible, tho a little time-consumy, however you'd get your layout in the end I think

also I think you should post the entire code and not part in the OP, cuz then other ppl could edit or suggest the selectors into ones that are more usable

And I'm not sure if these are broken or not today but these are default stlye layouts and you could color/re-text and add the background you want, then just try to customize the top bar after
http://myanimelist.net/forum/?topicid=553609
There's resources on MAL for shifting the table as you want it and customizing the top bar, but the latter is a pain and changes constantly
Shishio-kunOct 8, 2015 2:34 PM
Oct 9, 2015 3:40 AM
#11
Rroyal
Offline
Jan 2014
10
I know that there are some codes that does not work for some reason and if i fix them the CSS might work. BUT, I thought of an easier way xD.

which is, to use a ready CSS designed by someone and i try it.. if it works then i can try to do some changes to it; like change the colors, background, and margins the way i like it to be.

so I searched and i found one done by you, here http://myanimelist.net/forum/?topicid=496443
But for some REASON it doesnt work too :|...
Oct 9, 2015 9:39 AM
#12
Shishio-kun

Offline
Feb 2010
11293
XTheSilenTX said:
I know that there are some codes that does not work for some reason and if i fix them the CSS might work. BUT, I thought of an easier way xD.

which is, to use a ready CSS designed by someone and i try it.. if it works then i can try to do some changes to it; like change the colors, background, and margins the way i like it to be.

so I searched and i found one done by you, here http://myanimelist.net/forum/?topicid=496443
But for some REASON it doesnt work too :|...


The layout works, its currently visible on your list. But the top bar link (import) is dead. You need to use this one:
@import url(http://storage.live.com/items/4A07C1EEED420167%21151);
Oct 9, 2015 4:48 PM
#13
Rroyal
Offline
Jan 2014
10
hmmmmmmmm..

i replaced it. but it seems like it still doesn't work Q,Q
Oct 9, 2015 11:21 PM
#14
Shishio-kun

Offline
Feb 2010
11293
You don't see your layout at all?
http://myanimelist.net/editprofile.php?go=listpreferences
Do you have Style Override checked on this page? Uncheck and save with the blue Submit button if so
Oct 11, 2015 5:05 PM
#15
Rroyal
Offline
Jan 2014
10
woow. really .. it works now T,T

thank you so much u,u
See All Discussions

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 »»
10 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 2024

Marinate1016 - May 7

0 by Marinate1016 »»
May 7, 4:42 PM

» Impact of Anime on India's Youth & Its effects on Family Dynamics- A Survey

Anituber69 - Apr 10

7 by Suntanned_Duck2 »»
May 7, 12:18 AM

MoreTop Anime

  1. 1 Sousou no Frieren
  2. 2 Fullmetal Alchemist: Brotherhood
  3. 3 Steins;Gate
  4. 4 Gintama°
  5. 5 Shingeki no Kyojin Season 3 Part 2

MoreTop Airing Anime

  1. 1 One Piece
  2. 2 Hibike! Euphonium 3
  3. 3 Haikyuu!! Movie: Gomisuteba no Kessen
  4. 4 Kono Subarashii Sekai ni Shukufuku wo! 3
  5. 5 Yuru Camp△ Season 3

MoreMost Popular Characters

  1. 1 Lamperouge, Lelouch
  2. 2 Levi
  3. 3 Monkey D., Luffy
  4. 4 Lawliet, L
  5. 5 Roronoa, Zoro
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login