Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (159) « First ... « 30 31 [32] 33 34 » ... Last »
Dec 31, 2013 2:42 AM
Offline
Mar 2013
10
So yeah, I spent 2 days browsing the stuff on this group and stuff and I finished everything except this List and Profile Customization thing, so yeah, I don't care about profile customization that much, and it's kinda easy cause I don't have a problem with BBCodes, but this list customization thing is new for me, and I'm a beginner with CSS codes, I browsed all of your club posts (I think), and couldn't find where start, I know the basics like the image upload, designing and making photos, the font, and these things, but I don't know or more like understand what every code is for and how they should be in order, so do you have a tutorial to explain CSS codes in a better way cause I don't wanna mess everything up from the beginning, or if you have a site that will help me to start with this thing, please tell me, the problem is that I don't get how do you know where the photo will be and how will you make the stuff slide and these kind of things, and the size and the position and a lot of stuff, so yeah, do you know where I can find all of that basic info and if you could make a tutorial that would be better.
PS: A video tutorial will be better
Dec 31, 2013 7:48 AM

Offline
Feb 2013
812
Hello there, it's me again, i have 2 difficulties this time:
- I have a scroller on the bottom horizontal axis, i'd like to get rid of it (and also understand why it's here)
- I wonder if it's possible to define the width of the "Status selected" and "Status not selected" boxes, at the top of the page. It appears to be linked to the size of the list table columns (1big column, 3 smalls, and 1 big again, if you see what i mean).

Thanks for reading and helping ;)
My list - "Let's share our lame sides" (Danshi Koukousei no Nichijou)
Dec 31, 2013 9:19 AM

Offline
Jul 2013
381
Kyuutoryuu said:
@Shishio
Thanks for all your help. I'll see what I can do.

edit: I've decided to just remove the "more" button from my Anime List with the proper code. However, that leaves the edit button kind of floating in the center. Is there a way to reposition the edit button more to the right, where the "more" button used to be?


try
.td1:nth-of-type(2) div a:first-of-type, .td2:nth-of-type(2) div a:first-of-type
{float: right;}


AlyusserXSebihi said:
So yeah, I spent 2 days browsing the stuff on this group and stuff and I finished everything except this List and Profile Customization thing, so yeah, I don't care about profile customization that much, and it's kinda easy cause I don't have a problem with BBCodes, but this list customization thing is new for me, and I'm a beginner with CSS codes, I browsed all of your club posts (I think), and couldn't find where start, I know the basics like the image upload, designing and making photos, the font, and these things, but I don't know or more like understand what every code is for and how they should be in order, so do you have a tutorial to explain CSS codes in a better way cause I don't wanna mess everything up from the beginning, or if you have a site that will help me to start with this thing, please tell me, the problem is that I don't get how do you know where the photo will be and how will you make the stuff slide and these kind of things, and the size and the position and a lot of stuff, so yeah, do you know where I can find all of that basic info and if you could make a tutorial that would be better.
PS: A video tutorial will be better


Have you seen the beginner's tutorial? Or any other tutorials posted here? this and this.
If you did and still do not understand, I can try explaining. But right now I don't have the time.

Sh0wdown said:
Hello there, it's me again, i have 2 difficulties this time:
- I have a scroller on the bottom horizontal axis, i'd like to get rid of it (and also understand why it's here)
- I wonder if it's possible to define the width of the "Status selected" and "Status not selected" boxes, at the top of the page. It appears to be linked to the size of the list table columns (1big column, 3 smalls, and 1 big again, if you see what i mean).

Thanks for reading and helping ;)


- I don't see the horizontal scroller, so I can't help with that.
- just add width: 16.67% !important; to the .status_selected and .status_not_selected selectors.
Dec 31, 2013 9:31 AM

Offline
Feb 2013
812
kuronekodesu said:
Sh0wdown said:
Hello there, it's me again, i have 2 difficulties this time:
- I have a scroller on the bottom horizontal axis, i'd like to get rid of it (and also understand why it's here)
- I wonder if it's possible to define the width of the "Status selected" and "Status not selected" boxes, at the top of the page. It appears to be linked to the size of the list table columns (1big column, 3 smalls, and 1 big again, if you see what i mean).

Thanks for reading and helping ;)


- I don't see the horizontal scroller, so I can't help with that.
- just add width: 16.67% !important; to the .status_selected and .status_not_selected selectors.
W00t, you're right, i don't see the scroller anymore either, what the heck ? And thanks for the width, i tried it before and it did not work because i forgot to use the "!important" part: now it's all good.

Once again thanks to this group and the people participating, everything is fine! See you next time!
My list - "Let's share our lame sides" (Danshi Koukousei no Nichijou)
Dec 31, 2013 2:20 PM

Online
Feb 2010
12647
AlyusserXSebihi said:
So yeah, I spent 2 days browsing the stuff on this group and stuff and I finished everything except this List and Profile Customization thing, so yeah, I don't care about profile customization that much, and it's kinda easy cause I don't have a problem with BBCodes, but this list customization thing is new for me, and I'm a beginner with CSS codes, I browsed all of your club posts (I think), and couldn't find where start, I know the basics like the image upload, designing and making photos, the font, and these things, but I don't know or more like understand what every code is for and how they should be in order, so do you have a tutorial to explain CSS codes in a better way cause I don't wanna mess everything up from the beginning, or if you have a site that will help me to start with this thing, please tell me, the problem is that I don't get how do you know where the photo will be and how will you make the stuff slide and these kind of things, and the size and the position and a lot of stuff, so yeah, do you know where I can find all of that basic info and if you could make a tutorial that would be better.
PS: A video tutorial will be better


I wonder where you are scrolling thru exactly. If you go thru the stickies in the club forum there is a " Beginner tutorials: list, profile About Me, user pic, signature, and wallpaper" sticky that links you to the starter tutorial. Always refer to stickies first in a club or forum its where the most important topics usually are.

If you go thru the club menu on the front page, there was a "Beginners start here!" link. You can find other important popular links there too and site updates/problems you should know about if you're new to MAL

btw nearly every one of my topics on customizing your list links back to the main directory which has the beginner's tutorial linked at the top, at the top of this topic for example:
http://myanimelist.net/forum/?topicid=419405

You should always refer to that directory when you wanna do stuff on ur list
Dec 31, 2013 4:08 PM

Offline
Aug 2013
1336
kuronekodesu said:
Kyuutoryuu said:
@Shishio
Thanks for all your help. I'll see what I can do.

edit: I've decided to just remove the "more" button from my Anime List with the proper code. However, that leaves the edit button kind of floating in the center. Is there a way to reposition the edit button more to the right, where the "more" button used to be?


try
.td1:nth-of-type(2) div a:first-of-type, .td2:nth-of-type(2) div a:first-of-type
{float: right;}



Where would I put that code? At the bottom of my CSS? Or in place of the .td1:nth-of-type(2), .td2:nth-of-type(2) { line in my CSS?
Dec 31, 2013 5:29 PM

Online
Feb 2010
12647
Kyuutoryuu said:
kuronekodesu said:
Kyuutoryuu said:
@Shishio
Thanks for all your help. I'll see what I can do.

edit: I've decided to just remove the "more" button from my Anime List with the proper code. However, that leaves the edit button kind of floating in the center. Is there a way to reposition the edit button more to the right, where the "more" button used to be?


try
.td1:nth-of-type(2) div a:first-of-type, .td2:nth-of-type(2) div a:first-of-type
{float: right;}



Where would I put that code? At the bottom of my CSS? Or in place of the .td1:nth-of-type(2), .td2:nth-of-type(2) { line in my CSS?


Bottom seems fine. If you dont want the text clear you can add color: white !important; as one of the properties
Dec 31, 2013 5:44 PM

Offline
Jun 2012
4025
Sorry to other once more, any ideas as to how I can get rid of the black triangle?
Thanks and happy new year everyone!
Dec 31, 2013 8:13 PM

Online
Feb 2010
12647
marcosmk said:
Sorry to other once more, any ideas as to how I can get rid of the black triangle?
Thanks and happy new year everyone!


Is this the black triangle? (red circle)
http://i.imgur.com/EuOrDEh.jpg

If so, its part of the background you used
http://i.imgur.com/c7XxPK1.jpg

If thats not the triangle you have to point it out to me cuz its the only one I see
Dec 31, 2013 8:38 PM

Offline
Jun 2012
4025
I cant belive in that dumb!
XD
Dec 31, 2013 9:54 PM

Offline
Aug 2013
1336
Shishio-kun said:

Bottom seems fine. If you dont want the text clear you can add color: white !important; as one of the properties


The code didn't work. Do you have any other ideas?
Dec 31, 2013 11:02 PM

Online
Feb 2010
12647
Add to this the bottom; if it doesn't work leave it in so I can see why not. If it works you can adjust the number after margin-right near the bottom to move the add/edit link (just play with it to see where it goes, don't move it by more than 5px at a time).


#list_surround small a:last-of-type {
display: none !important;
}

#list_surround small {
visibility: hidden;
}
.animetitle + small {
visibility: visible !important;
}

#list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
#list_surround a[href*="http://myanimelist.net/editlist.php?type="],
#list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
visibility: visible !important;
margin-right: -20px;
color: white !important;
}
Jan 1, 2014 4:36 AM

Offline
Aug 2013
1336
Putting that code at the bottom of the CSS seemed to work for the Edit button.
However, it seems like now(?) I can't type in the Tags boxes. The link for me to click on my list to get the "Tags box" to pop-up is no longer there.

btw, I noticed you changed the CSS on the layout's page. Do you have the original CSS before you edited it?
Jan 1, 2014 9:15 AM
Offline
Mar 2013
10
kuronekodesu said:

AlyusserXSebihi said:
So yeah, I spent 2 days browsing the stuff on this group and stuff and I finished everything except this List and Profile Customization thing, so yeah, I don't care about profile customization that much, and it's kinda easy cause I don't have a problem with BBCodes, but this list customization thing is new for me, and I'm a beginner with CSS codes, I browsed all of your club posts (I think), and couldn't find where start, I know the basics like the image upload, designing and making photos, the font, and these things, but I don't know or more like understand what every code is for and how they should be in order, so do you have a tutorial to explain CSS codes in a better way cause I don't wanna mess everything up from the beginning, or if you have a site that will help me to start with this thing, please tell me, the problem is that I don't get how do you know where the photo will be and how will you make the stuff slide and these kind of things, and the size and the position and a lot of stuff, so yeah, do you know where I can find all of that basic info and if you could make a tutorial that would be better.
PS: A video tutorial will be better


Have you seen the beginner's tutorial? Or any other tutorials posted here? this and this.
If you did and still do not understand, I can try explaining. But right now I don't have the time.

Shishio-kun said:
AlyusserXSebihi said:
So yeah, I spent 2 days browsing the stuff on this group and stuff and I finished everything except this List and Profile Customization thing, so yeah, I don't care about profile customization that much, and it's kinda easy cause I don't have a problem with BBCodes, but this list customization thing is new for me, and I'm a beginner with CSS codes, I browsed all of your club posts (I think), and couldn't find where start, I know the basics like the image upload, designing and making photos, the font, and these things, but I don't know or more like understand what every code is for and how they should be in order, so do you have a tutorial to explain CSS codes in a better way cause I don't wanna mess everything up from the beginning, or if you have a site that will help me to start with this thing, please tell me, the problem is that I don't get how do you know where the photo will be and how will you make the stuff slide and these kind of things, and the size and the position and a lot of stuff, so yeah, do you know where I can find all of that basic info and if you could make a tutorial that would be better.
PS: A video tutorial will be better


I wonder where you are scrolling thru exactly. If you go thru the stickies in the club forum there is a " Beginner tutorials: list, profile About Me, user pic, signature, and wallpaper" sticky that links you to the starter tutorial. Always refer to stickies first in a club or forum its where the most important topics usually are.

If you go thru the club menu on the front page, there was a "Beginners start here!" link. You can find other important popular links there too and site updates/problems you should know about if you're new to MAL

btw nearly every one of my topics on customizing your list links back to the main directory which has the beginner's tutorial linked at the top, at the top of this topic for example:
http://myanimelist.net/forum/?topicid=419405

You should always refer to that directory when you wanna do stuff on ur list

Yes I saw that tutorial and it doesn't really explain anything about the CSS codes, it only tells you how to install a donated list, and I also saw this tutorial, and it doesn't explain much, I want something that makes me understand the basics of CSS, cause I wanna customize my own list and stuff, and I just don't have enough info for that, like what did you do to get into CSS, what sites have you used to know the basics, some of what I want to know is:
1-When using the CSS codes do the have to be in a particular order or can you just put them anywhere between all the codes
2-How do you know you used the right code
3-How should the codes be like
And stuff like that, they're just some simple stuff but still, I just wanna get into it and things like that, and does anyone know a site where can find CSS codes cause I'm not memorizing that stuff (lol), and btw happy new year :D.
@shishio-kun I saw almost everything on this forum, and I checked the main page also and everything, but the problem is that I just couldn't find what I was searching for
Jan 1, 2014 10:28 AM

Offline
Jun 2013
3
Hi, Im wondering if there is anyway to get your anime list to go behind a picture?
Jan 1, 2014 11:16 AM
Offline
Mar 2013
10
KR3KE said:
Hi, Im wondering if there is anyway to get your anime list to go behind a picture?

What do you mean?
Jan 1, 2014 11:42 AM

Offline
Jun 2013
3
AlyusserXSebihi said:
KR3KE said:
Hi, Im wondering if there is anyway to get your anime list to go behind a picture?

What do you mean?


Not quite sure how to explain it in english. i have a picture that i would want to use abit like a frame that overlays everything else.

think its easier to show with a pic, This is how i would want it to look.

http://imageshack.us/photo/my-images/89/2tpa.png/
Jan 1, 2014 12:58 PM

Offline
Jul 2010
93
KR3KE said:
AlyusserXSebihi said:
KR3KE said:
Hi, Im wondering if there is anyway to get your anime list to go behind a picture?

What do you mean?


Not quite sure how to explain it in english. i have a picture that i would want to use abit like a frame that overlays everything else.

think its easier to show with a pic, This is how i would want it to look.

http://imageshack.us/photo/my-images/89/2tpa.png/

For an object to be in front of everything else it needs a higher z-index. Using your current list as an example, in #inlineContent change z-index from -1 to 1.
Jan 1, 2014 5:37 PM

Online
Feb 2010
12647
AlyusserXSebihi said:
Yes I saw that tutorial and it doesn't really explain anything about the CSS codes, it only tells you how to install a donated list, and I also saw this tutorial, and it doesn't explain much, I want something that makes me understand the basics of CSS


Ok I think I get now what you're asking. Well this club isn't meant to teach CSS like a class would- its mainly meant to show MAL users how to customize your list without needing prior exp/education and bypass all that. Otherwise it would take too long and be very unnecessary for most users

However when you try things out thru topics here, you should be able to gather how codes put into the CSS affect the style of a webpage. How to manipulate the MAL list CSS is learned by users when they mess with the tutorials and read notes in the code. For example thru this one u can learn how to use content property codes by using it on your MAL copyright section. With many of the different topics you'll learn stuff like that by doing- u have to use them first tho. Plus the property codes (like background-color: red) learned here can often be used on CSS for other sites and vice-versa. Rarely has anyone needed to go to an outside source for something myanimelist specific cuz we covered so much and there's a lot of knowledgeable ppl here who can answer questions on stuff not covered.

anyways for a basic intro to CSS if you want it:
http://www.w3schools.com/css/css_intro.asp

HTML cuz they say you should know about that a little too:
http://www.w3schools.com/html/html_intro.asp

That site is a good source for many things web design related.

cause I wanna customize my own list and stuff, and I just don't have enough info for that,

What are you trying to do on your list that topics don't answer? If you describe that trick or customization you have in mind we can probably give a way.

like what did you do to get into CSS, what sites have you used to know the basics,

before MAL, viewing other ppl's layouts and web pages long ago and playing with their codes taught me basics. Using Firebug (a real-time CSS editor) to investigate/play the codes of someone's list live and W3schools.com for advanced things later.

1-When using the CSS codes do the have to be in a particular order or can you just put them anywhere between all the codes

Doesn't need a specific order, as long as you keep the property codes within the brackets under the selector you want to make the changes to, see your layout for examples. A newly entered code for the same thing takes priority over the ones above it.

A code with !important in it takes priority over ones below and above it that don't have !important. If two of the same codes have that, then the lower one takes priority

How do you know you used the right code

Enter code, did it affect the list the way you want to? If yes, right code. If not, wrong code. If it seems like it must be right but isn't working, check for incomplete brackets above the code, incorrectly spelled selectors, contradicting codes above or below it, or if the code is blacklisted by MAL (it will delete the code in your box). With complicated layouts it takes an expert to probably find the code keeping another code from working.

How should the codes be like

not sure what this means, but like they are in your premade layout is proper. A selector, followed by a opening bracket and closing bracket. Property codes like background in between brackets as they are in your code, followed by a colon then a value for that property, like red or 16px. Then a semi colon after the value, repeat for new property codes.

Read the notes in the starter layouts and play with the codes it outlines to get an idea or how they work

does anyone know a site where can find CSS codes cause I'm not memorizing that stuff

you don't have to memorize anything really. if there's codes you need you can't get from your premade layout or tutorial then you can ask for it here, use a web tool like Firebug, or try my advanced topic for getting many MAL selectors and other codes:
http://myanimelist.net/forum/?topicid=410909

Also searching W3schools for complete overviews on property codes and information on more complicated tricks like CSS3 animation which we have no topic on atm. Like you could Google "CSS code for highlighting text w3schools" and it should bring u to something useful
Shishio-kunJan 1, 2014 5:41 PM
Jan 1, 2014 6:20 PM

Online
Feb 2010
12647
Kyuutoryuu said:
Putting that code at the bottom of the CSS seemed to work for the Edit button.
However, it seems like now(?) I can't type in the Tags boxes. The link for me to click on my list to get the "Tags box" to pop-up is no longer there.

btw, I noticed you changed the CSS on the layout's page. Do you have the original CSS before you edited it?


Original is buried in the request topic. The CSS for this layout linked in the premade layouts topic is in my dropbox. I just edited again to fix it up:
http://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Requests/unknown1.css

this version has more button removed and the tags edit button back, and the edit/add anime button can be moved around if its not aligned with the score. Tested it on my manga list. I had to remove some codes from the original which were causing problems and add some new ones, so you can just replace your current layout with this since it doesn't seem to have any personal changes
Jan 2, 2014 7:18 AM
Offline
Mar 2013
10
Shishio-kun said:

like what did you do to get into CSS, what sites have you used to know the basics,

before MAL, viewing other ppl's layouts and web pages long ago and playing with their codes taught me basics. Using Firebug (a real-time CSS editor) to investigate/play the codes of someone's list live and W3schools.com for advanced things later.

does anyone know a site where can find CSS codes cause I'm not memorizing that stuff

you don't have to memorize anything really. if there's codes you need you can't get from your premade layout or tutorial then you can ask for it here, use a web tool like Firebug, or try my advanced topic for getting many MAL selectors and other codes:
http://myanimelist.net/forum/?topicid=410909

Also searching W3schools for complete overviews on property codes and information on more complicated tricks like CSS3 animation which we have no topic on atm. Like you could Google "CSS code for highlighting text w3schools" and it should bring u to something useful

I'm using chrome (I know how much you guys hate it LOL) so I will be using the "Inspect Elements" thing, and I have some question about that, does IE in chrome do the same stuff Firebug does on Firefox, what's better, what's easier, and what will you recommend me (A newbie =A=) to use?
Do you know a site which will introduce me to IE in Chrome, and another for Firebug for Firefox?
Jan 2, 2014 8:56 AM

Offline
Jun 2013
3
dzikibambus said:
KR3KE said:
AlyusserXSebihi said:
KR3KE said:
Hi, Im wondering if there is anyway to get your anime list to go behind a picture?

What do you mean?


Not quite sure how to explain it in english. i have a picture that i would want to use abit like a frame that overlays everything else.

think its easier to show with a pic, This is how i would want it to look.

http://imageshack.us/photo/my-images/89/2tpa.png/

For an object to be in front of everything else it needs a higher z-index. Using your current list as an example, in #inlineContent change z-index from -1 to 1.


Thanks! couldnt get it to work properly with the list i was making but worked perfect when i edited the premade one, Really happy how it turned out.
Jan 2, 2014 11:53 AM

Online
Feb 2010
12647
AlyusserXSebihi said:

I'm using chrome (I know how much you guys hate it LOL) so I will be using the "Inspect Elements" thing, and I have some question about that, does IE in chrome do the same stuff Firebug does on Firefox, what's better, what's easier, and what will you recommend me (A newbie =A=) to use?
Do you know a site which will introduce me to IE in Chrome, and another for Firebug for Firefox?


They're similar but not the same. imo Firebug is vastly easier to use and more intuitive. But for high level coding you should use both since they're different browsers. You have to try them both out to see whats easier for you

Don't know of any sites; I just learn them thru trying them. try to google for tutorials on them
Jan 2, 2014 12:30 PM
Offline
Mar 2013
10
Thanks a lot for everything @Shishio-kun
Jan 3, 2014 3:25 AM

Offline
Aug 2013
1336
Alright, I've worked everything out (moved the edit button to line it up with the score, and added a few features). I'm glad I was able to end up with an anime list with everything to my liking.

Thank you for helping me through this whole process, Shishio.
Shishio-kunJan 3, 2014 12:28 PM
Jan 4, 2014 5:17 AM
Review Moderator
(。•̀ᴗ-)⌒✧

Offline
Jun 2007
1955
Hello and a Happy New Year,
I've been having a weird "problem" for a couple of days.

I've been using the css style for this http://i.imgur.com/JIlLNpm.png (I know you can't see much but either way :3) as my base and I haven't touched it for a long time. The day before yesterday (or maybe even the day before it), the top bar changed to the default one like this http://i.imgur.com/TXUgyHm.png. Not only that, but the bar before was always on top and didn't go away with scrolling. Now, the default is well... the default. I was used to the one the style provided, can I do anything to fix it?
Jan 4, 2014 3:22 PM

Online
Feb 2010
12647
Maffy said:
Hello and a Happy New Year,
I've been having a weird "problem" for a couple of days.

I've been using the css style for this http://i.imgur.com/JIlLNpm.png (I know you can't see much but either way :3) as my base and I haven't touched it for a long time. The day before yesterday (or maybe even the day before it), the top bar changed to the default one like this http://i.imgur.com/TXUgyHm.png. Not only that, but the bar before was always on top and didn't go away with scrolling. Now, the default is well... the default. I was used to the one the style provided, can I do anything to fix it?


Its cuz the top import link no longer works, not sure if its temporary or permanent but you have the updated link in your CSS too except its not completed right

Delete the top import line, and then go to the third line:

@import (http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css);

and put url in front of the parenthesis so it looks like the other imports:

@import url(http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css);
Jan 5, 2014 3:17 AM
Offline
Jun 2013
3
Shishio-kun, got busy over the holiday period so I didn't read your reply to my problem until just now. Thanks for your work in updating the Magica theme to suit, looking forward to it. Redoing my changes should be pretty simple with a diff.
Jan 5, 2014 3:46 AM
Review Moderator
(。•̀ᴗ-)⌒✧

Offline
Jun 2007
1955
Thanks a lot, that did the trick :D

One more thing though, the top bar before used to be always on top of the page and so, I didn't need to go back to the start of the list to find the bar or anything. Can I make it get stuck there to avoid scrolling?
Jan 5, 2014 9:13 AM
Offline
Mar 2013
10
So after a day of these tutorials I learned some things and I have some questions:

1-Can you use a WYSIWYG program (Such as Adobe Dreamweaver) to edit your anime or manga list?
2-From what I understood, CSS is like the outer cover of something, but without the main thing (HTML) you can't do anything with it, so simply you can't create anything using only CSS without any HTML?
3-Do you know how I can view the HTML version of my anime or manga list without any CSS or anything else applied to it?
4-My anime or manga's list HTML code can never be changed no matter what, right?
5-If my anime or manga's list HTML code was changeable will I only see the changes, or will everyone else be able to see the change (Because you can only change the CSS code from the options that MAL gives you "Edit My Profile>My List Style>Advanced Style CSS Editor")?
6-Is there a way to save ONLY the CSS code after you edit your anime or manga list using:
-Chrome's Inspector
-Firefox's Inspector
-Firefox's Firebug)
And if there is, how?
7-If it's possible to edit my anime or manga list using a WYSIWYG program, do you recommend me to use that way (Money doesn't count)?

And that's all, I hope you answer them :D
PS: Take your time
Jan 5, 2014 11:31 AM

Offline
Jul 2013
381
AlyusserXSebihi said:
So after a day of these tutorials I learned some things and I have some questions:

1-Can you use a WYSIWYG program (Such as Adobe Dreamweaver) to edit your anime or manga list?
2-From what I understood, CSS is like the outer cover of something, but without the main thing (HTML) you can't do anything with it, so simply you can't create anything using only CSS without any HTML?
3-Do you know how I can view the HTML version of my anime or manga list without any CSS or anything else applied to it?
4-My anime or manga's list HTML code can never be changed no matter what, right?
5-If my anime or manga's list HTML code was changeable will I only see the changes, or will everyone else be able to see the change (Because you can only change the CSS code from the options that MAL gives you "Edit My Profile>My List Style>Advanced Style CSS Editor")?
6-Is there a way to save ONLY the CSS code after you edit your anime or manga list using:
-Chrome's Inspector
-Firefox's Inspector
-Firefox's Firebug)
And if there is, how?
7-If it's possible to edit my anime or manga list using a WYSIWYG program, do you recommend me to use that way (Money doesn't count)?

And that's all, I hope you answer them :D
PS: Take your time


1. I've never used any WYSIWYG software for editing layouts but I guess that would work.
2. Yes, CSS is styling of HTML, and you cannot put some random selectors and hope it will take effect.
3. Basically - in Chrome when you open up the Developer Tools (ctrl+shift+i) the left side is the page HTML (this). In firefox it's under Inspector (this).
4. It cannot be changed.
5. If it was changeable (but it isn't), everyone would see the differences.
6. Yes
- Chrome's inspector: no idea tbh never looked into it
- Firefox's inspector: go to style editor tab (or hit shift+f7) and copy the whole code
- Firefox's Firebug: go to the CSS tab and copy the whole code
7. As I've already said, never tried, so I can't give any feedback.
Jan 5, 2014 12:54 PM

Online
Feb 2010
12647
AlyusserXSebihi said:
So after a day of these tutorials I learned some things and I have some questions:

1-Can you use a WYSIWYG program (Such as Adobe Dreamweaver) to edit your anime or manga list?
2-From what I understood, CSS is like the outer cover of something, but without the main thing (HTML) you can't do anything with it, so simply you can't create anything using only CSS without any HTML?
3-Do you know how I can view the HTML version of my anime or manga list without any CSS or anything else applied to it?
4-My anime or manga's list HTML code can never be changed no matter what, right?
5-If my anime or manga's list HTML code was changeable will I only see the changes, or will everyone else be able to see the change (Because you can only change the CSS code from the options that MAL gives you "Edit My Profile>My List Style>Advanced Style CSS Editor")?
6-Is there a way to save ONLY the CSS code after you edit your anime or manga list using:
-Chrome's Inspector
-Firefox's Inspector
-Firefox's Firebug)
And if there is, how?
7-If it's possible to edit my anime or manga list using a WYSIWYG program, do you recommend me to use that way (Money doesn't count)?

