Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications

Reply
 
Thread Tools
TW7S - Change the look of the Login/Register in header Details »»
TW7S - Change the look of the Login/Register in header
Version: 4.0.0, by LifesGreatestGift LifesGreatestGift is offline
Developer Last Online: Apr 2015 Show Printable Version Email this Page

Category: Miscellaneous Hacks - Version: 4.0.0 Rating:
Released: 01-01-2010 Last Update: 01-01-2010 Installs: 325
Template Edits
Re-useable Code Additional Files Translations  
No support by the author.

Before


After


Click Here for Live preview.

Installation:
  • Upload images
  • Perform template edits below

-----------------------------------------------------
vB 4.0.1 Fix
Those of you who performed this mod on 4.0.0 and have upgraded to 4.0.1, all you have to do is revert the header template and perform the edits again. For some reason when the templates were merged with the new code it messed up the links when logged in.
-----------------------------------------------------

Open header template

Find:
PHP Code:
<input type="text" class="textbox default-value" 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>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
                    <
input type="password" class="textbox default-value" name="vb_login_password" id="navbar_password" size="10" tabindex="102" onfocus="this.style.color='black';" />
                    <
input type="submit" class="loginbutton" value="{vb:rawphrase log_in}" tabindex="104" 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" tabindex="103" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" /> {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>    
        </
vb:if>
    </
div

Replace With:
PHP Code:
<style type="text/css">
.
toplinks form img {
        
position:relative;  
        
top3px;        

</
style>

<
img src="./images/icons/username.png" alt="Username" />

                    

<
input id="navbar_username" class="bginput" type="text" onblur="if (this.value == '') this.value = 'Username';" onfocus="if (this.value == 'Username') this.value = '';" value="Username" tabindex="101" accesskey="u" size="10" name="vb_login_username" style="font-size: 11px;"/>

<
img src="./images/icons/password.png" alt="Password" />

                    <
input id="navbar_password" class="bginput" type="password" onblur="if (this.value == '') this.value = '';" onfocus="if (this.value == 'Password') this.value = '';" value="Password" tabindex="102" accesskey="u" size="10" name="vb_login_password" style="font-size: 11px;/>


                    

<label for="
cb_cookieuser_navbar">
<input id="
cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser"/>
</label>
                

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


                
            
                <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>    
        </vb:if>
    </div> 
Save your changes

To have the "Remember Me" box always checked:

Find:
PHP Code:
<input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser"/> 

Replace With:
PHP Code:
<input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser" checked="checked"/> 

Download Now

File Type: zip New Login Box.zip (3.8 KB, 1839 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Благодарность от:
SaN-DeeP

Comments
  #212  
Old 12-22-2010, 02:16 PM
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Location: Scotland
Posts: 1,229
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Sforums View Post
I have been using this thing on previous versions of vb without any problems. Does it work with 4.1?
I've got it running on vB 4.1 but I added mine below the navbar instead of into the header
Reply With Quote
  #213  
Old 01-04-2011, 06:30 PM
Neptun Neptun is offline
 
Join Date: Aug 2003
Posts: 113
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

can you fix this for vb 4.1 ?
Reply With Quote
  #214  
Old 01-04-2011, 06:50 PM
Kirk.H Kirk.H is offline
 
Join Date: Dec 2010
Location: Canada
Posts: 24
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thank you
Reply With Quote
  #215  
Old 01-04-2011, 07:48 PM
OldSchoolDSL OldSchoolDSL is offline
 
Join Date: Oct 2010
Posts: 1,196
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

edit: never mind (quoted wrong thread)
Reply With Quote
  #216  
Old 01-04-2011, 08:16 PM
OldSchoolDSL OldSchoolDSL is offline
 
Join Date: Oct 2010
Posts: 1,196
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

An update for 4.1 PL2

would be very nice (please & thank you)
Reply With Quote
  #217  
Old 01-04-2011, 08:19 PM
OldSchoolDSL OldSchoolDSL is offline
 
Join Date: Oct 2010
Posts: 1,196
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Gemma View Post
I've got it running on vB 4.1 but I added mine below the navbar instead of into the header
Care to explain a little more?
Reply With Quote
  #218  
Old 01-25-2011, 01:47 AM
OldSchoolDSL OldSchoolDSL is offline
 
Join Date: Oct 2010
Posts: 1,196
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I've been trying to add this and every time the "password box" is missing.

Anyone willing to update this for 4.1.1 ?
Reply With Quote
  #219  
Old 02-02-2011, 10:49 PM
OldSchoolDSL OldSchoolDSL is offline
 
Join Date: Oct 2010
Posts: 1,196
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

PHP Code:
<script type="text/javascript">
if(
document.location.protocol=='http:'){
 var 
Tynt=Tynt||[];Tynt.push('b581mmdtar4jEradbi-bpO');Tynt.i={"b":true};
 (function(){var 
s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</
script>
<
vb:if condition="$bbuserinfo['usergroupid'] == 8">
<
meta HTTP-EQUIV="REFRESH" content="0;url=http://www.sociallyuncensored.com/banned.html">
</
vb:if>
<
script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<
link type="text/css" href="/forums/cometchat/cometchatcss.php" rel="stylesheet" charset="utf-8">
<
script type="text/javascript" src="/forums/cometchat/cometchatjs.php" charset="utf-8"></script>
<
div class="above_body"> <!-- closing tag is in template navbar -->
<
div id="header" class="floatcontainer doc_header">
    <
div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
    <
div id="toplinks" class="toplinks">
        <
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>
                <!-- 
TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
<
vb:if condition="$notifications_total">
<
script type="text/javascript">

$.
jGrowl('{vb:raw notifications_menubits} <br />You must view your notification(s) before this box will disappear.' , { stickytrueheader 'New Notification(s)' } );

</
script>
</
vb:if>

<
li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
<!-- 
TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
                <
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:if condition="$bbuserinfo['pmunread']">  
    <
a href="private.php?"><img border="0" src="images/newpm.gif" width="22" height="10"></a>  
    </
vb:if>
            {
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<vb:if condition="!$username"> default-value</vb:if>" 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="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
                    <
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="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" checked="checked" /> {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");
            
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='{vb:stylevar toplinks_form_input.color}';
                }
            }

            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='{vb:stylevar toplinks_form_input_defaultValue.color}';
                }
            }
            
            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>
    <
div class="ad_global_header">
        {
vb:raw ad_location.global_header1}
        {
vb:raw ad_location.global_header2}
    </
div>
    <
hr />
</
div>
<
link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'
So if anyone can tell me what I need to resolve in my header

They'd be doing me a very big favor.
Reply With Quote
  #220  
Old 03-10-2011, 08:59 AM
mayank8789's Avatar
mayank8789 mayank8789 is offline
 
Join Date: Jul 2010
Posts: 64
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

where is header i am not found any header.please help me
Reply With Quote
  #221  
Old 03-11-2011, 11:27 AM
mayank8789's Avatar
mayank8789 mayank8789 is offline
 
Join Date: Jul 2010
Posts: 64
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheWindows7Site View Post
Very nice forum color scheme. May I make a suggestion?

Go into your templates, open up vbulletin-chrome.css

Do a search for .toplinks form input.loginbutton

and change the attributes to read the following

PHP Code:
.toplinks form input.loginbutton {
    
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
    
padding{vb:math {vb:stylevar padding}/2};
    
background-color:  #186400;
    
border:solid 1px #ffffff;
        
color#ffffff;


And your login area will be perfect (I matched the green for the background color)

how find this Template

i am going admin cp>Styles & Templates>Search in Style and pest this text but not found any styel

please help me
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:08 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08265 seconds
  • Memory Usage 2,508KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (6)bbcode_php
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (1)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (1)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete