Creating CSS for AniDB
Moderator: AniDB
Creating CSS for AniDB
I've picked up interest in making a AniDB style.
Now I'm wondering where to start:
Should I just take the standard AniDB style
http://www.anidb.net/css/anidbstyle/anidbstyle.css
and work my way through it or is there a template
which I should download for this?
I already startet to change the formating of the standart CSS file to my preferences and splitting it up into several files.
So before I continue I want to know if there is such a thing,
because I'd rather work with that one then.
Now I'm wondering where to start:
Should I just take the standard AniDB style
http://www.anidb.net/css/anidbstyle/anidbstyle.css
and work my way through it or is there a template
which I should download for this?
I already startet to change the formating of the standart CSS file to my preferences and splitting it up into several files.
So before I continue I want to know if there is such a thing,
because I'd rather work with that one then.
-
- AniDB Staff
- Posts: 438
- Joined: Thu Apr 08, 2004 1:43 am
- Location: Portugal
you should read these wiki pages:
http://wiki.anidb.info/w/AniDB:CSS_styles_DEV
http://wiki.anidb.info/w/AniDB:Page_layout
http://wiki.anidb.info/w/AniDB:Markup
http://wiki.anidb.info/w/AniDB:CSS_styles
http://wiki.anidb.info/w/Development#CSS_Themes
thank DerIdiot for the links
http://wiki.anidb.info/w/AniDB:CSS_styles_DEV
http://wiki.anidb.info/w/AniDB:Page_layout
http://wiki.anidb.info/w/AniDB:Markup
http://wiki.anidb.info/w/AniDB:CSS_styles
http://wiki.anidb.info/w/Development#CSS_Themes
thank DerIdiot for the links
-
- AniDB Staff
- Posts: 379
- Joined: Sun Nov 07, 2004 11:05 am
Well I tried my best but since my experience with image-editing and etc is very limited,
I could only manage to cut & paste and edit some images for the Navigation & Banner.
I'm still working on these parts but have yet to come up with a good idea.
If your're still interested have a look:
http://arokh.dnsalias.org/AniDB/Styles/ ... review.jpg
http://arokh.dnsalias.org/AniDB/WHR.css
I could only manage to cut & paste and edit some images for the Navigation & Banner.
I'm still working on these parts but have yet to come up with a good idea.
If your're still interested have a look:
http://arokh.dnsalias.org/AniDB/Styles/ ... review.jpg
http://arokh.dnsalias.org/AniDB/WHR.css
@DvdKhl
it's abad idea to use one of the flat css and edit it to do your changes. it's way better if you just import the file and then overwrite the values. otherwise you end up with stale flags, icons and stuff. pathes change, so do icons and you have to manually edit that later then. like currently your css is quite outdated because of tons of recent changes. as you based your css on harustyle i recommen you to import that one in the svn and then overwrite the parameter you want to change like color and pics.
has also the nice sideeffect that we host the css then for you
@dizzy
you have to send exp a pm for an useraccount. the svn is read only via anonymous access.
it's abad idea to use one of the flat css and edit it to do your changes. it's way better if you just import the file and then overwrite the values. otherwise you end up with stale flags, icons and stuff. pathes change, so do icons and you have to manually edit that later then. like currently your css is quite outdated because of tons of recent changes. as you based your css on harustyle i recommen you to import that one in the svn and then overwrite the parameter you want to change like color and pics.
has also the nice sideeffect that we host the css then for you
@dizzy
you have to send exp a pm for an useraccount. the svn is read only via anonymous access.
-
- Posts: 1296
- Joined: Sun Nov 17, 2002 9:08 pm
- Location: The Pampas, The land of the Gaucho!
- Contact:
Or just set the css for anidb to an url of yours. Like http://dizzy.dyndns.org/anidb.css
Hello,
I started playing with my own css stylesheet too and I'm having problems with the @import.
I thought that it would be a good idea to start using the anidbstyle as basis, so I downloaded the entire css tree from the websvn, created my own project folder under the css folder and tried to add this to my css file:
@import "../sub/gray/main.css" ;
just like what anidbstyle.css does. I saved a generated page on my hdd and linked it to my css file but it doesn't work at all and I can't figure out why. I can import from css files under the same folder but not outside it. Please, could someone help me? I'm sorry if this is a basic thing, I'm just trying to learn something new.
---------------------------
EDIT: I guess I figured it out myself. It really looks like @import does only work with files in the same folder. The workaround I found was to use the cssmerge python script to merge all the css files in one.
I started playing with my own css stylesheet too and I'm having problems with the @import.
I thought that it would be a good idea to start using the anidbstyle as basis, so I downloaded the entire css tree from the websvn, created my own project folder under the css folder and tried to add this to my css file:
@import "../sub/gray/main.css" ;
just like what anidbstyle.css does. I saved a generated page on my hdd and linked it to my css file but it doesn't work at all and I can't figure out why. I can import from css files under the same folder but not outside it. Please, could someone help me? I'm sorry if this is a basic thing, I'm just trying to learn something new.
---------------------------
EDIT: I guess I figured it out myself. It really looks like @import does only work with files in the same folder. The workaround I found was to use the cssmerge python script to merge all the css files in one.
Well, it doesn't work for me and I can't figure out why. If I try to import css-files from other folders it doesn't work, but if I move these files to the same folder it works.b1nh wrote:@edokun:
It is definitely possible to import css-files from other folders, since i'm also doing that in my css.
Note that I'm not hosting my css files at the anidb repository, I'm making my tests locally on my hdd.
-
- Posts: 38
- Joined: Fri Jun 01, 2007 11:02 am
You're using Firefox/Seamonkey/Iceweasel? Last I checked, there is a security policy in Firefox that prevents local folders outside of scope from being imported or referenced. For example, say I had an HTML page in /home/mad/htdocs, and I imported a CSS file from that folder. That's fine. But, if I tried to import one from /home/mad, that would trigger the secpol, and the CSS wouldn't load right.edokun wrote:Well, it doesn't work for me and I can't figure out why. If I try to import css-files from other folders it doesn't work, but if I move these files to the same folder it works.b1nh wrote:@edokun:
It is definitely possible to import css-files from other folders, since i'm also doing that in my css.
Note that I'm not hosting my css files at the anidb repository, I'm making my tests locally on my hdd.
On Windows, try *shudder* IE. On Mac, Safari; on Linux, either Nautilus or Konqueror.