Chadi
09-12-2013, 02:23 PM
1. Mobile version of www.talkjesus.com, register page step 1/2 (verify age page). Issue is, the bible verse script is overlapping the "register" headline title, not sure why. Even the footer is missing from that page too, just doesn't show up.
I have that verse script code inside the footer template.
The footer template code
<div id="footer">
<ul id="footer_links">
<vb:if condition="$show['forgetpassword']">
<li class="first"><a href="login.php?{vb:raw session.sessionurl}do=lostpw" rel="external">{vb:rawphrase forgot_your_password}</a></li>
<vb:else />
<vb:if condition="$show['member']">
<li class="first"><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw bbuserinfo.logouthash}">{vb:rawphrase log_out}</a></li>
<vb:else />
<li class="first"><a href="mobile.php?{vb:raw session.sessionurl}do=login">{vb:rawphrase log_in}</a></li>
</vb:if>
</vb:if>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="external">{vb:rawphrase register}</a></li>
</vb:if>
<vb:if condition="$show['quickchooser']">
<li<vb:if condition="$show['forgetpassword']"> class="last"</vb:if>><a href="{vb:raw vboptions.forumhome}/?styleid={vb:raw vboptions.styleid}" class="fullsitelink" rel="external">{vb:rawphrase full_site}</a></li>
</vb:if>
<vb:if condition="!$show['forgetpassword']">
<li class="first"><a href="#top" class="scrolltop" rel="external">{vb:rawphrase top}</a></li>
</vb:if>
<li class="last"><a href="http://www.talkjesus.com/misc.php?do=randomthread">Random Thread</a></li>
</ul>
<div id="footer_morecopyright" class="shade footer_morecopyright">
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
{vb:raw cronimage}
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
{vb:raw vboptions.copyrighttext}
</div>
</div>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_footer}
</vb:if>
<div style="background:#43A6DF;padding:10px;margin:0px;">
<span style="float:right">
<a href="http://www.facebook.com/talkjesus" target="_blank"><img src="http://www.talkjesus.com/images/metro_mobile/blue/mobile/facebook.png" width="40" /></a>
<a href="http://www.twitter.com/talkjesus" target="_blank"><img src="http://www.talkjesus.com/images/metro_mobile/blue/mobile/twitter.png" width="40" /></a>
</span>
<p style="color:#FFFFFF;font-family:'Open Sans',sans-serif;font-size:16px;padding:0px;margin:0px;font-weight:normal;font-style:normal;text-decoration:none;background:#43A6DF">
today's bible verse
</p>
<p style="text-align:left;color:#FFFFFF;padding:10px;margin:3px 4px 0px;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:normal; opacity:.7;-moz-opacity:.7">
<script type="text/javascript" src="http://www.christnotes.org/syndicate.php?content=dbv&type=js2&tw=auto&tbg=43A 6DF&bw=0&bc=000000&ta=L&tc=FFFFFF&tf=Open Sans&ts=14&ty=B&va=L&vc=FFFFFF&vf=Open Sans&vs=12&tt=3&trn=NIV"></script>
</p>
</div>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_footer}
</vb:if>
</div><!-- data-role="page" -->
the register_verify_age template is
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>{vb:rawphrase register_at_x, {vb:raw vboptions.bbtitle}}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle" class="pagetitle ui-bar-b">
<h1 class="pagetitle">{vb:rawphrase vbulletin_registration}</h1>
</div>
<div data-role="content">
<form action="register.php?do=checkdate" method="post" class="vbform block" data-ajax="false">
<h3 style="font-size: 22px; font-weight: 300">enter birthdate</h3>
<div data-role="fieldcontain">
<label for="month_va" class="select">{vb:rawphrase month}:</label>
<select name="month" id="month_va" tabindex="1">
<option value="" selected="selected">-</option>
<option value="01">{vb:rawphrase january}</option>
<option value="02">{vb:rawphrase february}</option>
<option value="03">{vb:rawphrase march}</option>
<option value="04">{vb:rawphrase april}</option>
<option value="05">{vb:rawphrase may}</option>
<option value="06">{vb:rawphrase june}</option>
<option value="07">{vb:rawphrase july}</option>
<option value="08">{vb:rawphrase august}</option>
<option value="09">{vb:rawphrase september}</option>
<option value="10">{vb:rawphrase october}</option>
<option value="11">{vb:rawphrase november}</option>
<option value="12">{vb:rawphrase december}</option>
</select>
<label for="day_va" class="select">{vb:rawphrase day}:</label>
<select name="day" id="day_va" tabindex="1">
<option value="" selected="selected">-</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="year_va">{vb:rawphrase year}:</label>
<input type="text" class="textbox numeric" name="year" id="year_va" size="4" tabindex="1" maxlength="4" value="" />
</div>
<button type="submit" data-theme="a">{vb:rawphrase proceed_ellipsis}</button></div>
<input type="hidden" name="do" value="checkdate" />
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="url" value="{vb:raw url}" />
</form>
</div>
{vb:raw footer}
</body>
</html>
2. Other screenshot of desktop version, shows big blue block covering half the menu tabs. I have been reported of this from users apparently running Vista or XP, either IE or Chrome (so far). I replicated this on iOS 6 / Safari and Mercury browsers. I am unable to replicate this on desktop / Windows 8 with Chrome, Firefox or IE11. I hope someone else can help figure this out.
Thank you.
I have that verse script code inside the footer template.
The footer template code
<div id="footer">
<ul id="footer_links">
<vb:if condition="$show['forgetpassword']">
<li class="first"><a href="login.php?{vb:raw session.sessionurl}do=lostpw" rel="external">{vb:rawphrase forgot_your_password}</a></li>
<vb:else />
<vb:if condition="$show['member']">
<li class="first"><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw bbuserinfo.logouthash}">{vb:rawphrase log_out}</a></li>
<vb:else />
<li class="first"><a href="mobile.php?{vb:raw session.sessionurl}do=login">{vb:rawphrase log_in}</a></li>
</vb:if>
</vb:if>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="external">{vb:rawphrase register}</a></li>
</vb:if>
<vb:if condition="$show['quickchooser']">
<li<vb:if condition="$show['forgetpassword']"> class="last"</vb:if>><a href="{vb:raw vboptions.forumhome}/?styleid={vb:raw vboptions.styleid}" class="fullsitelink" rel="external">{vb:rawphrase full_site}</a></li>
</vb:if>
<vb:if condition="!$show['forgetpassword']">
<li class="first"><a href="#top" class="scrolltop" rel="external">{vb:rawphrase top}</a></li>
</vb:if>
<li class="last"><a href="http://www.talkjesus.com/misc.php?do=randomthread">Random Thread</a></li>
</ul>
<div id="footer_morecopyright" class="shade footer_morecopyright">
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
{vb:raw cronimage}
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
{vb:raw vboptions.copyrighttext}
</div>
</div>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_footer}
</vb:if>
<div style="background:#43A6DF;padding:10px;margin:0px;">
<span style="float:right">
<a href="http://www.facebook.com/talkjesus" target="_blank"><img src="http://www.talkjesus.com/images/metro_mobile/blue/mobile/facebook.png" width="40" /></a>
<a href="http://www.twitter.com/talkjesus" target="_blank"><img src="http://www.talkjesus.com/images/metro_mobile/blue/mobile/twitter.png" width="40" /></a>
</span>
<p style="color:#FFFFFF;font-family:'Open Sans',sans-serif;font-size:16px;padding:0px;margin:0px;font-weight:normal;font-style:normal;text-decoration:none;background:#43A6DF">
today's bible verse
</p>
<p style="text-align:left;color:#FFFFFF;padding:10px;margin:3px 4px 0px;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:normal; opacity:.7;-moz-opacity:.7">
<script type="text/javascript" src="http://www.christnotes.org/syndicate.php?content=dbv&type=js2&tw=auto&tbg=43A 6DF&bw=0&bc=000000&ta=L&tc=FFFFFF&tf=Open Sans&ts=14&ty=B&va=L&vc=FFFFFF&vf=Open Sans&vs=12&tt=3&trn=NIV"></script>
</p>
</div>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_footer}
</vb:if>
</div><!-- data-role="page" -->
the register_verify_age template is
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>{vb:rawphrase register_at_x, {vb:raw vboptions.bbtitle}}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle" class="pagetitle ui-bar-b">
<h1 class="pagetitle">{vb:rawphrase vbulletin_registration}</h1>
</div>
<div data-role="content">
<form action="register.php?do=checkdate" method="post" class="vbform block" data-ajax="false">
<h3 style="font-size: 22px; font-weight: 300">enter birthdate</h3>
<div data-role="fieldcontain">
<label for="month_va" class="select">{vb:rawphrase month}:</label>
<select name="month" id="month_va" tabindex="1">
<option value="" selected="selected">-</option>
<option value="01">{vb:rawphrase january}</option>
<option value="02">{vb:rawphrase february}</option>
<option value="03">{vb:rawphrase march}</option>
<option value="04">{vb:rawphrase april}</option>
<option value="05">{vb:rawphrase may}</option>
<option value="06">{vb:rawphrase june}</option>
<option value="07">{vb:rawphrase july}</option>
<option value="08">{vb:rawphrase august}</option>
<option value="09">{vb:rawphrase september}</option>
<option value="10">{vb:rawphrase october}</option>
<option value="11">{vb:rawphrase november}</option>
<option value="12">{vb:rawphrase december}</option>
</select>
<label for="day_va" class="select">{vb:rawphrase day}:</label>
<select name="day" id="day_va" tabindex="1">
<option value="" selected="selected">-</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="year_va">{vb:rawphrase year}:</label>
<input type="text" class="textbox numeric" name="year" id="year_va" size="4" tabindex="1" maxlength="4" value="" />
</div>
<button type="submit" data-theme="a">{vb:rawphrase proceed_ellipsis}</button></div>
<input type="hidden" name="do" value="checkdate" />
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="url" value="{vb:raw url}" />
</form>
</div>
{vb:raw footer}
</body>
</html>
2. Other screenshot of desktop version, shows big blue block covering half the menu tabs. I have been reported of this from users apparently running Vista or XP, either IE or Chrome (so far). I replicated this on iOS 6 / Safari and Mercury browsers. I am unable to replicate this on desktop / Windows 8 with Chrome, Firefox or IE11. I hope someone else can help figure this out.
Thank you.