AniDB:CSS styles: Difference between revisions

From AniDB
Jump to navigation Jump to search
mNo edit summary
(Updated to reflect migration to Git)
 
(65 intermediate revisions by 16 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.
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>
'''Last update:''' 09.12.2005
 
'''Url:''' http://www.anidb.net/css/anidbstyle/anidbstyle.css
:http://www.anidb.net/css/anidbstyle/anidbstyle_hacks.css (for IE sufferers)
 
 
'''further notes:''' -
 
 
|-
| 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
 
'''Creator:''' [[User:PetriW|PetriW]]
 
'''Status:''' incomplete - in development
 
'''Last update:''' 09.12.2005
 
'''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
 
'''Last update:''' 09.12.2005
 
'''Url:''' http://www.anidb.net/css/blue/blue.css
 
 
'''further notes:''' -
 
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css style-idiotblack.png|thumb|center|IdiotBlack]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' IdiotBlack
 
'''Creator:''' [[User:DerIdiot|DerIdiot]]; based on [[User:PetriW|Petriw]]'s "Norwegian Blue"
 
'''Status:''' incomplete - in development... maybe
 
'''Last update:''' 10.12.2005
 
'''Url:''' http://home.pages.at/deridiot/anidb/idiotblack.css
 
 
'''further notes:''' pages not currently converted look very awkward in this style so not really useable atm and more for showing every(!!!) idiot can do an css even with no previous knowledge.
 
|-
| style="width: 20%; vertical-align: middle; border: 1px solid gray;"|
[[Image:Css style-idiotblue.png|thumb|center|IdiotBlue]]
 
|valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
'''Title:''' IdiotBlue
 
'''Creator:''' [[User:DerIdiot|DerIdiot]]; based on [[User:PetriW|Petriw]]'s "Norwegian Blue"
 
'''Status:''' incomplete - in development... maybe
 
'''Last update:''' 10.12.2005
 
'''Url:''' http://home.pages.at/deridiot/anidb/idiotblack.css
 
 
'''further notes:''' pages not currently converted look very awkward in this style so not really useable atm and more for showing every(!!!) idiot can do an css even with no previous knowledge.
 
|}
 
[[Category:Features]][[Category:Misc]]

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: