Advertise Here

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

0 Members and 1 Guest are viewing this topic.

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 #45 on: January 28, 2009, 12:41:00 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?  :(

Modify the Membergroup and change the number of star images to 1   ;)

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 #46 on: January 28, 2009, 12:50:40 pm »
Forum Url: http://nonstopgamers.smfforfree.com
haha ok that would make sense :) haha thanks man!
<--- Donate to SMF For Free! :D

Offline Annjill

  • SMF For Free Member
  • *
  • Posts: 84
  • Miley Cyrus is <3
    • View Profile
    • Cottontail Chaos

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #47 on: February 01, 2009, 12:35:55 am »
Forum Url: http://cottontailchaos.smfforfree.com
Here's my code :

Code: [Select]
<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/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/moderatorstar.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/GlobalModerator.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/bluemoderatorstar.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/goldstar7.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/silverstar6.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/orangestar5.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/greenstar4.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/violetstar3.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/fleshstar2.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/starlime1.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[i].src == img_b[j][0]){
     all_images[i].src = img_b[j][1];
}}}
</script>

And the original piture shows up. help !


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 #48 on: February 01, 2009, 12:42:44 am »
You need to set up a different starfile image for each membergroup.
It will not work using the same image for all of them.

Offline Annjill

  • SMF For Free Member
  • *
  • Posts: 84
  • Miley Cyrus is <3
    • View Profile
    • Cottontail Chaos

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #49 on: February 01, 2009, 12:45:55 am »
Forum Url: http://cottontailchaos.smfforfree.com
oops then.

[edited]

Okai im done. and i had already put the new code on the footers.

but it's still on its original image ..
« Last Edit: February 01, 2009, 12:53:06 am by Annjill »

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 #50 on: February 01, 2009, 01:18:42 am »
The code that is in your footer looks correct to me.  
When you first setup the starfile images in Membergroups did you check to make sure they were working okay and were they?   

When you set them up did you put only (for instance) 1staraqua.gif  in the box?

« Last Edit: February 01, 2009, 01:28:21 am by simply sibyl »

Offline Annjill

  • SMF For Free Member
  • *
  • Posts: 84
  • Miley Cyrus is <3
    • View Profile
    • Cottontail Chaos

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #51 on: February 01, 2009, 01:31:35 am »
Okai.I havent checked it. Here's the new code. Is it right ?
Code: [Select]
<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/1staraqua.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/moderatorstar.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1stargold.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/GlobalModerator.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1starlime.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/bluemoderatorstar.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1starorange.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/goldstar7.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1starpink.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/silverstar6.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1starpurple.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/orangestar5.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/1starred.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/greenstar4.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/2music.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/violetstar3.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/2music1.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/fleshstar2.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/2music2.gif" , "http://i212.photobucket.com/albums/cc258/Annsharneliun/starlime1.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[i].src == img_b[j][0]){
     all_images[i].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 #52 on: February 01, 2009, 01:39:25 am »
Okai.I havent checked it. Here's the new code. Is it right ?

The code looks correct.   Show me exactly what you put in the box for one of the Membergroups for the original starfile ok?
« Last Edit: February 01, 2009, 01:40:59 am by simply sibyl »

Offline Annjill

  • SMF For Free Member
  • *
  • Posts: 84
  • Miley Cyrus is <3
    • View Profile
    • Cottontail Chaos

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #53 on: February 01, 2009, 01:44:22 am »
Thanks so much ..
[ star.gif ]
it's still the same. the original ..

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 #54 on: February 01, 2009, 01:51:23 am »
Thanks so much ..
[ star.gif ]
it's still the same. the original ..

Here is what you have to do.
Lets take the first one in your code as an example.  
Whichever Membergroup that one is for Modify that Membergroup and put this in the box for their starfile image:   1staraqua.gif     

Go thru and make sure you have the correct one in each of your Membergroups.  
Then your code should work fine. 

Offline Annjill

  • SMF For Free Member
  • *
  • Posts: 84
  • Miley Cyrus is <3
    • View Profile
    • Cottontail Chaos

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #55 on: February 01, 2009, 01:55:55 am »
YEHEY !

It's working !

Thanks so much ..

You are a lifesaver !

more power

Offline jmcmatrixs

  • SMF For Free Member
  • *
  • Posts: 82
  • www.swapitshop.smfforfree.com
    • View Profile

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to Use Your Own Rank Images
« Reply #56 on: February 01, 2009, 05:29:00 am »
 :) Nice Guide Mate

 :angel: Angels Of SMF (lol)
Signiture



Affliriate Button
When somebody makes me one

Offline Furious1Auto

  • SMF For Free Member
  • *
  • Posts: 46
    • 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 #57 on: February 04, 2009, 08:29:40 pm »
If you are using photobucket to host your image, what code do you use when generating your footer code? Here is the code I generated, and all that shows up on the thread is: * in lieu of my pic!

<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/doggy/transpsupermods.gif" , "http://s185.photobucket.com/albums/x2/Furious1auto/?action=view&current=contributingmember.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>
« Last Edit: February 04, 2009, 08:40:43 pm by Furious1Auto »

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 #58 on: February 04, 2009, 09:01:08 pm »
Use the direct link to the image on your Photobucket..  that link should be:
http://s185.photobucket.com/albums/x2/Furious1auto/contributingmember.gif

Offline Furious1Auto

  • SMF For Free Member
  • *
  • Posts: 46
    • 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 #59 on: February 04, 2009, 09:41:32 pm »
It worked, thanks!