Better YaAS (Awards) Layout!

[MarkFoster]

This is probably compatible with most YaAS versions but only tested on the latest one.
This mod will change your layout from the classic Awards Showcase into what you see in the image bellow.
NOTE: It doesn't change the colored layout but the content layout.
http://www.rarewarecentral.com/content/display.png

To do this all you need to do is three template edits. Simple, easy and a better YaAS.
Change the template "Awards_awardbit" to: <tr>

<if condition="$vboptions[aw_showicon]">
<td class="$bgclass" align="center">
<img src="$award[award_icon_url]" border="0">
</td>
</if>

<if condition="$vboptions[aw_showimage]">
<td class="$bgclass" align="center">
<a name="award$award[award_id]"></a>
<img src="$award[award_img_url]" alt="$award[award_name]" border="0">
</td>
</if>

<if condition="$vboptions[aw_showmembers]">

<td class="$bgclass"><b><a href="awards.php?do=viewaward&award_id=$award[award_id]">$award[award_name]</a></b>
<div class="smallfont">$award[award_desc]
<hr>
<if condition="$awarduserslist">
$vbphrase[users_with_thisaward]: $aw_ui<br>
$awarduserslist
<else />
$vbphrase[no_award_users]
</if>
</td>
</if>

</div>
<if condition="$vboptions[aw_requestaward]">
<td class="$bgclass" align="center" nowrap>
<if condition="$award[award_allowrequest]">
<a href="request_award.php?$session[sessionurl]award_id=$award[award_id]">$vbphrase[request_award]</a>
</if>
</td>
</if>


</tr>Change the teamplate "Awards_category" to:<if condition="$award_cat[award_cat_id]>1">
<tr>
<td class="page" colspan="$totalcols">
<img src="$vboptions[cleargifurl]" width="16" height="4" alt="" />
</td>
</tr>
</if>

<tr>
<td class="tcat" colspan="$totalcols">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('award_cat$award_cat[award_cat_id]')"><img id="collapseimg_award_cat$award_cat[award_cat_id]" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_award_cat}.gif" alt="" border="0" /></a>$award_categotybit
<if condition="$award_cat[award_cat_desc]"><div class="smallfont">$award_cat[award_cat_desc]</div></if>
</td>
</tr>
<tbody id="collapseobj_award_cat$award_cat[award_cat_id]" style="{$collapseobj_award_cat}">

<tr>
<if condition="$vboptions[aw_showicon]">
<td class="thead" nowrap="nowrap">$vbphrase[award_icon]</td>
</if>

<if condition="$vboptions[aw_showimage]">
<td class="thead" nowrap="nowrap">$vbphrase[award_image]</td>
</if>


<if condition="$vboptions[aw_showmembers]">
<td class="thead" width="100%">Description / Users with Award</td>
</if>


<if condition="$vboptions[aw_requestaward]">
<td class="thead" align="center" nowrap="nowrap">$vbphrase[request_award]</td>
</if>

</tr>

<if condition="$award[award_id]">
$awardsbits
<else />
<!-- show no awards message -->
<tr>
<td class="alt1" colspan="$totalcols" align="center">
<div style="padding: 16px">
<strong>$vbphrase[no_awards_in_this_category]</strong>
</div>
</td>
</tr>
<!-- end show no awards message -->
</if>
</tbody>Change the template "Awards_showcase" to:<!-- [START HACK='Yet Another Awards System hack' AUTHOR='HacNho'] -->
<if condition="$show['userawards']">
<a name="award"></a>
<br>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat" colspan="3" align="center">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('award_showcase')"><img id="collapseimg_award_showcase" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_award_showcase}.gif" alt="" border="0" /></a>
$vbphrase[award_showcase] ($total_awards $vbphrase[awards])
</td>
</tr>
<tbody id="collapseobj_award_showcase" style="{$collapseobj_award_showcase}">
<tr>
<if condition="$vboptions[aw_showicon]">
<td class="thead" nowrap>$vbphrase[award_icon]</td>
</if>
<if condition="$vboptions[aw_showimage]">
<td class="thead" nowrap>$vbphrase[award_image]</td>
</if>

</tr>
$userawardslistbits
</tbody>
</table>
</if>
<!-- [END HACK='Yet Another Awards System hack' AUTHOR='HacNho'] -->

Enjoy the changes!
Click install if you use it.

[GhoHan]

i say thanks for first time good idea..

[Welshy2008]

Sorry for being slow here. By looking at your OP and the template changes, there is obviously something along these lines already on vB 3.8.x.

What is it and where would I find it please?

If someone could explain - I would be grateful.

[Skydiver10]

Thank you for these edits!...

[RobbieZ]

Thanks

[PattiOz]

I could not find the "Awards_showcase" template ??

[ScrapALatte]

Any idea why there's no "Awards_showcase" template? Has anyone figured out how to make this work?

Thanks for the help. : )

[snowlion]

It's already in Yet Another Award System 3.8 (https://vborg.vbsupport.ru/showthread.php?t=196244). That's why you can't find "Awards_showcase" template

[leomartins]

thanks !

i will test now!

[ChiNa]

Installed but 1 Little problem: I think this was made for the old version, so the "Awards_showcase" is not found in th new YAAS Version. But works fine on vBulletin 3.8.6 and 3.8.7!

And by the way, if you want to change the "Award Request" Text, then I have changed my Award Request TEXT to CSS buttons, with a nice HOVER effect!

This is how my "Award Request" button looks like:
https://vborg.vbsupport.ru/external/2012/10/54.png

If you want the exact same buttons, then "Replace" all the codes in your "awards_awardbit" with my code below:

Code to replace in awards_awardbit Template:
<tr>

<if condition="$vboptions[aw_showicon]">
<td class="$bgclass" align="center">
<img src="$award[award_icon_url]" alt="Award" border="0">
</td>
</if>

<if condition="$vboptions[aw_showimage]">
<td class="$bgclass" align="center">
<a name="award$award[award_id]"></a>
<img src="$award[award_img_url]" alt="Award" alt="$award[award_name]" border="0">
</td>
</if>

<if condition="$vboptions[aw_showmembers]">

<td class="$bgclass"><b><a href="awards.php?do=viewaward&award_id=$award[award_id]">$award[award_name]</a></b>
<div class="smallfont">$award[award_desc]
<hr>
<if condition="$awarduserslist">
$vbphrase[users_with_thisaward]: $aw_ui<br>
$awarduserslist
<else />
$vbphrase[no_award_users]
</if>
</td>
</if>

</div>
<style type="text/css">
.awardrequest {
-moz-box-shadow:inset 0px 0px 0px 0px #8f8f8f;
-webkit-box-shadow:inset 0px 0px 0px 0px #8f8f8f;
box-shadow:inset 0px 0px 0px 0px #8f8f8f;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #262526), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #262526 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#262526', endColorstr='#dfdfdf');
background-color:#262526;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #dcdcdc;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:3px 7px;
text-decoration:none;
}.awardrequest:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #262526) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #262526 100% );
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#262526');
background-color:#dfdfdf;
}.awardrequest:active {
position:relative;
top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
<if condition="$vboptions[aw_requestaward]">
<td class="$bgclass" align="center" nowrap>
<if condition="$award[award_allowrequest]">
<a href="request_award.php?$session[sessionurl]award_id=$award[award_id]" class="awardrequest">$vbphrase[request_award]</a>
</if>
</td>
</if>
</tr>If you want to change your button Effect and color, then go to http://www.cssbuttongenerator.com/ and generate a new code and replace the old code with the new one! Dont forget to change the 3 class "classname" to "awardrequest"! Good Luck

[matrex722]

thanks !

i will test now!

[SoniaTel]

very nice thanks

[blackberry]

screen shot??

[Dorgham]

screen shot??

screen shot
http://www.rarewarecentral.com/content/display.png