vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)
-   -   **SOLVED** HTML code help please! (https://vborg.vbsupport.ru/showthread.php?t=189266)

dannykilla 08-27-2008 11:08 AM
**SOLVED** HTML code help please!
 
Hi,

I am trying to re-position my login box, so it is part of my header image, pretty much like how vb.org have done it.
Now I have managed to move the login box but getting its position correct is proving to be a pain and I was wondering if anyone would be so kind as to help me out?

Here is the code I am using in my header template (please be kind, if completely wrong, I am a n00b)

Code:
<div align="center">

<table height="300" background="http://www.My-Page.co.uk/My-Image.png" width="970">
<tbody>
<tr>
<td nowrap="nowrap" valign="bottom">
<if condition="$show['member']">
 <div class="smallfont">
  <strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
  <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
  <if condition="$show['notifications'] AND $show['popups']">
  <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
  <script type="text/javascript"> vBmenu.register("notifications"); </script>
  <else /><if condition="$show['pmstats']">
  <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
  </if></if>
  <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
 </div>
 </td>
<else />
<td nowrap="nowrap" valign="bottom">
  <!-- login form -->

  <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
  <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
  <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
  <tr>
  <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
  <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
  <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
  </tr>
  <tr>
  <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
  <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
  <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
  </tr>
</table>
  <input type="hidden" name="s" value="$session[sessionhash]" />
  <input type="hidden" name="securitytoken" value="$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>
  <!-- / login form -->
 </td>
</if>
</tr>
</table>

</div>
Basically when I use Firefox (before I login) the position is correct, but once logged in, I would like it to be slightly higher up.

So if anyone can help us out that would be awesome!

Thanks
Danny

MoT3rror 08-28-2008 03:58 AM
Find
Code:
<if condition="$show['member']">
 <div class="smallfont">
Replace
Code:
<if condition="$show['member']">
 <div class="smallfont" style="margin-top: -5px">
Use is_browser function if you want to do it just for one browser.

Opserty 08-28-2008 09:50 AM
Before you try the above post try:
Code:
<div align="center">

<table height="300" background="http://www.My-Page.co.uk/My-Image.png" width="970">
<tbody>
<tr>

<if condition="$show['member']">
<td nowrap="nowrap" valign="bottom">
 <div class="smallfont">
  <strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
  <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
  <if condition="$show['notifications'] AND $show['popups']">
  <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
  <script type="text/javascript"> vBmenu.register("notifications"); </script>
  <else /><if condition="$show['pmstats']">
  <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
  </if></if>
  <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
 </div>
 </td>
<else />
<td nowrap="nowrap" valign="bottom">
  <!-- login form -->

  <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
  <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
  <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
  <tr>
  <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
  <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
  <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
  </tr>
  <tr>
  <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
  <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
  <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
  </tr>
</table>
  <input type="hidden" name="s" value="$session[sessionhash]" />
  <input type="hidden" name="securitytoken" value="$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>
  <!-- / login form -->
 </td>
</if>
</tr>
</table>

</div>
I switched the Green & Red lines.

dannykilla 08-30-2008 09:08 PM
thanks that works great!

1 thing I have now added two links (as a test) to my header and there using the forums css, can someone tell me how I can add the links own css so that the font is white, and the link hover colours are completely separate to the boards css?

Thanks
Danny

--------------- Added [DATE]1220192342[/DATE] at [TIME]1220192342[/TIME] ---------------

Here is my header code:

Code:
<div align="center">
<table height="300" width="970" background="http://www.tf2-forums.co.uk/tf2-banner.jpg">
<tr>
<td align="$stylevar[left]" valign="top"><a href="http://www.tf2-forums.co.uk"><img src="http://www.tf2-forums.co.uk/logo.png" border="0" alt="TF2-Forums.co.uk" /></a></td>
<tbody>
<if condition="$show['member']">
<!-- avatar welcome bar -->
<td class="hlinks" align="left" style="padding: 20pt 0px 0px 5px; white-space: nowrap;">       
<a href="http://www.tf2-forums.co.uk/" ><font color="#FFFFFF">Home</font></a>  | 
<a href="http://www.tf2-forums.co.uk/forums/" >Forums</a>  |       
<td align="right" height="60" width="570">
                <if condition="$bbuserinfo['userid']">
                    <img src="$vboptions[bburl]/image.php?u=$bbuserinfo[userid]" alt="$vbphrase[avatar]"  width="50" height="50" border="0" align="center"/>
                </td>
                <else />
                <td class="alt2" align="center">
                  <img src="$vboptions[bburl]/images/avatars/noavatar.gif" alt="$vbphrase[guest] $vbphrase[avatar]" width="50" height="50" border="0">
                </if>
                </td>
<!-- / avatar welcome bar -->
<td class="headerlinks" align="left">
<div class="smallfont" style="padding: 0pt 0px 0px 5px; white-space: nowrap;>
<div class="smallfont">       
                <strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
                <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

                <if condition="$show['notifications'] AND $show['popups']">
                        <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
                        <script type="text/javascript"> vBmenu.register("notifications"); </script>
                <else /><if condition="$show['pmstats']">
                        <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
                </if></if>

                <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
        </div>
        </td>
<else />
<td class="headerlinks" align="right">
<div class="smallfont" style="padding: 0pt 4px; white-space: nowrap;">
                <!-- login form -->
                <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
                <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
                <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                <tr>
                        <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
                        <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
                        <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
                </tr>
                <tr>
                        <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
                        <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
                        <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
                </tr>
                </table>
                <input type="hidden" name="s" value="$session[sessionhash]" />
                <input type="hidden" name="securitytoken" value="$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>
                <!-- / login form -->
        </td>
</if>
</tr>

</table>
</div>
can anyone point me in the right direction please!

Dan

--------------- Added [DATE]1220192724[/DATE] at [TIME]1220192724[/TIME] ---------------

Solved


All times are GMT. The time now is 02:23 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01045 seconds
  • Memory Usage 1,785KB
  • 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
  • (5)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (4)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
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete