Avatar added to Navbar "Welcome"

[jasonyetter]

I modified the Navbar template to show the User's avatar.
Please look at the attached screen shot.
How do I get a 1/2 inch space between the right side of the avatar and the text: "Welcome"
Please keep it simple if you can, as I have zero talent with this.
Thanks, J
-----------------------------------------------------------------

The code is:

<if condition="$show['member']">
<td class="alt2" valign="top" nowrap="nowrap">

<!-- LINE BELOW ADDED TO SHOW AVATAR -->
<img src="image.php?u=$bbuserinfo[userid]" alt="$vbphrase[avatar]" border="0" align="left" />

<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox

[DelphiVillage]

you can insert a space with a special character in htmlcoding it is

   

that would insert two spaces so after the img line ..... did it work ?

[jasonyetter]

Could you tell me where I would put the "space" code to get the separation desired separation between the image and the Welcome username text. J

[Xodus]

<div class="smallfont">
<strong>&nbsp; &nbsp;<phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox

[jasonyetter]

Thanks for the help. That's the best solution.
I didn't want to add pre spaces in the welcome_x phrase, since it might effect something else. J

[bestmilan]

<div class="smallfont">
<strong>&nbsp; &nbsp;<phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox

That didn't work form me... but adding this piece of code "style="margin-right:7px" seems to work...

<!-- LINE BELOW ADDED TO SHOW AVATAR -->
<img src="image.php?u=$bbuserinfo[userid]" alt="$vbphrase[avatar]" border="0" align="left" style="margin-right:7px" />

[bestmilan]

Update...

The code has to be slightly modified to make it work also in Firefox (and Explorer).

The code should look like this:



<if condition="$show['member']">
<td class="alt2" valign="top" nowrap="nowrap">

<!-- LINE BELOW ADDED TO SHOW AVATAR -->
<img src="image.php?u=$bbuserinfo[userid]" alt="$vbphrase[avatar]" border="0" /></td>

<td class="alt2" valign="top" nowrap="nowrap">

<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox

[RVM]

Update...

The code has to be slightly modified to make it work also in Firefox (and Explorer).

The code should look like this:



<if condition="$show['member']">
<td class="alt2" valign="top" nowrap="nowrap">

<!-- LINE BELOW ADDED TO SHOW AVATAR -->
<img src="image.php?u=$bbuserinfo[userid]" alt="$vbphrase[avatar]" border="0" /></td>

<td class="alt2" valign="top" nowrap="nowrap">

<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox

Is this the whole and only code I need to add? Where do I add it in the navbar template please? I would LOVE to use this on my board!

[bestmilan]

IMPORTANT NOTICE:

There is a little bug in the code listed below (the problem shows when changing the existing avatar -- the new avatar doesn't display immediately in navbar after a change -- probably a cache issue).

Use the "Avatar On Navbar Mod" instead. It works flawlessly on 3.6.x

Avatar On Navbar Mod





Edit this template:

Admin CP -> Styles & Templates -> Style Manager -> « » -> Navigation / Breadcrumb Templates -> navbar


Find this line in navbar template:

<if condition="$show['member']">
<td class="alt2" valign="top" nowrap="nowrap">

And add this code below it:

[B][COLOR=#ff0000]<!-- LINE(S) BELOW ADDED TO SHOW AVATAR -->[/COLOR][/B]
[B][COLOR=#ff0000]<img src="image.php?u=$bbuserinfo[userid]" alt="$vbphrase[avatar]" border="0" /></td>[/COLOR][/B]
 
[B][COLOR=#ff0000]<td class="alt2" valign="top" nowrap="nowrap">[/COLOR][/B]

This will make the user's avatar show on the left side next to the Navbar "Welcome (username)" field.

[RVM]

Yay!! Thanks so much!

[RVM]

Any way to make it a custom size?

[Alibi]

yeah i want to do this but we allow 200x200 avatars at our site
i need a way to automatically resize the avatars so they show no larger than say 150x150 on the navbar

[Jose Amaral Rego]

yeah i want to do this but we allow 200x200 avatars at our site
i need a way to automatically resize the avatars so they show no larger than say 150x150 on the navbar

just add attributes width and height to your code to resize avatar over navbar.

[princeedward]

Avatar On Navbar?

This might help also...

Avatar On Navbar Mod

simply do/add this: auto-resize (your size choice) and clickable direct to usercp:

<!-- LINE BELOW ADDED TO SHOW AVATAR -->
<a href="$vboptions[bburl]/profile.php?">
<img src="image.php?u=$bbuserinfo[userid]" alt="$vbphrase[avatar]" width= "75" height= "75" border="0" /></td>

<td class="alt2" valign="top" nowrap="nowrap">

[RVM]

Sweeeeeet. Thanks lots!