Oops! Sepertinya ada sedikit kesalahan ...

game wrote:[You must be registered and logged in to see this image.]

i want something like this please give english tutorial please..

Code:

                <script type="text/javascript">
                    //<![CDATA[
                    var target = $('td.tcr').find('li.desc.lighter.blend_links');
                    target.each(function(index){
                        var UserURL = $(this).find('a.gensmall').attr('href');
                        var Desc = $(this).parent().find('li a');
                   
                      if (Desc.text() == '') {
                            Desc.text('Not yet posted');
                        }
                        if($.trim(UserURL) !== '') {
                            var found = $(this).parent().parent().find('.ipsUserPhoto_mini');
                            var caching_time = 24*60*60*1000;
                            var caching_error = 60*1000;
                       
                          if(localStorage.getItem('avatar_date' + index) <+new Date-caching_time || localStorage.getItem('avatar_date' + index) <+new Date-caching_error) {
                                $.get(UserURL, function(data){
                                    var avtPrf = $('#profile_tabs p img', data).attr('src');
                                    /*
                                    if(avtPrf.length > 0) {
                                        found.attr('src', avtPrf);
                                    }*/
                                    found.attr('src', avtPrf);
                                    localStorage.setItem('avatar_img' + index, avtPrf);
                                    localStorage.setItem('avatar_date' + index, +new Date);
                                });
                            } else {
                                found.attr('src', localStorage.getItem('avatar_img'+ index));
                            }
                        };
                    });
                    //]]>
                </script>

Code:

        <td class="tcr">
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                          </td>
                      </tr>
          <!-- END forumrow -->
          <!-- BEGIN tablefoot -->
                    </tbody>
                </table>
              </div>
          <!-- END tablefoot -->
        <!-- END catrow -->

Code:

                <!-- Column for Last Post -->
                <td class="tcr">
                <!-- Backup
                <span>
                <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                {catrow.forumrow.USER_LAST_POST}
                </span>
                -->
                <!-- BEGIN switch_topic_title -->
                <a href="" class="ipsUserPhoto">
                        <img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image" class="ipsUserPhoto_mini">
                    </a>
                <!-- END switch_topic_title -->
                <ul class="last_post ipsType_small">
                <li>
                <!-- BEGIN switch_topic_title -->
                <a title="{catrow.forumrow.LATEST_TOPIC_TITLE}" href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                <!-- END switch_topic_title -->
                </li>
                <li class="desc lighter blend_links">{catrow.forumrow.USER_LAST_POST}</li>
                </ul>
                </td>
                </tr>
                <!-- END forumrow -->
                <!-- BEGIN tablefoot -->
                </tbody>
                </table>
                </div>
                <!-- END tablefoot -->
                <!-- END catrow -->

Code:

                .tcr .ipsUserPhoto {
                        float: left;
                        margin-top: 3px;
                    }
                    .ipsUserPhoto_mini {
                        height: 30px;
                        width: 30px;
                    }
                    .ipsUserPhoto {
                        background: none repeat scroll 0 0 #FFFFFF;
                        border: 1px solid #D5D5D5;
                        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
                        padding: 1px;
                    }
                    .desc.lighter, .desc.lighter.blend_links a {
                        color: #A4A4A4;
                    }
                    .ipsUserPhoto img {
                    height: 40px;
                    width: 40px;
                }