vb.org Archive - Suite Style - VB4STYLE.com | VB4 4.0.3 PL1 Professional Style

Ok, I decided to try and fix a couple of things myself.

Moving the login info to the top right of the page which is standard for most templates.

First I went to the header template and added the following code. (Note I commented out some of the problem areas in case you don't want to move the login info.)

Find the last </div> and paste the following code.

Code:



<div style="position: absolute; top:10px; right: 2%; width: 500px">



<table width=100% border="0" >

  <tr>

    <td>&nbsp;</td>

    <td align="right"></td>

    <td align="right">



<td align="right"><div id="toplinks" class="toplinks">

<vb:if condition="$show['facebookuser']">

        <a id="fb_link" href="{vb:raw profileurl}">

                <img id="fb_squarepic" width="16" height="16" alt="{vb:rawphrase facebook_connect}" src="{vb:raw squarepicurl}" />



<!-- Causes a blank image when logged in to facebook

                <img id="fb_icon" width="14" height="14" alt="{vb:rawphrase facebook_connect}" src="{vb:stylevar imgdir_misc}/facebook.gif" />



-->

        </a>

<vb:else />

<!--  This causes a duplicate facebook connect button

        <fb:login-button size="medium" onlogin="vBfb.handle_fbLogin()"></fb:login-button>



-->

</vb:if>



                <vb:if condition="$show['member']">

                        <ul class="isuser">

                                <li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>

                                <vb:if condition="$show['registerbutton']">

                                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>

                                </vb:if>

                                <li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>

                                <li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>

                                <vb:if condition="$notifications_total">

                                <li class="popupmenu notifications" id="notifications">

                                        <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>

                                        <ul class="popupbody popuphover">

                                                {vb:raw notifications_menubits}

                                        </ul>

                                </li>

                                <vb:else />

                                <li class="popupmenu nonotifications" id="nonotifications">

                                        <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>

                                        <ul class="popupbody popuphover">

                                                <li>{vb:rawphrase no_new_messages}</li>

                                                <li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>

                                        </ul>

                                </li>

                                </vb:if>

                                <li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>

                                <vb:if condition="$vboptions['enablefacebookconnect']">

                                        {vb:raw facebook_header}

                                </vb:if>

                        </ul>

            {vb:raw template_hook.header_userinfo}

                        <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>

                <vb:else />

                        <ul class="nouser">

                        <vb:if condition="$show['registerbutton']">

                                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>

                        </vb:if>

                                <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>

                                <li>

                        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>

                        <form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">

                                <fieldset id="logindetails" class="logindetails">

                                        <div>

                                                <div>

                                        <input type="text" class="textbox" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />

                                        <input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />

                                        <input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />

                                        <input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />

                                                </div>

                                        </div>

                                </fieldset>

                                <div id="remember" class="remember">

                                        <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>

                                </div>



                                <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />

                                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />

                                <input type="hidden" name="do" value="login" />

                                <input type="hidden" name="vb_login_md5password" />

                                <input type="hidden" name="vb_login_md5password_utf" />

                        </form>

                        <script type="text/javascript">

                        YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");

                        YAHOO.util.Dom.setStyle('navbar_password', "display", "none");

                        YAHOO.util.Dom.setStyle('navbar_username', "color", "#828282");

                        vB_XHTML_Ready.subscribe(function()

                        {

                        //

                                YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);

                                YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);

                                YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);

                                YAHOO.util.Event.on('navbar_password', "blur", navbar_password);

                        });

                        

                        function navbar_username_focus(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')

                                {

                                //

                                        textbox.value='';

                                        textbox.style.color='black';

                                }

                        }



                        function navbar_username_blur(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                if (textbox.value == '')

                                {

                                //

                                        textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';

                                        textbox.style.color='#828282';

                                }

                        }

                        

                        function navbar_password_hint(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                

                                YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");

                                YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");

                                YAHOO.util.Dom.get('navbar_password').focus();

                        }



                        function navbar_password(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                

                                if (textbox.value == '')

                                {

                                        YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");

                                        YAHOO.util.Dom.setStyle('navbar_password', "display", "none");

                                }

                        }

                        </script>

                                </li>

                                <vb:if condition="$vboptions['enablefacebookconnect']">

                                        {vb:raw facebook_header}

                                </vb:if>

                        </ul>

                </vb:if>

        </div>





        </td>

  </tr>

</table>





</div>

If you are making this change, you'll want to remove this same code from the navbar template.

Recommendation, I would search for toplinks. Then delecte the table and contents it's contained in

<table width=100% border="0" >
<tr>
<td> </td>
<td align="right"></td>
<td align="right">

<td align="right"><div id="toplinks" class="toplinks">

(You'll need to delete down to the closing </table> tag.)

This fixes 3 issues. There aren't duplicate facebook connect buttons displayed in certain situations. Also, there isn't a unresolved image posted to the left of your facebook avatar.)

Then it moves the login info back to the top right of the page saving space unlike what the style does by default.

The forum bread crumb issue still exists.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01215 seconds Memory Usage 1,818KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: