AniDB:CSS styles: Difference between revisions

From AniDB
Jump to navigation Jump to search
No edit summary
(Updated to reflect migration to Git)
 
(39 intermediate revisions by 9 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<br/>
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:CSS_styles_DEV]] for a list of the latest AniDB changes with CSS implications.
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.zeromind.de/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
 
'''url (fixed-menu- edition):''' http://www.mehyaa.com/anime/anidb/styles/haruna/harustyle.css
(by mehyaa)
 
'''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). It works also in Konqueror (KDE's default browser), so it should work in any KHTML based browser, for example, Safari (Mac OS X's default browser) and even Nokia series 60 mobile phones. I haven't tested it myself, but it should work in any Gecko (layout engine used by Firefox) based browser too.
|
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:HaruhiStyleX.png|thumb|center|HaruhiStyleX]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' HaruhiStyleX (WARNING!: NOT WORK SAFE!!)
 
'''Creator:''' [[User:TheJAG|TheJAG]] (Based on HaruStyle by [[User:b1nh|b1nh]])
 
'''Status:''' Complete (In Development)
 
'''CSS:''' http://www.thejag.eu/styles/_AniDB/HaruhiStyleX/HaruhiStyleX.css
 
''Note'': My connection is quite slow, so if you have your own webspace download the rar and upload the style to your webspace.
 
'''Rar:''' http://www.thejag.eu/styles/_AniDB/HaruhiStyleX/HaruhiStyleX.rar
 
'''Further Notes:''' Style is H-Rated (18+), preview is censored of course. If this style offends you then don't use it.
Also I'd like to take the time to apologize to [[User:b1nh|b1nh]] for using his style (HaruStyle) as a base for this style, sorry about that.
|
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:zakura-ss.jpg|thumb|center|Zakura]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' Zakura
 
'''Creator:''' [[User:Zak|Zak]]
 
'''Status:''' Complete (In Development)
 
'''CSS:''' http://anidb.zakness.com/zakura.css
 
'''Zip:''' Current version: http://anidb.zakness.com/zakura_0.1.zip
 
'''Further Notes:''' It's only been tested in Firefox, and lord knows it probably has issues in every other browser.  I will be working on this to get it right in IE7, Safari, and Opera. If you would like to help, there are a bunch of things that I do not have test data for (i.e. MyReviews/MyCreqs/etc) listed on my [[User:Zak|wiki page]], and I would most appreciate anyone who could send me the HTML of those populated pages.
|}
[[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: