humm ... some HTML to test with it ?
On Thu, Nov 19, 2009 at 22:06, StanRB <[email protected]> wrote: > Ok... I am sure I am not doing this the cleanest way possible, > but... :).. I decided for a way to make it work and at the same time > keep the same iUI structure and the tab bar at the top to signal a > difference between this and the homescreen (hence discourage people to > press the home button to go back - the back button will be right there > in the tab bar). I looked at jPint and it was pretty much there - it > just needed tweaking and changing the code to fit what I had in mind > for iUI. I wanted all to be ONE "ul" element and to simply add a new > icon to the pseudo-springboard you just gotta add a simple "li" > element with an image and a word... Here is the code I used - plugged > in directly in the CSS - no other changes should be necessary - simply > add "style: springboard" to the "UL" element... > > / > ************************************************************************************************/ > body > ul.springboard /*sets up the "ul" class for springboard type > arrangement*/ > { > float: left; > position: relative; > margin: 0; > padding: 0; > background-color:#CCC; /*Change the background of the springboard > screen - image tag can be used*/ > height:371px; > } > > ul.springboard > li /*each springboard icon will be a separate "li" > within the "ul"*/ > { > list-style-type: none; > margin: 15px 0px 0px 20px; padding: 0px; float: left; height: 67px; > width: 55px; > text-align: center; > line-height: 5px; /*distance of the text from the icon*/ > border:none; > } > ul.springboard > li > a /*all this pretty much pertains to the text > under the icon*/ > { > color: black; > font-size:12px; > font-weight: lighter; > width: 55px; > border: none; > padding-top: 67px; > } > ul.springboard > li > a > img /*this sets the icon properties*/ > { > position: absolute; top: 0px; left: 0px; > width: 55px; height: 55px; > overflow: hidden; > border: none; > } > / > ************************************************************************************************/ > > > Did I get it ;)? > > Cheers! > > -- > > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/iphonewebdev?hl=. > > > -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=.
