AniDB:CSS styles: Difference between revisions

From AniDB
Jump to navigation Jump to search
(Added a "Developers Notes" section to HaruhiStyleX.AniDB v2 and did some minor edits.)
(Updated to reflect migration to Git)
 
(22 intermediate revisions by 6 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: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.


The sourcecode of all release versions of the CSS styles listed on this page is [[Anidb:CSS_Dev|available via SVN]]. ''(This is still under construction)''<br/>
<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.info/websvn/ http://dev.anidb.info/websvn/]<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.


{|cellspacing="4" width="100%"
{{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.}}
|-
| 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;"|
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


'''Title:''' AniDBstyle
<noinclude>
 
[[Category:Features]]
'''Creator:''' Default AniDB design based on akujin's creation. Converted to css by [[User:Rar|Rar]] and [[User:PetriW|PetriW]]
[[Category:CSS]]
 
</noinclude>
'''Status:''' incomplete - in development
 
'''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:''' -
|
|-
| 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 (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
 
'''Developers Notes:''' This style is currently being developed for [http://www.opera.com Opera] 9.21 since it is the most developed (best) browser out there.
<br />A [http://www.mozilla.com Mozilla Firefox] version may become availible once the style is nearing its completion since its the most used browser, or the Opera version might work in Mozilla Firefox aswell.
<br />Yeah I know, you think [http://en.wikipedia.org/wiki/Criticism_of_Internet_Explorer Microsoft Internet Explorer] is a browser... ...come on, get real. You cant view anything with that pice of ****.
<br />Besides developing multiplatform styles is a priority. Opera and Mozilla Firefox, both being free multiplatform browsers, are currently the only browsers planned to be supported.
<br />If you feel that there is another browser that deserves this style then [mailto:ThyLord@TheJAG.eu email] me and give me a valid reason on why.
<br />MICROSOFT INTERNET EXPLORER WILL NEVER BE SUPPORTED!! Why you ask? Well unless Microsoft Internet Explorer suddenly got support for CSS2 etc. it's IMPOSSIBLE!!.Hold yor hopes up for Microsoft Internet Explorer 8, probobly coming with the next Microsoft Windows generation. The one after Vista/Longhorn generation that is. In what, a couple of years.
<br />By then v3 will probobly be out using CSS3, if there still are any Haruhi fans left then. Well, we'll see.
 
'''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.
 
|
|-
| 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]]

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: