Forum Settings
Forums
New
May 7, 2007 1:27 PM
#1
Offline
Apr 2007
79
Is it possible to make a guide on how to use the Advanced CSS Editor?
so people who don't know how to use it will be able to..
May 7, 2007 1:31 PM
#2
Anime DB Admin
BACK FOR MORE?

Offline
Jan 2007
12702
It's a lot of work since a CSS styled list is highly customizable. Talon is dedicating a lot of his time to what you might find helpful though. So check out his blog. Maybe that helps to get started.

staff.applications  
guidelines.faq 
 

report.abuse  

thx.skittles  
thx.kina 
 

[H+] ³  
May 7, 2007 1:34 PM
#3

Offline
Oct 2006
1569
I dunno, I think that'd be kinda redundant. There's tons of material out there for teaching people how to use CSS, and the editor is just a text editor with a few easy-to-understand options. The code is well-documented, so the only way I really see that you could be confused is if you don't understand CSS to start with.

Teaching people CSS is a bit too broad in scope, but I don't guess it'd be a bad idea to link to some articles and guides on other sites. Like this one: http://webmonkey.com/webmonkey/reference/stylesheet_guide/
May 7, 2007 1:40 PM
#4
Offline
Apr 2007
79
Thanks for the links!~ ^^
May 7, 2007 2:20 PM
#5

Offline
Mar 2007
198
wouldn't the CSS be similair too the invision code list I learned alot from that shizzles too understand the basics don't think people have to be well known to understand most of it the codes get quite familiar if you look it oer a couple tims.

Well atleast I learned it through that invision stuff by just messing around it really helps us people who are unknown too the CSS stuff.
May 7, 2007 2:41 PM
#6

Offline
Oct 2006
1569
Invision code list? I'm not sure I follow. If you're talking bbcode that you use to format forum posts and such, then no. If you're talking about making custom skins and such, then probably yes.

CSS is a (fairly simplistic) programming language of sorts used for formatting and display for websites. It doesn't affect the content (text and such) of a webpage but you can do quite a bit with it. For example, this: http://csszengarden.com/ There are nearly a thousand completely different designs to choose from for the same webpage, and all that changes is the CSS file.
May 7, 2007 2:45 PM
#7

Offline
Mar 2007
198
im talking about skins yeah, that was the only thing I am interrested with on the CSS codes lol, that was the whole thing for me putting that all upside down xD

those were some good old days messing the CSS up, its worth spending time on it for everyone.
May 7, 2007 4:57 PM
#8

Offline
Jan 2007
10583
ooo eyeshield nice sig though i think its too big.

anyways, like krelian said the code is well documented. I mangaed to edit my list without a guide and i know shit about CSS
May 7, 2007 5:34 PM
#9
Offline
Apr 2007
79
Faust721 said:
ooo eyeshield nice sig though i think its too big.

anyways, like krelian said the code is well documented. I mangaed to edit my list without a guide and i know shit about CSS


Actually the only problem I have is that I don't know how to add a picture on each section's title ( I mean the Currently Watching/Completed/Plan to Watch/etc. titles).
[If you don't understand what I mean - look at Cyruz's list, for example..^^]

So if someone can explain it to me, I'll be really thankful..^.^
May 7, 2007 6:17 PM

Offline
Oct 2006
1569
The only way I know of to insert images via CSS is as a background, so you're going to want to set the background of each category to whatever image you want. Which you'll have to host somewhere. The properties you'll want to set are background-image, background-repeat, background-position and background-attachment. Well, not necessarily all of those, but whichever you need to get things looking the way you want them to. You also may need to tweak the height and such.

Anyway, if you see a user's page that you like, you can always check out the source code to see their CSS settings. It shows up near the top, and should be easy enough to find by the comments and such.
KrelianMay 7, 2007 6:20 PM
May 7, 2007 6:22 PM
Offline
Apr 2007
79
Krelian said:
The only way I know of to insert images via CSS is as a background, so you're going to want to set the background of each category to whatever image you want. Which you'll have to host somewhere. The properties you'll want to set are background-image, background-repeat, background-position and background-attachment. Well, not necessarily all of those, but whichever you need to get things looking the way you want them to.


Thanks a lot..^^
but where do I put the link to the picture?
next to one of the properties you've mentioned?

Can you please give me an example of how to set it up?

Anyway, if you see a user's page that you like, you can always check out the source code to see their CSS settings. It shows up near the top, and should be easy enough to find by the comments and such.

Oh, that's a great idea, will definitely do that..^^
thanks again!~
HayuchuMay 7, 2007 6:25 PM
May 7, 2007 6:30 PM

Offline
Oct 2006
1569
Sure. I'll borrow it right from Cyruz's list:

.header_completed
{
background-image:url(http://www.thekohrs.net/jpschrott/blood-complete.png);
height:60px;
}
.header_completed div
{
visibility:hidden;
}


The background-image tag displays the image from the url given and sets the height so the whole image displays, and the last bit hides the text since the image is serving as the title. It works the same for each category.
May 7, 2007 10:08 PM

Offline
Mar 2007
198
Faust721 said:
ooo eyeshield nice sig though i think its too big.

anyways, like krelian said the code is well documented. I mangaed to edit my list without a guide and i know shit about CSS


hehe thanks and yeah I knew it was but I thought it was next too my MAL list but guess was too big >.<


Yeah I think even all the CSS list standerdly have the messages standing between ( and ) saying you can place or insert a url to an image in here.
Atleast thats what I usually see in the CSS codes I mess around with.

More topics from this board

» Interest Stack Suggestion

quartz_goblin - Dec 7, 2024

1 by kur0ba »»
1 hour ago

» Export list to CSV

lavratti - Dec 5, 2016

22 by deg »»
11 hours ago

» Martial Peak

Mauo7pK - Jul 17, 2021

22 by Darkonius »»
Yesterday, 11:31 AM

» Checkbox to mark that you watched the anime dubbed.

EstrangeSonej - Yesterday

0 by EstrangeSonej »»
Yesterday, 9:47 AM

» Hyperventilation (manga)

Elisa1974 - Feb 2, 2024

4 by SewerBrat »»
Dec 31, 2024 7:23 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login