Quote:
Originally Posted by gnrx
snip...
the design of your site is the one I would like to have.
Accessing the index of your mobile site, it also has a very good appearance, it will not be responsive, but as if it were.
I greatly appreciate your comments.
|
Note that I added in extra buttons to the mobile header to make navigation easier.
Here's the code for my mobile style header template. Please don't just copy paste - it won't work. You need to read mine, compare it to yours and understand the changes and then write the changes needed to yours, plus add relevant button images.
I also added an easy link to the full size style, because editing posts on mobile style is a nightmare
Code:
<div data-role="page" data-theme="d" id="page-home">
<div id="header">
<div id="header-left">
<a href="{vb:link forumhome}" class="logo-image" rel="external"><img src="{vb:stylevar titleimage}" width="100%" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>
</div>
<div id="header-right">
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
<vb:if condition="$show['member']">
<vb:if condition="$notifications_total">
<a href="mobile.php?{vb:raw session.sessionurl}do=notifications" data-role="button" data-inline="true" data-theme="e" class="notifications_total hidden"><span class="notifications_total_count"></span></a>
</vb:if>
<vb:else />
<a href="mobile.php?{vb:raw session.sessionurl}do=login" class="headericon" rel="external"><img src="{vb:stylevar imgdir_mobile}/login.png" /></a>
</vb:if>
<a href="/" class="headericon"><img src="customgfx/homebuttonmob.png" /></a>
<a href="forum.php" class="headericon"><img src="customgfx/forumbutton.png" /></a>
<a href="search.php?{vb:raw session.sessionurl}do=getnew" class="headericon"><img src="{vb:stylevar imgdir_mobile}/whatsnew.png" /></a>
<a href="mobile.php?{vb:raw session.sessionurl}do=gridmenu" class="headericon"><img src="{vb:stylevar imgdir_mobile}/gridmenu.png" /></a>
<a href="search.php?{vb:raw session.sessionurl}search_type=1&contenttype=vBForum_Post" class="headericon" rel="external"><img src="{vb:stylevar imgdir_mobile}/search.png" /></a>
</div>
<vb:if condition="$notifications_total">
<ul id="dummylist" class="hidden">
{vb:raw notifications_menubits}
</ul>
</vb:if>
</div>
<div>
<a href="{vb:raw vboptions.forumhome}/?styleid={vb:raw vboptions.styleid}">{vb:rawphrase full_site}</a> |
<a href="<vb:if condition="$vboptions['vbcms_url']">{vb:raw vboptions.vbcms_url}/{vb:raw vboptions.site_tab_url}{vb:raw session.sessionurl_q}<vb:else />{vb:raw vboptions.site_tab_url}{vb:raw session.sessionurl_q}</vb:if>" rel="external">{vb:rawphrase articles}</a>
</div>