There are 2 images that are needed to replace the online indicator (little green light), with animated images. The smaller image without the text is needed for the Profile Pages and the Main Member page.
Replace this image:

With this image for Home Page (must have large thumbs selected to see indicator):

And this image for main Member Page and Profile Pages:

Add this code to your Manage/Appearance/Advanced CSS:
/* Home Page Online Indicator Replacement */
.module_members .online {
no-repeat scroll 3px 50% transparent!important;}

/* Member Page Online Indicator Replacement - - smaller image */
div.member_item .online {
no-repeat scroll 0px 50% transparent; width:20px;height:20px;}

/* Profile Pages Online Indicator Replacement - - smaller image */
div.xg_widget_profiles_profile .online {
no-repeat scroll 0px 50% transparent!important; width:20px;height:20px;}

Important Note:
Since I uploaded these images via a blog on my Ning, your safest bet is
to upload the images on your Ning, re-upload via a blog, and change the 2
image paths in the CSS. The first line of CSS is for home page and uses
the image called: onlinenow.gif
The other 2 lines of CSS are for the member page and profile pages, and
uses the image called: onlinenow_small.gif. I have uploaded both

For the smaller version I created this fading on/off star. Feel free to use it.

And, here are 2 more I created:

Just right-click on any of these images, and save to your hard drive. Then, upload via a Blog or comment, from your site. Copy paste the image URL to the CSS. For all of these you may have to add height and width. For example for the 2nd one, you would need width:45px!important;

Have fun,

Views: 1964


Replies to This Discussion

I finally got around to this one. My little horn looks pretty slick on a dark background:

Thanks a bunch. You are Jen-sational!

Yes indeed it does look slick!

Cool, glad you liked the tip.



11_cyrcle_one_24 12_cyrle_two_24 13_cyrle_three_24 14_cyrle_four_24 15_cyrcle_five_24 16_cycle_one_24 17_snail_one_24 18_clock_five_24 19_cycle_sixtytwo_24 110_cycle_fifteen_24 121_cycle_twentynine_24 131_cycle_fortyfive_24
21_cyrcle_six_24 22_cyrcle_seven_24 23_sphere_one_24 24_sphere_two_24 25_sphere_three_24 26_cycle_two_24 27_snail_two_24 28_flower_nine_24 29_cycle_sixtyone_24 210_cycle_sixteen_24 122_cycle_thirty_24 132_cycle_fortysix_24
31_clock_one_24 32_ball_one_24 33_ball_two_24 34_ball_three_24 35_ball_four_24 36_cycle_three_24 37_elements_one_24 38_cycle_forty_24 39_air_three_24 310_cycle_seventeen_24 123_cycle_thirtyone_24 133_cycle_fortyseven_24
41_ball_five_24 42_line_one_24 43_line_two_24 44_cube_one_24 45_cube_two_24 46_cycle_four_24 47_cycle_twenty_24 48_game_one_24 49_air_two_24 410_cycle_eighteen_24 124_cycle_thirtytwo_24 134_cycle_fortyeight_24
51_ball_six_24 52_ellipse_one_24 53_ellipse_two_24 54_ball_six_24 55_cycle_ten_24 56_cycle_five_24 57_flower_twentytwo_24 58_cycle_fortyone_24 59_air_one_24 510_cycle_nineteen_24 125_cycle_thirtythree_24 135_cycle_fortynine_24
61_cycle_eight_24 62_cycle_nine_24 63_cycle_eleven_24 64_cycle_eleven_24 65_cycle_twelve_24 66_numbers_one_24 67_cycle_twentyone_24 68_cycle_fortytwo_24 69_flower_sixtyone_24 610_cycle_twentythree_24 126_cycle_thirtyfour_24 136_cycle_fifty_24
71_cycle_thirteen_24 72_cycle_eight_24 73_cycle_seven_24 74_cycle_nine_24 75_cycle_six_24 76_cycle_twelve_24 77_flower_twenty_24 78_cycle_fortythree_24 79_flower_sixtytwo_24 710_cycle_twentyfour_24 127_cycle_thirtyfive_24 137_cycle_fiftyone_24
81_cycle_ten_24 82_cycle_eleven_24 83_cube_three_24 84_cube_four_24 85_equalizer_one_24 86_equalizer_two_24 87_flower_twentyone_24 88_flower_ten_24 89_cycle_sixty_24 810_cycle_twentyfive_24 128_cycle_thirtysix_24 138_cycle_fiftytwo_24
91_radiation_one_24 92_cycle_fourteen_24 93_octopod_one_24 94_square_one_24 95_pyramid_one_24 96_triangle_one_24 97_elements_three_24 98_cube_six_24 99_elements_sixtyone_24 910_cycle_twentysix_24 129_cycle_thirtyseven_24 139_cycle_fiftythree_24
101_flower_one_24 102_flower_two_24 103_cycle_one_24 104_star_one_24 105_star_two_24 106_cycle_two_24 107_cycle_twentytwo_24 108_cycle_fortyfour_24 109_line_three_24 1010_cycle_twentyseven_24 1210_cycle_thirtyeight_24 1310_cycle_fiftyfour_24
111_cycle_three_24 112_cycle_four_24 113_flower_three_24 114_flower_four_24 115_cycle_five_24 116_flower_five_24 117_elements_two_24 118_cube_seven_24 119_line_four_24 1110_cycle_twentyeight_24 1211_cycle_thirtynine_24 1311_cycle_fiftyfive_24



© 2017   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

VIP Ning Tips