Forums/AppMakr Knowledge Base/Features
ADVANCED FEATURE: CSS Snippet Examples
AppMakr Support
posted this on August 09, 2010 09:16 pm
Here are some example CSS snippets you can use to improve the look and feel of the details view in your app.
(You can learn more about how to use CSS Snippets here)
Snippet 1: Boders and Links
p {color:#333;background-color:#FFF;border:1px solid #CCC; margin:8px;margin-top:15px;padding:8px;-webkit-border-radius: 5px;}
p a {color:#AAA;font-weight:bold;text-decoration:none;border-bottom:1px dotted #CCC;}
#appmakr-content-header {border:1px solid #CCC;background-color:#EEE;padding:8px;margin:5px;}
#appmakr-header-title {color:#990000;font-weight:bold;font-size:23px;font-style:italic'}
#appmakr-header-author {font-size:10px;color:#CCC;text-align:right;}
#appmakr-header-date {}
Snippet 2: Black Terminal
* {color:#FFF;}
body {background-color:#000;}
Remember, nothing beats knowing CSS well to get this job done, so check out some CSS tutorials online if you can :)
Comments latest first
Many thanks Jason for responding to my comment, will check out the app you mention.
Hello Daniel,
You may create an HTML5 / PhoneGap tab, create your feed, and load it as javascript using this web app <http://itde.vccs.edu/rss2js/build.php>. Let us know if this helps you out.
Hi Leiser, is there any control of the style of the feed list view? Thanks ...
@ Charles & Robert - The only html we inject is in the header:
As for the description, we pull that information directly from your rss feed. So as long as you have access to manage the feed's content, you can create and apply any html and CSS you want and it will be rendered as such on the native app.
Is there a full list of the named divs used to display the feed. It's hard to be able to style this when all that is provided is the name of the header divs.
The only thing I'd like to know is what are all of the divs we can call? I see things like #appmakr-header-date but is that whole list? :)