If somebody is interested in the code, leave me a message in this thread and I will post the necessary changes.
I'm interested ...
Hi mawenzi,
add the
red code-fragments to
rate_form.html:
[qcode]
<form method="post" action="{self}">
<table border="0" cellspacing="0" cellpadding="1">
<tr>
<td class="head1">
<table border="0" cellspacing="0" cellpadding="3" class="row1">
<tr>
<td valign="bottom">
<select name="rating" class="select">
<option value="">{Please_rate}</option>
<option
id="apples_5x" value="5">
5 - {lang_top}</option>
<option
id="apples_4x" value="4">
4 - {lang_above_average}</option>
<option
id="apples_3x" value="3">
3 - {lang_average}</option>
<option
id="apples_2x" value="2">
2 - {lang_below_average}</option>
<option
id="apples_1x" value="1">
1 - {lang_flop}</option>
</select>
<td>
<input type="hidden" name="action" value="rateimage" />
<input type="hidden" name="id" value="{image_id}" />
<input type="submit" value="{rate}" class="button" name="submit" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
[/qcode]
At the
bottom of
style.css add this:
[qcode]
/*--Rating--------------------------------------------------*/
#apples_1x {
background-image:url(/4images/templates/Fruitsticker/images/apples_1x.gif);
background-repeat:no-repeat;
}
#apples_2x {
background-image:url(/4images/templates/Fruitsticker/images/apples_2x.gif);
background-repeat:no-repeat;
}
#apples_3x {
background-image:url(/4images/templates/Fruitsticker/images/apples_3x.gif);
background-repeat:no-repeat;
}
#apples_4x {
background-image:url(/4images/templates/Fruitsticker/images/apples_4x.gif);
background-repeat:no-repeat;
}
#apples_5x {
background-image:url(/4images/templates/Fruitsticker/images/apples_5x.gif);
background-repeat:no-repeat;
}
[/qcode]
Necessary individual changes:
- Use picture-files of your choice. It's cool to use .gif-pictures with transparent background for this.
- You may change the names used as id (i. e. apples_3x) in both modules to whatever you like. They are not related to the names of the picture-files.
- Insert as many ... as necessary into rate_form.html to move the follow-up text to the right far enough, so that it won't overlap with the picture
- Reduce the height of the pictures you use, so that they will fit the height of the row-entries of the selection dropdown list
- It should be more than easy to expand this MOD to more than 5 rating-ranks
That's all. And I think that's my first small 4images-MOD.
I hope many users will enjoy this and I would like a PM with a link to the site from everybody, who has implemented this MOD.
e-trader_2002