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=.
