AniDB:CSS styles

From AniDB
Revision as of 20:18, 5 May 2010 by Der Idiot (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

AniDB hosts some custom stylesheets for your viewing pleasure, to see them you just need to go to your profile ( on AniDB) and select the one you wish to use using the NEXT and PREV buttons to see a thumbnail, optionally you can view a screenshot of the style by clicking the link below the thumbnail. When you are happy with one style just click apply.

If you created your own style for AniDB and want to share it with everyone else please send a PM to deridiot @ AniDB
You might also want to periodically check AniDB:Markup DEV for a list of the latest AniDB changes with CSS implications.

The sourcecode of all release versions of the CSS styles listed on this page is available via SVN.
By HTTP: http://dev.anidb.net/websvn/

Note The svn is via anonymous access read only. To commit you need an user account you can only get by sending exp a pm.
Note If you are using a custom CSS stylesheet please make sure you are basing your work on some current available stylesheet and test to see if the images you are using are still in use after each AniDB release.

Further pages of interest, if you plan to create your own AniDB Style:

These banner can be used for the following styles:

  • anigoogle-menu
  • aniblackle-menu
  • anidbstyle2 (aka the default style)

To use one of these banner copy the css rules from the cell right next to the image into the usercss textbox in your profile.

If you want to provide further banner send a message to nwa or derIdiot.

by: belgabor - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/belgabor-style1-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1100px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style1-1100.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style1-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style2-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style3-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style4-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style5-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style6-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style7-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style8-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style9-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style10-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style11-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style12-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style13-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style14-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style15-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style16-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style17-1400.png") no-repeat scroll left top transparent;}

by: edekock - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style18-500.png") no-repeat scroll left top transparent;}

by: edekock - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style19-500.png") no-repeat scroll left top transparent;}

by: edekock - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style20-500.png") no-repeat scroll left top transparent;}

by: edekock - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style21-500.png") no-repeat scroll left top transparent;}

by: edekock - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style22-500.png") no-repeat scroll left top transparent;}

by: edekock - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style23-500.png") no-repeat scroll left top transparent;}

by: edekock - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style24-500.png") no-repeat scroll left top transparent;}

by: ee7 - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ee7-style1-1400.png") no-repeat scroll left top transparent;}

by: ee7 - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ee7-style2-1400.png") no-repeat scroll left top transparent;}

by: ee7 - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ee7-style3-1400.png") no-repeat scroll left top transparent;}

by: g0rth0r - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/g0rth0r-style1-1400.png") no-repeat scroll left top transparent;}

by: hokai - width: 750px

#layout-search{background:url("http://static.anidb.net/pics/banner/hokai-style1-750.png") no-repeat scroll left top transparent;}

by: kodachrome - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-500.png") no-repeat scroll left top transparent;}

by: kodachrome - width: 750px

#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-750.png") no-repeat scroll left top transparent;}

by: kodachrome - width: 1100px

#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-1100.png") no-repeat scroll left top transparent;}

by: kodachrome - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-1400.png") no-repeat scroll left top transparent;}

by: kryssy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style1-1400.png") no-repeat scroll left top transparent;}

by: kryssy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style2-1400.png") no-repeat scroll left top transparent;}

by: kryssy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style3-1400.png") no-repeat scroll left top transparent;}

by: kryssy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style4-1400.png") no-repeat scroll left top transparent;}

by: kryssy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style5-500.png") no-repeat scroll left top transparent;}

by: kryssy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style6-500.png") no-repeat scroll left top transparent;}

by: kryssy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style7-500.png") no-repeat scroll left top transparent;}

by: kryssy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style8-500.png") no-repeat scroll left top transparent;}

by: kryssy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style9-500.png") no-repeat scroll left top transparent;}

by: kryssy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style10-500.png") no-repeat scroll left top transparent;}

by: kryssy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style11-500.png") no-repeat scroll left top transparent;}

by: nikdog - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/nikdog-style1-500.png") no-repeat scroll left top transparent;}

by: permidion - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/permidion-style1-1400.png") no-repeat scroll left top transparent;}

by: permidion - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/permidion-style2-1400.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1100px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-1100.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-1400.png") no-repeat scroll left top transparent;}

by: ropedy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-500.png") no-repeat scroll left top transparent;}

by: ropedy - width: 750px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-750.png") no-repeat scroll left top transparent;}

by: ropedy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-500.png") no-repeat scroll left top transparent;}

by: ropedy - width: 750px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-750.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1100px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-1100.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-1400.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style3-1400.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style4-1400.png") no-repeat scroll left top transparent;}

by: ropedy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-500.png") no-repeat scroll left top transparent;}

by: ropedy - width: 750px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-750.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1100px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-1100.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-1400.png") no-repeat scroll left top transparent;}

by: ropedy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-500.png") no-repeat scroll left top transparent;}

by: ropedy - width: 750px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-750.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1100px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-1100.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-1400.png") no-repeat scroll left top transparent;}

by: ropedy - width: 500px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-500.png") no-repeat scroll left top transparent;}

by: ropedy - width: 750px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-750.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1100px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-1100.png") no-repeat scroll left top transparent;}

by: ropedy - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-1400.png") no-repeat scroll left top transparent;}

by: spencervdm - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/spencervdm-style1-1400.png") no-repeat scroll left top transparent;}

by: unknown - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/unknown-style1-1400.png") no-repeat scroll left top transparent;}

by: unknown - width: 1400px

#layout-search{background:url("http://static.anidb.net/pics/banner/unknown-style2-1400.png") no-repeat scroll left top transparent;}