AniDB:CSS styles: Difference between revisions

From AniDB
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
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}}
The following styles can be used for [http://www.anidb.info AniDB], when adding the url to the css field in your {{ProfileLink}}


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:Markup_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.


Line 7: Line 7:
By HTTP: [http://dev.anidb.info/websvn/ http://dev.anidb.info/websvn/]<br/>
By HTTP: [http://dev.anidb.info/websvn/ http://dev.anidb.info/websvn/]<br/>


{|cellspacing="4" width="100%"
|-
| 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;"|
'''Title:''' AniDBstyle
'''Creator:''' Default AniDB design based on akujin's creation. Converted to css by [[User:Rar|Rar]] and [[User:PetriW|PetriW]]
'''Status:''' incomplete - in development
'''Url:''' x
'''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:''' x
'''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:''' x
'''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:''' x
'''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:''' -
|
|-
| 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:''' x
'''Url (Lite-Edition):''' x
'''url (fixed-menu- edition):''' x
(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 (v1)]]
[[Image:HaruhiStyleXv2.png|thumb|center|HaruhiStyleX.AniDB v2]]
|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 (Discontinued...)
'''Source:''' http://www.thejag.eu/anidb_css/haruhistylex/HaruhiStyleXv1.tar (As was in AniDB SVN)
'''Further Notes:''' This style contains adult material, you should not use this tyle unless you are of age to view adult material within your country. Nither [[User:TheJAG|TheJAG]] nor AniDB is in any way responsible if this condition is not kept.
----
'''Title:''' HaruhiStyleX.AniDB v2 (Warning: Not work safe!!)
'''Developer:''' [[User:TheJAG|TheJAG]] (Based on Harustyle by [[User:b1nh|b1nh]])
'''Status:''' Incomplete (In development...)
'''Opera CSS:''' http://www.thejag.eu/anidb_css/haruhistylex/haruhistylex.css
'''Further Notes:''' This style contains adult material, you should not use this tyle unless you are of age to view adult material within your country. Nither [[User:TheJAG|TheJAG]] nor AniDB is in any way responsible if this condition is not kept. [[User:TheJAG|Developers notes]].
|
|-
| 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
'''CSS (fixed menu):''' http://crax.no-ip.info/anidb-css/zakura_fixedmenu.css (by [[User:ricce|ricce]])
'''Current version:''' [http://dev.anidb.info/websvn/dl.php?repname=AniDB+CSS&path=%2Ftrunk%2Fcss%2Fzakura%2F&rev=0&isdir=1 zakura.tar.gz]
'''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, check my [[User:Zak|wiki page]] for more info.
|}
[[Category:Features]][[Category:CSS]]
[[Category:Features]][[Category:CSS]]

Revision as of 22:58, 14 June 2007

The following styles can be used for AniDB, when adding the url to the css field in your profile ( on AniDB)

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. (This is still under construction)
By HTTP: http://dev.anidb.info/websvn/