Confirmed users
933
edits
Labs/Personas/Previewing Code: Difference between revisions
Jump to navigation
Jump to search
Labs/Personas/Previewing Code (view source)
Revision as of 03:20, 7 September 2011
, 7 September 2011→HTML: add info about data-browsertheme
mNo edit summary |
(→HTML: add info about data-browsertheme) |
||
| Line 5: | Line 5: | ||
<img class="preview persona" | <img class="preview persona" | ||
src="/static/9/5/44495/preview_featured.jpg" | src="/static/9/5/44495/preview_featured.jpg" | ||
persona="{"id":"44495", | '''persona'''="{"id":"44495", | ||
"name":"Generation Fame", | "name":"Generation Fame", | ||
"accentcolor":"#663300", | "accentcolor":"#663300", | ||
| Line 21: | Line 21: | ||
}"> | }"> | ||
You can copy the JSON blob from any persona on getpersonas.com. Note that HTML special characters have to be escaped in the JSON record when it is placed inside the <code>persona</code> attribute, although this is not shown in the example above. For example, the quotation mark, which appears many times in the example above, needs to be escaped to the character entity <code>&quot;</code>. | You can copy the JSON blob from any persona on getpersonas.com. Note that HTML special characters have to be escaped in the JSON record when it is placed inside the <code>persona</code> attribute, although this is not shown in the example above. For example, the quotation mark, which appears many times in the example above, needs to be escaped to the character entity <code>&quot;</code>. Note that the attribute name is <code>data-browsertheme</code> for the built-in lightweight theme behavior in Firefox 3.6+. | ||
== JavaScript == | == JavaScript == | ||