Difference between revisions of "AniDB talk:Markup DEV"

From AniDB
Jump to navigation Jump to search
 
(38 intermediate revisions by 3 users not shown)
Line 4: Line 4:
  
 
''missing stuff is italicized''
 
''missing stuff is italicized''
 +
 +
== New ==
 +
=== tabbed_pane ===
 +
<div class="tabbed_pane">
 +
  <ul class="tabs">
 +
    &lt;li id="{tab 1 id}"></li>
 +
    &lt;li id="{tab 2 id}"></li>
 +
    &lt;li id="{tab n id}"></li>
 +
  &lt;/ul>
 +
  &lt;div id="{tab 1 id}_pane" class="pane"></div>
 +
  &lt;div id="{tab 2 id}_pane" class="pane hide"></div>
 +
  &lt;div id="{tab n id}_pane" class="pane hide"></div>
 +
&lt;/div>
 +
 +
=== wishlist mylist ep state ===
 +
to allow for same styling as in mylist:
 +
* div.mywishlist_all table td.mylist[.complete|.all_watched]
 +
* div.mywishlist_all table td.seen[.all_watched]
 +
 +
=== up2date mylist ep state ===
 +
to allow for same styling as in mylist for up2date sequels table:
 +
div.up2date_all table.sequels td.mylist
 +
should be split into
 +
 +
div.up2date_all table.sequels td.mylist.eps[.complete]
 +
div.up2date_all table.sequels td.mylist.seen[.all_watched]
 +
 +
or similar
 +
 +
=== &lt;button&gt; submission===
 +
Can we move to using the <tt>&lt;button&gt;</tt> element instead of <tt>&lt;input&gt;</tt> for form submission?
 +
Here's the reasoning: http://particletree.com/features/rediscovering-the-button-element/
 +
 +
== Due next update ==
 +
 +
== Done in 0.1.38 ==
 +
=== file quality rating ===
 +
on anime page:
 +
table.filelist td.quality.very high
 +
should be
 +
table.filelist td.quality.veryhigh
 +
 +
=== Notification popup ===
 +
proposed structure of notification popup:
 +
h1.[low|mid|high]
 +
div.g_content.popup_all
 +
  div.g_section.popup_notify
 +
  h2 ("Anime" or "Group" etc.)
 +
    ul
 +
    li (1..n)
 +
pending:
 +
div.g_content.notify_all
 +
  h1 (0..1)
 +
  div.g_section.new_files
 +
  h3.[low|mid|high]
 +
  div.[anime|group|producer]
 +
    h4
 +
    ul
 +
    li (1..n)
 +
 +
=== span.count ===
 +
 +
For all cases of the count class (span.count) I would like the parenthesis inside the span, so:
 +
 +
<tt>&lt;td class="rating"&gt;9.33 (&lt;span class="count"&gt;723&lt;/span&gt;)&lt;/td&gt;</tt>
 +
 +
Should be
 +
 +
<tt>&lt;td class="rating"&gt;9.33 &lt;span class="count"&gt;(723)&lt;/span&gt;&lt;/td&gt;</tt>
 +
 +
Let's see if I can find them all:
 +
* div.anime_all div.info span.rating.anime
 +
* div.anime_all div.info span.rating.tmpanime
 +
* div.anime_all div.info span.rating.attavg
 +
* div.animehist_all div.animehistory td.rating
 +
* div.animehist_all div.animehistory td.tmprating
 +
* div.animehist_all div.animehistory td.reviews
 +
* div.animelist_all div.animelist_list td.rating.anime
 +
* div.animelist_all div.animelist_list td.rating.tmpanime
 +
* div.animelist_all div.animelist_list td.rating.attavg
 +
* div.group_all div.group_info span.rating.group
 +
* div.group_all div.group_released td.rating.group
 +
* div.grouplist_all div.group_list td.rating
 +
* div.latest_all div.latest_groups td.rating.group
 +
* div.latest_all div.latest_reviews_list td.rating.review
 +
* div.latest_all div.latest_reviews_list td.rating.anime
 +
* div.latest_all div.latest_reviews_list td.rating.attavg
 +
* div.latest_all div.latest_hotanime td.rating.tmpanime
 +
* div.mylist_all div.mylist_list td.rating.anime
 +
* div.mylist_all div.mylist_list td.rating.attavg
 +
* div.mywishlist_all td.rating
 +
* div.mywishlist_all td.tmprating
 +
* div.mywishlist_all td.revrating
 +
* div.search_all div.search_results td.rating.anime
 +
* div.search_all div.search_results td.rating.tmpanime
 +
* div.search_all div.search_results td.rating.attavg
 +
 +
=== rating markup ===
 +
 +
* on the {{AniDBLink|animevotes|aid|4112|anime votes page}} the own votes aren't in a span, td or whatever, which makes them appear on top of the page
 +
source:
 +
<nowiki><td class="rating ep mid">7.65 (<span class="count">3</span>)</td> [7]
 +
<td><img src="http://static.anidb.net/pics/anidb_greenbarh.gif" width="122" height="5" alt="#" /></td></nowiki>
 +
 +
== Done in 0.1.37 ==
 +
 +
=== Anime list ===
 +
*table.anime_list td.rating.[vote|tmp|review] ''span.count''
 +
 +
=== Latest Additions ===
 +
*table.seq tr''.[yes|no]'' td''.[yes|no]'' (for VV)
 +
**Also noticed a bunch of [td|tr].anime.anime :x
 +
*table.groups td.rating ''span.count''
 +
*'''div.latest_reviews_list''' td.vote.[ |anime|review]''.[high|mid|low]'' ''span.count''
 +
*'''div.latest_reviews_list''' td.rating.[anime|review] ''span.count''
 +
*table.hotanimes td.tmprating''.[high|mid|low]'' ''span.count''
 +
 +
rating markup:
 +
*<tt>(td|span).rating.(anime|tmpanime|attavg|ep|group|review|my|..).(high|mid|low|hidden) span.count</tt>
 +
 +
=== Group List ===
 +
*table.group_list td''.rating.[high|mid|low]'' ''span.count''
 +
 +
=== MyList ===
 +
*table.animelist table.eplist select
 +
**'''still has pre-0.1.36 options'''
 +
 +
=== signup page ===
 +
*text on the top should be in div.g_notebox or div.g_note
 +
*holy crap is that a &lt;font&gt; tag?! :(
 +
*"back" link on bottom should be in ul.g_actionlist
 +
 +
=== mylist compare ===
 +
*'''selfish request:''' can we get an extra &lt;div&gt; or something wrapping the table.animelist so that the zakura style can match it's width to the regular mylist table.animelist (which has a &lt;form&gt; wrapped around it)?  unless someone can figure out how to do it with the code that's there :x --[[User:Zak|Zak]] 01:07, 18 June 2007 (UTC)
 +
 +
== Done in 0.1.36 ==
 
=== Main page news items ===
 
=== Main page news items ===
  
Line 32: Line 168:
 
: i would like that too. i also want it to be a generic solution so it'll apply to animegroup and review comments too. g_timedentry or something --[[User:Epoximator|Epoximator]] 18:55, 16 May 2007 (UTC)
 
: i would like that too. i also want it to be a generic solution so it'll apply to animegroup and review comments too. g_timedentry or something --[[User:Epoximator|Epoximator]] 18:55, 16 May 2007 (UTC)
  
=== Class names ===
+
=== MyNotifies ===
* div.mydb_all table.mydb_animetitle
+
* <tt>div.mynotifies_all div.list table
** tr''[.verified]''
 
** td.verified''[.yes | .no]''
 
* div.mynotifies_all div.list table
 
 
** td''[.name]''
 
** td''[.name]''
 
** td''[.new | .complete | .group | .all]''
 
** td''[.new | .complete | .group | .all]''
** td''[.date]''
+
** td''[.date]''</tt>
 
--[[User:Zak|Zak]] 03:36, 18 May 2007 (UTC)
 
--[[User:Zak|Zak]] 03:36, 18 May 2007 (UTC)
  
Line 65: Line 198:
  
 
all <tr> are affected (checked with firefox&opera)
 
all <tr> are affected (checked with firefox&opera)
 +
 +
* div.mydb_all table.mydb_animetitle
 +
** tr''[.verified]''
 +
** td.verified''[.yes | .no]''
  
 
=== Messages ===
 
=== Messages ===
Line 71: Line 208:
 
***li''[.g_odd]''
 
***li''[.g_odd]''
 
--[[User:Zeromind|Zeromind]] 01:10, 20 May 2007 (UTC)
 
--[[User:Zeromind|Zeromind]] 01:10, 20 May 2007 (UTC)
 +
 +
===Anime Reviews===
 +
 +
*div.review [.approved | .unrated | .disapproved] not assigned properly (e.g. 'unrated' for a review with 22votes & rating >8) - in the text the states are correct
 +
--[[User:Zeromind|Zeromind]] 21:33, 24 May 2007 (UTC)

Latest revision as of 16:13, 8 May 2009

This page exists to discuss possible changes to the AniDB.net HTML markup

Inconsistencies are bolded

missing stuff is italicized

New

tabbed_pane

<div class="tabbed_pane">
  <ul class="tabs">

<li id="{tab 1 id}"> <li id="{tab 2 id}"> <li id="{tab n id}"> </ul> <div id="{tab 1 id}_pane" class="pane"> <div id="{tab 2 id}_pane" class="pane hide"> <div id="{tab n id}_pane" class="pane hide">

</div>

wishlist mylist ep state

to allow for same styling as in mylist:

  • div.mywishlist_all table td.mylist[.complete|.all_watched]
  • div.mywishlist_all table td.seen[.all_watched]

up2date mylist ep state

to allow for same styling as in mylist for up2date sequels table:

div.up2date_all table.sequels td.mylist

should be split into

div.up2date_all table.sequels td.mylist.eps[.complete]
div.up2date_all table.sequels td.mylist.seen[.all_watched]

or similar

<button> submission

Can we move to using the <button> element instead of <input> for form submission? Here's the reasoning: http://particletree.com/features/rediscovering-the-button-element/

Due next update

Done in 0.1.38

file quality rating

on anime page:

table.filelist td.quality.very high 

should be

table.filelist td.quality.veryhigh 

Notification popup

proposed structure of notification popup:

h1.[low|mid|high]
div.g_content.popup_all
 div.g_section.popup_notify
  h2 ("Anime" or "Group" etc.)
   ul
    li (1..n)

pending:

div.g_content.notify_all
 h1 (0..1)
 div.g_section.new_files
  h3.[low|mid|high]
  div.[anime|group|producer]
   h4
   ul
    li (1..n)

span.count

For all cases of the count class (span.count) I would like the parenthesis inside the span, so:

<td class="rating">9.33 (<span class="count">723</span>)</td>

Should be

<td class="rating">9.33 <span class="count">(723)</span></td>

Let's see if I can find them all:

  • div.anime_all div.info span.rating.anime
  • div.anime_all div.info span.rating.tmpanime
  • div.anime_all div.info span.rating.attavg
  • div.animehist_all div.animehistory td.rating
  • div.animehist_all div.animehistory td.tmprating
  • div.animehist_all div.animehistory td.reviews
  • div.animelist_all div.animelist_list td.rating.anime
  • div.animelist_all div.animelist_list td.rating.tmpanime
  • div.animelist_all div.animelist_list td.rating.attavg
  • div.group_all div.group_info span.rating.group
  • div.group_all div.group_released td.rating.group
  • div.grouplist_all div.group_list td.rating
  • div.latest_all div.latest_groups td.rating.group
  • div.latest_all div.latest_reviews_list td.rating.review
  • div.latest_all div.latest_reviews_list td.rating.anime
  • div.latest_all div.latest_reviews_list td.rating.attavg
  • div.latest_all div.latest_hotanime td.rating.tmpanime
  • div.mylist_all div.mylist_list td.rating.anime
  • div.mylist_all div.mylist_list td.rating.attavg
  • div.mywishlist_all td.rating
  • div.mywishlist_all td.tmprating
  • div.mywishlist_all td.revrating
  • div.search_all div.search_results td.rating.anime
  • div.search_all div.search_results td.rating.tmpanime
  • div.search_all div.search_results td.rating.attavg

rating markup

  • on the anime votes page the own votes aren't in a span, td or whatever, which makes them appear on top of the page

source: <td class="rating ep mid">7.65 (<span class="count">3</span>)</td> [7] <td><img src="http://static.anidb.net/pics/anidb_greenbarh.gif" width="122" height="5" alt="#" /></td>

Done in 0.1.37

Anime list

  • table.anime_list td.rating.[vote|tmp|review] span.count

Latest Additions

  • table.seq tr.[yes|no] td.[yes|no] (for VV)
    • Also noticed a bunch of [td|tr].anime.anime :x
  • table.groups td.rating span.count
  • div.latest_reviews_list td.vote.[ |anime|review].[high|mid|low] span.count
  • div.latest_reviews_list td.rating.[anime|review] span.count
  • table.hotanimes td.tmprating.[high|mid|low] span.count

rating markup:

  • (td|span).rating.(anime|tmpanime|attavg|ep|group|review|my|..).(high|mid|low|hidden) span.count

Group List

  • table.group_list td.rating.[high|mid|low] span.count

MyList

  • table.animelist table.eplist select
    • still has pre-0.1.36 options

signup page

  • text on the top should be in div.g_notebox or div.g_note
  • holy crap is that a <font> tag?! :(
  • "back" link on bottom should be in ul.g_actionlist

mylist compare

  • selfish request: can we get an extra <div> or something wrapping the table.animelist so that the zakura style can match it's width to the regular mylist table.animelist (which has a <form> wrapped around it)? unless someone can figure out how to do it with the code that's there :x --Zak 01:07, 18 June 2007 (UTC)

Done in 0.1.36

Main page news items

I would like to see the news items be grouped separately, so instead of

<h4 /> <span.stamp /> <div>text</div> <h4 /> <span.stamp /> <div>text</div> ...

we would have

<div> <h4 /> <span.stamp /> text </div> <div> <h4 /> <span.stamp /> text </div> ...

i would like that too. i also want it to be a generic solution so it'll apply to animegroup and review comments too. g_timedentry or something --Epoximator 18:55, 16 May 2007 (UTC)

MyNotifies

  • div.mynotifies_all div.list table
    • td[.name]
    • td[.new | .complete | .group | .all]
    • td[.date]

--Zak 03:36, 18 May 2007 (UTC)

My Place

  • div.latest_votes li
    • span[.high | .low]
  • div.latest_reviews li
    • span[.high | .low]
  • div.latest_files li
    • <span.date />

--Zak 03:55, 18 May 2007 (UTC)

MyDbEntries (pages that contain Lameness)

  • div.mydb_all

current situation:

all contain one that is of the classes 'text' & 'lame' the lame entries' are of the class 'lame' too the problem with that is, that by using the selector #layout-content div.mydb_all tr.lame all are affected (checked with firefox&opera)

  • div.mydb_all table.mydb_animetitle
    • tr[.verified]
    • td.verified[.yes | .no]

Messages

  • div.msg_all
    • ul has no class
      • li[.g_odd]

--Zeromind 01:10, 20 May 2007 (UTC)

Anime Reviews

  • div.review [.approved | .unrated | .disapproved] not assigned properly (e.g. 'unrated' for a review with 22votes & rating >8) - in the text the states are correct

--Zeromind 21:33, 24 May 2007 (UTC)