And that's all, I hope you answer them :D
PS: Take your time


I don't know of anyone who uses that program for MAL styling but ppl have always been able to use Dreamweaver on their list as far as I knew, but imo this always seemed like overkill when you can just use the browser developer tools which are better suited for hobbyists. Might be worth a try tho if you think it will work better for yourself or are used to it.

As she said no access to the source HTML but if you feel you need it for some design- I have some ways around what most ppl would need it for and we'll have more when BBcode is reactivated. You can apply some non-CSS changes to your list through imports and with the BBcode styling in anime comments (shut down atm)- everyone sees these changes too (unless you privatized the list).

If you want to learn more about the relationship between CSS and HTML those intros on W3schools.com explain it nicely with hands-on examples. For learning the inspectors, there's numerous online tutorials found thru google, just make sure its an up-to-date one
Jan 5, 2014 1:00 PM

Online
Feb 2010
12647
Maffy said:
Thanks a lot, that did the trick :D

One more thing though, the top bar before used to be always on top of the page and so, I didn't need to go back to the start of the list to find the bar or anything. Can I make it get stuck there to avoid scrolling?


Hmm replace that import line you fixed, with this one

@import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/topbarreduxblack.css";

This is the same bar but fixed. There's also other colors here!
http://myanimelist.net/forum/?topicid=449097
Jan 6, 2014 8:36 AM
Offline
Mar 2013
10
kuronekodesu said:
AlyusserXSebihi said:
So after a day of these tutorials I learned some things and I have some questions:

1-Can you use a WYSIWYG program (Such as Adobe Dreamweaver) to edit your anime or manga list?
2-From what I understood, CSS is like the outer cover of something, but without the main thing (HTML) you can't do anything with it, so simply you can't create anything using only CSS without any HTML?
3-Do you know how I can view the HTML version of my anime or manga list without any CSS or anything else applied to it?
4-My anime or manga's list HTML code can never be changed no matter what, right?
5-If my anime or manga's list HTML code was changeable will I only see the changes, or will everyone else be able to see the change (Because you can only change the CSS code from the options that MAL gives you "Edit My Profile>My List Style>Advanced Style CSS Editor")?
6-Is there a way to save ONLY the CSS code after you edit your anime or manga list using:
-Chrome's Inspector
-Firefox's Inspector
-Firefox's Firebug)
And if there is, how?
7-If it's possible to edit my anime or manga list using a WYSIWYG program, do you recommend me to use that way (Money doesn't count)?

And that's all, I hope you answer them :D
PS: Take your time


1. I've never used any WYSIWYG software for editing layouts but I guess that would work.
2. Yes, CSS is styling of HTML, and you cannot put some random selectors and hope it will take effect.
3. Basically - in Chrome when you open up the Developer Tools (ctrl+shift+i) the left side is the page HTML (this). In firefox it's under Inspector (this).
4. It cannot be changed.
5. If it was changeable (but it isn't), everyone would see the differences.
6. Yes
- Chrome's inspector: no idea tbh never looked into it
- Firefox's inspector: go to style editor tab (or hit shift+f7) and copy the whole code
- Firefox's Firebug: go to the CSS tab and copy the whole code
7. As I've already said, never tried, so I can't give any feedback.

About question 3 I was asking about how can I view the page without any CSS or anything else applied to it, not how to show the page's HTML, so if you know can you answer me, and thanks for that bro :D
Jan 6, 2014 8:40 AM
Offline
Mar 2013
10
Shishio-kun said:
AlyusserXSebihi said:
So after a day of these tutorials I learned some things and I have some questions:

1-Can you use a WYSIWYG program (Such as Adobe Dreamweaver) to edit your anime or manga list?
2-From what I understood, CSS is like the outer cover of something, but without the main thing (HTML) you can't do anything with it, so simply you can't create anything using only CSS without any HTML?
3-Do you know how I can view the HTML version of my anime or manga list without any CSS or anything else applied to it?
4-My anime or manga's list HTML code can never be changed no matter what, right?
5-If my anime or manga's list HTML code was changeable will I only see the changes, or will everyone else be able to see the change (Because you can only change the CSS code from the options that MAL gives you "Edit My Profile>My List Style>Advanced Style CSS Editor")?
6-Is there a way to save ONLY the CSS code after you edit your anime or manga list using:
-Chrome's Inspector
-Firefox's Inspector
-Firefox's Firebug)
And if there is, how?
7-If it's possible to edit my anime or manga list using a WYSIWYG program, do you recommend me to use that way (Money doesn't count)?

And that's all, I hope you answer them :D
PS: Take your time


I don't know of anyone who uses that program for MAL styling but ppl have always been able to use Dreamweaver on their list as far as I knew, but imo this always seemed like overkill when you can just use the browser developer tools which are better suited for hobbyists. Might be worth a try tho if you think it will work better for yourself or are used to it.

As she said no access to the source HTML but if you feel you need it for some design- I have some ways around what most ppl would need it for and we'll have more when BBcode is reactivated. You can apply some non-CSS changes to your list through imports and with the BBcode styling in anime comments (shut down atm)- everyone sees these changes too (unless you privatized the list).

If you want to learn more about the relationship between CSS and HTML those intros on W3schools.com explain it nicely with hands-on examples. For learning the inspectors, there's numerous online tutorials found thru google, just make sure its an up-to-date one

Thanks Shishio, and about question 3, do you know a way to view a webpage without CSS or anything else applied to it?
Jan 6, 2014 10:31 AM
Review Moderator
(。•̀ᴗ-)⌒✧

Offline
Jun 2007
1955
Shishio-kun said:
Hmm replace that import line you fixed, with this one

@import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/topbarreduxblack.css";

This is the same bar but fixed. There's also other colors here!
http://myanimelist.net/forum/?topicid=449097


Ohhhh, thanks a lot for the link and the help :D

I really do love this club <3 Keep up the good work!
Jan 6, 2014 1:33 PM

Online
Feb 2010
12647
AlyusserXSebihi said:

About question 3 I was asking about how can I view the page without any CSS or anything else applied to it, not how to show the page's HTML, so if you know can you answer me, and thanks for that bro :D


In Firefox Firebug
1. open firebug on your list
2. go to CSS tab
3. go down to spot below CSS tab, circled here. If you click it, you can see and choose all the CSS files on the page (most pages have several).
http://i.imgur.com/We72qHF.jpg

4. click Source edit to the left of it and delete all codes below; go back to the circled spot click and delete the source for all the other CSS files. When you do this for all the files, the page will have no CSS and show whats left

btw Kuroneko isn't a bro, shes female tho shes cool enough to be an honorary bro

Maffy said:


Ohhhh, thanks a lot for the link and the help :D

I really do love this club <3 Keep up the good work!


Wow thank you so much!
Shishio-kunJan 6, 2014 1:38 PM
Jan 6, 2014 1:57 PM

Offline
Jul 2013
381
laughing at the bro comment haha xD ^_^
Jan 6, 2014 3:51 PM

Offline
Mar 2013
12
Hey,
I'm new to using css on MAL (i've used css before but not inline) and I have encountered a bit of trouble whilst trying to have a picture stay stuck to the bottom right of the screen. My code for the specific part looks like this currently:

and my anime list looks like this http://myanimelist.net/animelist/Cursive27&status=7&order=0

Basically the picture in the top left needs to be in the bottom right regardless of screen size etc.
Thanks for the help ^^


EDIT - When I use fixed positioning the image is now placed underneath the plan to watch section
EDIT 2 - Furthermore, the very bottom text box is going crazy whenever it is moused over, why is this?

Found a workaround for my original problem, however I would still like to know why I had this problem, and how you would go about sorting it out :)
Cursive27Jan 6, 2014 5:15 PM
Jan 6, 2014 6:05 PM

Online
Feb 2010
12647
Cursive27 said:
Hey,
I'm new to using css on MAL (i've used css before but not inline) and I have encountered a bit of trouble whilst trying to have a picture stay stuck to the bottom right of the screen. My code for the specific part looks like this currently:

and my anime list looks like this http://myanimelist.net/animelist/Cursive27&status=7&order=0

Basically the picture in the top left needs to be in the bottom right regardless of screen size etc.
Thanks for the help ^^


EDIT - When I use fixed positioning the image is now placed underneath the plan to watch section
EDIT 2 - Furthermore, the very bottom text box is going crazy whenever it is moused over, why is this?

Found a workaround for my original problem, however I would still like to know why I had this problem, and how you would go about sorting it out :)


In the original inline content code you want it to be fixed position and only right and bottom codes should be in it


#inlineContent {
background: url(http://i.imgur.com/rbBlyT0.png) !important;
display: inline-block !important;
height: 281px !important;
position: fixed !important;
right: 0 !important;
bottom: 0;
width: 315px !important;
z-index: -1 !important;}

You can remove the padding codes at the very bottom of the CSS in the copyright section, they're conflicting with the hover codes
Jan 7, 2014 3:13 AM

Offline
Mar 2013
12
Gahh can't believe I missed that xD it's been far too long since I used css! Thanks for your help!
Jan 7, 2014 10:25 AM

Offline
Jun 2013
240
Hi.

It's between a question and a request but I prefer post here.

Here is my list.

I would make a Tag Area under the anime's title which appear like the cover (i.e. only when the cursor is on the line of this anime).

An example :
This is my list now and I would like to have this.

What code must I add to do this ?

Thanks in advance.
Jan 7, 2014 2:54 PM

Online
Feb 2010
12647
Rignak said:
Hi.

It's between a question and a request but I prefer post here.

Here is my list.

I would make a Tag Area under the anime's title which appear like the cover (i.e. only when the cursor is on the line of this anime).

An example :
This is my list now and I would like to have this.

What code must I add to do this ?

Thanks in advance.


Your dropbox links don't work. This topic has the info on adding hovering tags. You look like you have some CSS know-how, so I think you can rip some satisfactory codes from this. Just change the positioning and customize the box to your liking. If you can't just ask and we'll try to implement it for you:
http://myanimelist.net/forum/?topicid=563993

Just turn on tags on your list first, since they're down I didn't test it out
Jan 7, 2014 2:56 PM

Online
Feb 2010
12647
Shishio-kun said:
AlyusserXSebihi said:

About question 3 I was asking about how can I view the page without any CSS or anything else applied to it, not how to show the page's HTML, so if you know can you answer me, and thanks for that bro :D


In Firefox Firebug
1. open firebug on your list
2. go to CSS tab
3. go down to spot below CSS tab, circled here. If you click it, you can see and choose all the CSS files on the page (most pages have several).
http://i.imgur.com/We72qHF.jpg

4. click Source edit to the left of it and delete all codes below; go back to the circled spot click and delete the source for all the other CSS files. When you do this for all the files, the page will have no CSS and show whats left


Forgot this, but there is also an option in Firefox to view a list with no style, I think its under "View" and "Basic Page Style". A similar thing exists in Chrome as well iirc. By Googling the subject answers for this should certainly come up
Jan 9, 2014 4:09 AM
Offline
Mar 2013
10
Shishio-kun said:
AlyusserXSebihi said:

About question 3 I was asking about how can I view the page without any CSS or anything else applied to it, not how to show the page's HTML, so if you know can you answer me, and thanks for that bro :D


In Firefox Firebug
1. open firebug on your list
2. go to CSS tab
3. go down to spot below CSS tab, circled here. If you click it, you can see and choose all the CSS files on the page (most pages have several).
http://i.imgur.com/We72qHF.jpg

4. click Source edit to the left of it and delete all codes below; go back to the circled spot click and delete the source for all the other CSS files. When you do this for all the files, the page will have no CSS and show whats left

btw Kuroneko isn't a bro, shes female tho shes cool enough to be an honorary bro

Maffy said:


Ohhhh, thanks a lot for the link and the help :D

I really do love this club <3 Keep up the good work!


Wow thank you so much!

Her profile picture confused me, lol
Jan 9, 2014 3:01 PM
Offline
May 2011
138
Hey guys! I have a new problem..
So I was tinkering around with something and noticed that my rows don't align. By that, i mean the row width and the table header width... I really can't understand what's going on.

Here's my CSS info:

td:nth-of-type(1) {
width: 15px;
}
.table_header:nth-of-type(1) {
width: 15px;
}
td:nth-of-type(2) {
width: 250px;
}
.table_header:nth-of-type(2) {
width: 250px;
}
td:nth-of-type(3) {
width: 15px;
}
.table_header:nth-of-type(3) {
width: 15px;
}
td:nth-of-type(4) {
width: 15xp;
}
.table_header:nth-of-type(4) {
width: 15xp;
}
td:nth-of-type(5) {
width: 75xp;
}
.table_header:nth-of-type(5) {
width: 75xp;
}
td:nth-of-type(6) {
width: 15xp;
}
.table_header:nth-of-type(6) {
width: 15xp;
}

Each respective row/table header are the same length, but no matter what I do, the final product doesn't make them aligned! Any help? :(



Insanity lives deep within ourselves
Jan 9, 2014 11:57 PM

Offline
Apr 2013
14
Hey just a question, is there a procedure i need to go through before i can request an anime theme list to be made? I've tried requesting twice but have had my post deleted so I'm confused what im doing wrong so could you give me an example of how i need to set out my request?
Jan 10, 2014 12:31 AM

Online
Feb 2010
12647
onyxdaman said:
Hey just a question, is there a procedure i need to go through before i can request an anime theme list to be made? I've tried requesting twice but have had my post deleted so I'm confused what im doing wrong so could you give me an example of how i need to set out my request?


Read and follow rules in the first post- as it asks in the topic name- otherwise I remove your post. Its important everyone follows those simple rules for requesting to keep the topic organized and prevent problems we had in the past from reoccurring
Jan 10, 2014 12:52 AM

Offline
Apr 2013
14
Shishio-kun said:
onyxdaman said:
Hey just a question, is there a procedure i need to go through before i can request an anime theme list to be made? I've tried requesting twice but have had my post deleted so I'm confused what im doing wrong so could you give me an example of how i need to set out my request?


Read and follow rules in the first post- as it asks in the topic name- otherwise I remove your post. Its important everyone follows those simple rules for requesting to keep the topic organized and prevent problems we had in the past from reoccurring


Yea, i understand but reading the rules and other people's posts i still dont know what im doing wrong when requesting for a list style
Jan 10, 2014 1:26 AM

Online
Feb 2010
12647
onyxdaman said:

Yea, i understand but reading the rules and other people's posts i still dont know what im doing wrong when requesting for a list style


Notice everyone who makes a successful request has that red text at the top of their post. Its copied from the last rule. I put it at the end to best ensure ppl actually looked thru them. If you don't have this red text, it shows me you probably won't follow or even read them, and I delete the post without a second thought or even reading it. If you're post was deleted, I didn't see the red text... this text is also to keep the topic organized at the request of designers way back
Reply Disabled for Non-Club Members
Pages (159) « First ... « 30 31 [32] 33 34 » ... Last »

More topics from this board

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

Shishio-kun - Jul 21, 2017

381 by KabukiChouNights »»
Sep 13, 10:56 AM

» theme help

threat - Jul 5

5 by Zaryf »»
Aug 21, 5:46 AM

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

Valerio_Lyndon - Apr 19, 2018

1261 by KiranaStarr »»
Aug 16, 5:48 PM

» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes

Shishio-kun - Mar 8, 2021

30 by Shishio-kun »»
Jul 28, 3:17 AM

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login