Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Assuming you're talking about IOS here, The two ways I know doing this is basically, in XCODE, making a tabbed application, going to he Storyboard file, connecting the tab views to the controller. Then make images for the tabs and replace them.</p> <p>That, as I found was replicated here: <a href="http://kurrytran.blogspot.tw/2011/10/ios-5-tutorial-creating-custom-tab-bar.html" rel="nofollow">http://kurrytran.blogspot.tw/2011/10/ios-5-tutorial-creating-custom-tab-bar.html</a></p> <p>In Html5, I think you can do this:</p> <pre><code>&lt;nav id="tabbar"&gt; &lt;ul&gt; &lt;!-- Action &amp; navigation --&gt; &lt;li style="width: 20%; "&gt;&lt;a href="#home" class="flip" style=""&gt;&lt;strong&gt;Home&lt;/strong&gt;&lt;div class="home"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li style="width: 20%; "&gt;&lt;a href="#cat1" class="flip current" style=""&gt;&lt;strong&gt;RSS Feed&lt;/strong&gt;&lt;div class="rss"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li style="width: 20%; "&gt;&lt;a href="#cat2" class="flip" style=""&gt; &lt;strong&gt;Twitter&lt;/strong&gt;&lt;div class="twitter"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li style="width: 20%; "&gt;&lt;a href="#cat3" class="flip" style=""&gt;&lt;small class="badge right"&gt;3&lt;/small&gt;&lt;strong&gt;Flickr&lt;/strong&gt;&lt;div class="flickr"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li style="width: 20%; "&gt;&lt;a onclick="moveDown();" class="flip" style=""&gt;&lt;strong&gt;Search&lt;/strong&gt;&lt;div class="search2"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; </code></pre> <p>EDIT: Also, one way of making it fit is to resize the images so their is blank space on the sides, and change images for iphone5-portrait, ipad2-landscape, etc.</p> <p>EDIT2: Other than that , the only other way is to use UIToolbar to create a tabbar like creation with custom defined button presets. Then change views. If not, then it is impossible or switch for a html element like the one above.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload