AniDB:CSS styles: Difference between revisions

From AniDB
Jump to navigation Jump to search
m (Darkstyle works in Opera as well.)
(Updated to reflect migration to Git)
 
(46 intermediate revisions by 10 users not shown)
Line 1: Line 1:
The following styles can be used for [http://www.anidb.info AniDB], when adding the url to the css field in your {{ProfileLink}}
'''AniDB''' hosts some '''custom stylesheets''' for your viewing pleasure, to see them you just need to go to your {{ProfileLink}} 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 add an entry here or just send a pm to [[User:Der Idiot|deridiot]] @ anidb
If you created your own style for AniDB and want to share it with everyone else please send a PM to [[User:Der Idiot|deridiot]] @ AniDB<br>
You might also want to periodically check [[AniDB:Markup DEV]] for a list of the latest AniDB changes with CSS implications.


{|cellspacing="4" width="100%"
<strike>The sourcecode of all release versions of the CSS styles listed on this page is [[AniDB:CSS Dev|available via SVN]].<br>
|-
By HTTP: [http://dev.anidb.net/websvn/listing.php?repname=AniDB+CSS&path=%2Ftrunk%2Fcss%2F&rev=0&sc=0 http://dev.anidb.net/websvn/]</strike> The sourcecode has migrated to Git.  See [[AniDB:CSS Dev]] on details to obtain a copy.
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css style-anidbstyle.png|thumb|center|AniDB Style]]


|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
{{eyecatch|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 [http://www.anidb.net AniDB] release.}}


'''Title:''' AniDBstyle
Further pages of interest, if you plan to create your own AniDB Style:
* [[AniDB:Page layout]] - general page structure
* [[AniDB:Markup]] - anime page structure
* [[AniDB:Markup DEV]] - recent structural changes
* [[AniDB:CSS Dev]] - information on how to get the source of existing styles


'''Creator:''' Default AniDB design based on akujin's creation. Converted to css by [[User:Rar|Rar]] and [[User:PetriW|PetriW]]
<noinclude>
 
[[Category:Features]]
'''Status:''' incomplete - in development
[[Category:CSS]]
 
</noinclude>
'''Url:''' http://www.anidb.net/css/anidbstyle/anidbstyle.css
:http://www.anidb.net/css/anidbstyle/anidbstyle_hacks.css (for IE sufferers)
:http://coeurlumiere.com/anidb/anidbstyle_hacks_amour.css (same, + fix for IE7)
:http://dongato.dyndns.org/anidbstyle.css (with some fixes and a slightly different style)
 
'''further notes:''' - Generally aims to emulate the old table layout as closely as possible, but with much looser underlying markup.
 
 
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css style-brown2.png|thumb|center|Brown 2]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' Brown 2: Ready on the Firing Line
 
'''Creator:''' [[User:PetriW|PetriW]]
 
'''Status:''' incomplete - in development
 
'''Url:''' http://www.anidb.net/css/brown2/brown2.css
 
 
'''further notes:''' -
 
 
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css style-blue.png|thumb|center|Norwegian Blue]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' Norwegian Blue
 
'''Creator:''' [[User:PetriW|PetriW]]
 
'''Status:''' incomplete - in development
 
'''Url:''' http://www.anidb.net/css/blue/blue.css
:[http://wiki.anidb.info/wiki/index.php?title=User:Rar/anidb.css&action=raw&ctype=text/css Experimental version]
 
 
'''further notes:''' -
 
 
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Style-suppy.png|thumb|center|suppyStyle]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' suppyStyle
 
'''Creator:''' [[User:suppy|suppy/hrm]]
 
'''Status:''' incomplete - in development
 
'''Url:''' http://www.anidb.net/css/suppy.css
 
 
'''further notes:''' doesn't work in IE. my inspiration was google if anyone missed it. not all pages look like they should, but eventually that will be taken care of =).
 
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css_style-grey.png|thumb|center|Grey]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' Grey
 
'''Creator:''' [[User:Zeromind|zeromind]]
 
'''Status:''' incomplete - in development
 
'''Url:''' http://www.zonk.ag/anidb/grey.css
 
 
'''further notes:''' based on Norwegian Blue
|
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css_style-haruhi.png|thumb|center|Harustyle]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' Harustyle
 
'''Creator:''' [[User:b1nh|b1nh]]
 
'''Status:''' complete - in development
 
'''Url:''' http://freenet-homepage.de/b1nh/harustyle.css
 
'''Url (Lite-Edition):''' http://freenet-homepage.de/b1nh/harustyleLE.css
 
'''further notes:''' Notes for 56K-Users: The design's size is 224 kbytes.
If something happens with the pictures (eg. webspace down) send a pm to binhkun in AniDB
 
Lite Edition [[:Image:CSS harustyleLE.png|(Screenshot)]]: This is the less ecchi version of the skin for those, who wish to use this skin in public
|
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css_style-darkstyle.png|thumb|center|Darkstyle]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' Darkstyle
 
'''Creator:''' [[User:sylwira|sylwira]]
 
'''Status:''' incomplete - in development
 
'''Url:''' http://bogna.best.net.pl/anidb/dark-style.css
 
 
'''further notes:''' Firefox only. Works fine in Opera as well (searchbar is a little too much to the right, but no big deal)
 
|}
 
[[Category:Development]][[Category:Features]]

Latest revision as of 06:44, 7 September 2014

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/
The sourcecode has migrated to Git. See AniDB:CSS Dev on details to obtain a copy.

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: