How to create a scrim for contacts & messaging screen
Over on prethemer, I worked with "Syanni85" to add a background scrim to the contacts page. Using internalz I copied the list.css file from the stylesheets folder. Then I inserted the line of code "Syani85" had prepaired.
Like this.....
Edit the list page the stylesheets like this......
/* List view - avatars - none, clipped, and unclipped styles */
.contacts-list-view .palm-list {
padding-top: 8px;
}
body.wallpaper, body.palm-default {
background: url(../images/scrim.png) 0 0 fixed;
background-color: #000000;
-webkit-background-size: 100% 100%;
color: white;
}
.palm-alpha-divider {
height: 32px;
margin-top: -6px;
margin-bottom: -8px;
}
.list-pic {
position: absolute;
right: 20px;
margin-top: 7px;
}
.list-pic-square {
position: absolute;
right: 20px;
margin-top: 7px;
width: 34px;
height: 34px;
}
.list-pic-portrait {
position: absolute;
right: 20px;
margin-top: 7px;
width: 34px;
clip: rect(0,34px,34px,0);
}
.list-pic-landscape {
position: absolute;
margin-top: 7px;
right: 9px;
height: 34px;
clip: rect(0,34px,34px,0);
}
.list-frame {
position: absolute;
right: 12px;
Close and save the file..... Just to be clear were adding this....
body.wallpaper, body.palm-default {
background: url(../images/scrim.png) 0 0 fixed;
background-color: #000000;
-webkit-background-size: 100% 100%;
color: white;
}
...... to the line of code under the line......
.contacts-list-view .palm-list {
padding-top: 8px;
}
...... then close and save. Using webosQI send file to....
/usr/palm/applications/com.palm.app.contacts/stylesheets/
Next add the scrim.png to the images file. Send file to
/usr/palm/applications/com.palm.app.contacts/images/
Done!! waaalaaaaa! new contacts background! Im including the list.css file in a zip folder, this may save you the editing of your own file BUT, I am not responcible for your actions in any way!!!!!
Last edited by mracer29; 11/12/2009 at 08:38 PM.
|