Minid.net
This is how the picture works: You only need to print in the HEAD
element of this page an STYLE
element with a li.picture
class and a background property.
View the source of this page as an example.
Only two LI
elements can be used on UL.profile
. The first one sets the picture dimentions, background and borders. The other holds the data, cleaning all possible styling.
Both Title and description on the second LI
will overflow hidden with ellipsis if the text is really longer, but if you use horizontally it will scaled perfectly. You can test it on this page by turning the iPhone/iPod Touch vertical and horizontal position.
Best enjoyed on a real iPhone
This iPhone UI Framework kit is licenced under GNU Affero General Public License (GNU AGPL 3)