vb.org Archive - Staff Avatar Background

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- Modification Requests/Questions (Unpaid) (https://vborg.vbsupport.ru/forumdisplay.php?f=112)

- - Staff Avatar Background (https://vborg.vbsupport.ru/showthread.php?t=120582)

Quote:

Originally Posted by slappy

Yep. I was adding it while you were correcting my omission. :cool:

Thanks.

Is the use of the else / if considered better formatting?

Regards,

From the vB Manual

Quote:

vBulletin template conditionals do not natively support 'else if', but you can easily replicate its behavior by nesting conditionals as follows:

HTML Code:

<if condition="$my_variable == 1">

    <p>My variable is equal to one.</p>

<else />

    <if condition="$my_variable == 2">

        <p>My variable is equal to two.</p>

    <else />

        <p>My variable is equal to neither one nor two.</p>

    </if>

</if>

Ok, now to get complicated. I THINK this can be done with some CSS and DIVs, not sure.

Having the badge.png overlay the avatar so that you keep the rounded edges of the inside box (assuming that's what people use when they create their own badges). Either way the overlay can help hide the fact that some avatars are different sizes (or at least help you from making a badge for EVERY avatar size).

That would also allow for better positioning, as for right now, it's not REALLY in position. You could use some creative table and cell creation to force it there, but with multiple usergroups and avatar sizes that'd quickly become a pain in the side.

Thanks Kerry-Anne:

I was thinking of the javascript structure:

Code:

<script type="text/javascript">

var d = new Date()

var time = d.getHours()

if (time<10)

{

document.write("<b>Good morning</b>")

}

else if (time>=10 && time<16)

{

document.write("<b>Good day</b>")

}

else

{

document.write("<b>Hello World!</b>")

}

</script>



<p>

This example demonstrates the if..else if...else statement.

</p>

Still have alot to learn. :D

Regards,

FYI I've made a post at WDF for help for potential CSS solutions to my new question concerning CSS layers and the like:

http://www.webdesignforums.net/showthread.php?t=24578

Now for this hack we've all worked on to kick some booty, some type of backend that would easily allow you to assign badges to usergroups would rock, w/ some dynamic code that'd create some/all of the conditionals. AdminCP stuff. Yes, this is way out of my forte :)

For you if you want ^^ :

https://vborg.vbsupport.ru/

https://vborg.vbsupport.ru/

For team :

https://vborg.vbsupport.ru/

https://vborg.vbsupport.ru/

https://vborg.vbsupport.ru/

https://vborg.vbsupport.ru/

https://vborg.vbsupport.ru/

Code:

Code:

<!-- START - TEST FOR AVATAR HACK -->

<if condition="$show['avatar']">

<!-- ADMIN -->

<if condition="$post[usergroupid]==6">

<!-- I am an admin so do this -->

<td class="alt2">

  <table cellpadding="5" cellspacing="0" border="0" width="150" height="70" align="center">

      <tr>

        <td background="$stylevar[imgdir_misc]/badge6.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="56" width="56" align="right"></td>

      </tr>

  </table>

</td>

<!-- ADMIN -->

<else />

<!-- MODERATOR -->

<if condition="$post[usergroupid]==7 ">

<td class="alt2">

  <table cellpadding="5" cellspacing="0" border="0" width="150" height="70" align="center">

      <tr>

        <td background="$stylevar[imgdir_misc]/badge7.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="56" width="56" align="right"></td>

      </tr>

  </table>

</td>

<!-- MODERATOR -->

<else />

<!-- SUPER MODERATOR -->

<if condition="$post[usergroupid]==5 ">

<td class="alt2">

  <table cellpadding="5" cellspacing="0" border="0" width="150" height="70" align="center">

      <tr>

        <td background="$stylevar[imgdir_misc]/badge5.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="56" width="56" align="right"></td>

      </tr>

  </table>

</td>

<!-- SUPER MODERATOR -->

<else />

<!-- CODER -->

<if condition="$post[usergroupid]==10 ">

<td class="alt2">

  <table cellpadding="5" cellspacing="0" border="0" width="150" height="70" align="center">

      <tr>

        <td background="$stylevar[imgdir_misc]/badge10.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="56" width="56" align="right"></td>

      </tr>

  </table>

</td>

<!-- CODER -->

<else />

<!-- TRANSLATOR -->

<if condition="$post[usergroupid]==9 ">

<td class="alt2">

  <table cellpadding="5" cellspacing="0" border="0" width="150" height="70" align="center">

      <tr>

        <td background="$stylevar[imgdir_misc]/badge9.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="56" width="56" align="right"></td>

      </tr>

  </table>

</td>

<!-- TRANSLATOR -->

<else />

<!-- NO GROUP -->

  <td class="alt2">

      <a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>

  </td>

<!-- NO GROUP -->

</if>

</if>

</if>

</if>

</if>

</if>

<!-- END - TEST FOR AVATAR HACK -->

Quote:

Originally Posted by slappy

Something like this?

Code:

<if condition="$show['avatar']">

<!-- check for admin -->

<if condition="$post[usergroupid]==6">

<!-- I am an admin so do this -->

<td class="alt2">

  <table cellpadding="5" cellspacing="0" border="0" width="124" height="82" align="center">

      <tr>

        <td background="$stylevar[imgdir_misc]/badge.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="64" width="59" align="right"></td>

      </tr>

  </table>

</td>

<else />

<if condition="$post[usergroupid]==X ">

<!-- I am in this usergroup so do this -->

<td class="alt2">

  <table cellpadding="5" cellspacing="0" border="0" width="124" height="82" align="center">

      <tr>

        <td background="$stylevar[imgdir_misc]/badge2.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="64" width="59" align="right"></td>

      </tr>

  </table>

</td>

<else />

<!-- I am not in either of those groups so do this -->

  <td class="alt2">

      <a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>

  </td>

</if>

</if>

</if>

Oops. Look like the else needs to be else/if .

doesnt seem to work.. i get this..
http://img55.imageshack.us/img55/156...orepeat6bq.jpg

dont care to much about it being out of postition, but i just dont see why the no repeat isnt working.

You need to adjust the height and width settings for the size of the badge that you are using.

Quote:

Originally Posted by peterska2

You need to adjust the height and width settings for the size of the badge that you are using.

No, it's size to avatar Which is too big

Yes but the table height and width need to match the images.

Gotta love that we've got an admin that is the ONLY person on the board who has a large avatar, 125x125. Yep, it's an animated gif. No, can't make them change it. Bastid.

One guy @ WDF said this:

Quote:

I would probably put two img elements in one div (or two divs with a background in one div, whichever) and layer them over each other with absolute positioning + z-index to specify which is on top. Alternatively, put them in the right order. The point is, use two elements instead of just the one. Alternatively, you can do it the same way it is right now, except with the thing you want in the whole as a background. Then use the background-position property to put the avatar where it needs to go.

This help anyone?

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)bbcode_html_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)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:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01095 seconds Memory Usage 1,762KB 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 (3)bbcode_code_printable (1)bbcode_html_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)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: