SMF For Free Support > Stylesheet Codes

[Forum Icons]

(1/2) > >>

Nutz:
Figured this would not get lost in translation in the stylesheet section.

Icons in forums and posts will change to these using code below. Feel free to use my url's. These are png images and will show crisply on any color background.



Put this in header if you don't already have it.


--- Code: ---<script src="/jquery.js"></script>
--- End code ---

Put this in your footer
Image swap code courtesy of iFusion


--- Code: ---<script type='text/javascript'>
/*
Change Any Image On Page
Created by iFusion
*/
var img_b = new Array();

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/im_on.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/Google-Talk-icon-2.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/im_off.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/Google-Talk-icon-2.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/topic/normal_post.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/folder.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/topic/hot_post.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/folder_accept.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/icons/quick_lock.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/lock.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/topic/veryhot_post.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/folder_add.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/topic/my_normal_post.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/favorite.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/topic/normal_poll.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/chart.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/buttons/modify.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/page_edit2.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/buttons/delete.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/page_remove.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/buttons/quote.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/page_process.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/buttons/split.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/page-swap-icon.png"]

img_b[img_b.length++] = ["http://www.smfboards.com/Themes2/default/images/www_sm.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/myspace-icon2.png"]

img_b[img_b.length++] = ["http://www.smfboards.com/Themes2/default/images/msntalk.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/MSN-exporer-icon.png"]

img_b[img_b.length++] = ["http://www.smfboards.com/Themes2/default/images/aim.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/aol-icon.png"]

img_b[img_b.length++] = ["http://opi.yahoo.com/online?u=aa&m=g&t=0" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/yahoo-icon.png"]

img_b[img_b.length++] = ["http://www.smfboards.com/Themes2/default/images/icons/modify_inline.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/notes_edit-1.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/post/xx.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/page.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/icons/last_post.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/page_next.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/topic/my_veryhot_post.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/favorite.png"]

img_b[img_b.length++] = ["http://images.smfboards.com/Themes2/default/images/topic/my_hot_post.gif" , "http://i30.photobucket.com/albums/c328/nutz4benz/forum/favorite.png"]

var all_images = document.getElementsByTagName('IMG');
for(i=0;i<all_images.length;i++){
for(j=0;j<img_b.length;j++){
   if(all_images[i].src == img_b[j][0]){
     all_images[i].src = img_b[j][1];
}}}
</script>
--- End code ---

Nutz:


Folders



Posts (new and no new)

Nutz:
Input box ( will need to use image swap code ) to appear.

Nutz:
Profile ( below avatars and post count)

forums4reptiles:
very good code

Navigation

[0] Message Index

[#] Next page