Advertise Here

Author Topic: [Guide] How to Use Your Own Rank Images  (Read 159840 times)

0 Members and 1 Guest are viewing this topic.

Offline [JeReMy]

  • SMF For Free Master
  • *
  • Posts: 1174
  • www.ourhangout.org
    • View Profile
    • ourhangout

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #30 on: November 22, 2008, 10:23:42 am »
yes it did show up and i just changed http://www.smfboards.com/ranks/3cyan.gif to http://images.smfboards.com/ranks/3cyan.gif   but it still didnt work

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Guide] How to Use Your Own Rank Images
« Reply #31 on: November 22, 2008, 11:20:27 am »
Lets start over.

Put 3cyan.gif in as the star file name.
Go to a post you have written
RIght mouse click on the star image.
Get the url.

Put it in place of OLD URL in the following code
Put the url of the image you want to use in place of NEW URL   (make sure that image url works)

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

img_b[img_b.length++] = [ "OLD URL" , "NEW URL" ]

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>

Offline [JeReMy]

  • SMF For Free Master
  • *
  • Posts: 1174
  • www.ourhangout.org
    • View Profile
    • ourhangout

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #32 on: November 22, 2008, 12:03:19 pm »
tysvm sibyl i know what i done i didnt save the image that i wasa gonna swap i left the original one and tryed to do all that  :uglystupid2: :2funny: thx once again

Offline Apple

  • SMF For Free Newbie
  • *
  • Posts: 18
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #33 on: November 29, 2008, 09:51:19 am »
Dude, cool guide.But one thing: I put in this code:
Quote
<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/ranks/1starorange.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_admin.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_moderator.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1starlime.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_moderator.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_0.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_1.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_2.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_3.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_4.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_5.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_6.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_mvp.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_moderator.gif" ]

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.src == img_b[j][0]){
     all_images.src = img_b[j][1];
}}}
</script>

And it's still coming up with the old ones. I put it into my Footer, and it still didn't work!

Please help
Selling level 80 RuneScape account, PM me for more info.

Offline Apple

  • SMF For Free Newbie
  • *
  • Posts: 18
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #34 on: November 29, 2008, 10:04:22 am »
Ahhaa, I
Dude, cool guide.But one thing: I put in this code:
Quote
<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/ranks/1starorange.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_admin.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_moderator.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1starlime.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_moderator.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_0.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_1.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_2.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_3.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_4.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_5.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_6.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_mvp.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/3yellow.gif" , "http://images.smfboards.com/ranks/dl_ranks2/rank_moderator.gif" ]

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.src == img_b[j][0]){
     all_images.src = img_b[j][1];
}}}
</script>

And it's still coming up with the old ones. I put it into my Footer, and it still didn't work!

Please help
Ahaa I know what I did wrong, I didn't put in the name of the Picture  :uglystupid2: :crazy2: :2funny:

Thank you dude
-Apple.
Selling level 80 RuneScape account, PM me for more info.

Offline OutOfOrder

  • SMF For Free Sr. Member
  • *
  • Posts: 385
  • Creator of the X-treme Gaming Forums
    • View Profile
    • X-treme Gaming Forums!!!

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #35 on: November 30, 2008, 09:39:19 am »
Forum Url: http://www.funcentral.smfforfree2.com/index.php

thanks for the guide! it has really helped me...

but i have one question... when i have slow internet, i can see the original image, and then later it changes to the image i wanted. and also when i do a quick post, the admin image i have set looks like the old image i had set (it was supposed to change, but it did not). then after i refresh the page, it works.

how do i make it change immediately rather than having it flash the old image and then change to the newer image?

thanks in advance!


Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Guide] How to Use Your Own Rank Images
« Reply #36 on: November 30, 2008, 09:40:46 am »
Forum Url: http://www.funcentral.smfforfree2.com/index.php

thanks for the guide! it has really helped me...

but i have one question... when i have slow internet, i can see the original image, and then later it changes to the image i wanted. and also when i do a quick post, the admin image i have set looks like the old image i had set (it was supposed to change, but it did not). then after i refresh the page, it works.

how do i make it change immediately rather than having it flash the old image and then change to the newer image?

thanks in advance!



You can't do anything about it.    Until the code loads and runs the old images will be there.   Since the codes in the Footer (and it has to be) it is going to be one of the last things to load.  Same thing happens with some of the codes that require jquery that change and remove/hide things.

Offline xgmedia

  • SMF For Free Newbie
  • *
  • Posts: 8
    • View Profile

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Guide] How to Use Your Own Rank Images
« Reply #37 on: December 18, 2008, 05:13:58 pm »
But how do I get the link of the rank images on this page to have them switched? http://www.smfsupport.com/support/stylesheet_codes/stylesheet_ss_media_player-t22518.0.html. Thanks for anyone who helps me.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Guide] How to Use Your Own Rank Images
« Reply #38 on: December 18, 2008, 05:55:11 pm »
But how do I get the link of the rank images on this page to have them switched? http://www.smfsupport.com/support/stylesheet_codes/stylesheet_ss_media_player-t22518.0.html. Thanks for anyone who helps me.

Right mouse on the image..   click Propertys.  You will see the link there.

Offline Sherry

  • SMF For Free Full Member
  • *
  • Posts: 119
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 100 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #39 on: December 25, 2008, 08:24:17 pm »
Forum Url: http://pittcountymomsclub.smfforfree2.com
My images just turn into X's
Here is the code:

Quote

<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/ranks/AppleBlue/rangad.gif" , "http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/?action=viewt=CrownAdminbutton.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/AppleBlue/rangsup.gif" , "http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/?action=viewt=GlobalModButton.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/AppleBlue/rangmo.gif" , "http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/?action=viewt=ModButton.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/AppleBlue/rangw.gif" , "http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/?action=viewt=WebDesignTeamButton.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/AppleBlue/rangt.gif" , "http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/?action=viewt=PromotionsButton.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/?action=viewt=oneface.gif" ]

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.src == img_b[j][0]){
     all_images.src = img_b[j][1];
}}}
</script>

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Guide] How to Use Your Own Rank Images
« Reply #40 on: December 25, 2008, 09:04:09 pm »
The links for the images you have on your Photobucket account are  incorrect for the code
You need to use the direct links..

for instance the first one:
http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/?action=viewt=CrownAdminbutton.jpg
Should be:
http://s412.photobucket.com/albums/pp209/PittCountyMomsClub/Ranks/CrownAdminbutton.jpg

Offline Sherry

  • SMF For Free Full Member
  • *
  • Posts: 119
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 100 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #41 on: December 25, 2008, 09:55:23 pm »
Okay...gotcha.

Thanks a bunch!

Offline zammymage

  • SMF For Free Full Member
  • *
  • Posts: 108
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #42 on: December 26, 2008, 04:55:42 pm »
Great guide i use it all the time but can u make ur own images and put in there or just the images in the change starimage link?

Offline Mystic_kid2k6

  • SMF For Free Member
  • *
  • Posts: 44
    • View Profile

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #43 on: January 18, 2009, 03:43:13 pm »
NVM took a while for the images to load lol.
« Last Edit: January 19, 2009, 09:48:33 am by Mystickid2k6 »

Offline Seldom Fail

  • Helpers
  • *
  • Posts: 2082
  • Helping for 3 years! :)
    • View Profile
    • My Site!

  • Total Badges: 26
    Badges: (View All)
    Sixth year Anniversary Fifth year Anniversary Apple User Search Poll Voter
Re: [Guide] How to Use Your Own Rank Images
« Reply #44 on: January 28, 2009, 12:38:42 pm »
Forum Url: http://nonstopgamers.smfforfree.com
Nice it worked. But when the person posted something, it came up as 5 of the images in a row... is that normal or can that be fixed?  :(
<--- Donate to SMF For Free! :D