Advertise Here

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

0 Members and 2 Guests are viewing this topic.

Offline мσנσвσנσ82

  • SMF For Free Sr. Member
  • *
  • Posts: 310
    • View Profile
    • Darkilscape

  • 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 #60 on: March 31, 2009, 04:39:38 am »
hmm when i do to get my Warned sign it only gives a green square it don't show Warned in words next to it... this is 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/2music.gif" , "http://i102.photobucket.com/albums/m105/mysmileyplace/warned2.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>
« Last Edit: June 19, 2009, 10:34:29 pm by мσנσвσנσ82 »



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 #61 on: March 31, 2009, 04:58:18 am »
Background of your forum is black.  The words "warned" on that image are black.    They won't show on that background.    You'll need to choose an image that will show up.

Offline legend ftw

  • SMF For Free Member
  • *
  • Posts: 98
    • 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 #62 on: April 07, 2009, 03:52:13 pm »
thanks for guide i works for me but if anyone has a problem see if u left the http//: thing delete if u have 2 of them

Offline help?

  • SMF For Free Newbie
  • *
  • Posts: 1
    • 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 #63 on: April 09, 2009, 08:10:27 pm »
PLEASE GIVE ME A LINK TO THE RANK IMAGES PLEASE!!
don't ask questions
just do it please
my link won't open. >:(

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 #64 on: April 09, 2009, 08:20:49 pm »
<--- Donate to SMF For Free! :D

Offline Pan

  • SMF For Free Member
  • *
  • Posts: 33
    • View Profile
    • MangaFive Forum Community

  • 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 #65 on: May 20, 2009, 12:53:17 am »
Still the rank image will not change. please help!
the images will not show but a number or a word something like this: *****
« Last Edit: May 20, 2009, 01:05:19 am by Pan »

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 #66 on: May 20, 2009, 10:19:49 am »
Still the rank image will not change. please help!
the images will not show but a number or a word something like this: *****

We  cannot help without more information:
First go back thru the tutorial and doublecheck your work... then if it does not work:
Please post your forum url, and the code that you put in your footer

« Last Edit: May 20, 2009, 10:45:53 am by simply sibyl »

Offline Gir

  • SMF For Free Full Member
  • *
  • Posts: 118
  • Call Me Elijah. :]
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Apple User Topic Starter Combination Level 3 Level 2
Re: [Guide] How to Use Your Own Rank Images
« Reply #67 on: June 05, 2009, 01:57:54 pm »
I Got...
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/Futura_6/PDT_Rang_mo.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/thba24d46a.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_ad.gif" , "http://http://i281.photobucket.com/albums/kk216/elijahcoats/th44c2c488.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_t.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/thea7155f1.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_1.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th4bc9b135.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_2.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th54599cd9.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_3.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th90ca5202.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_4.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th7ec0705c.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_5.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/thd55cb2d2.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>
But I Didn't Work ):
« Last Edit: June 05, 2009, 02:01:49 pm by GuitarHero »

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 #68 on: June 05, 2009, 02:00:19 pm »
The second line of the images...

You have two http://'s in the new image URL.

did the other images work or are they all not working?

<--- Donate to SMF For Free! :D

Offline Gir

  • SMF For Free Full Member
  • *
  • Posts: 118
  • Call Me Elijah. :]
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Apple User Topic Starter Combination Level 3 Level 2
Re: [Guide] How to Use Your Own Rank Images
« Reply #69 on: June 05, 2009, 02:03:23 pm »
The second line of the images...

You have two http://'s in the new image URL.

did the other images work or are they all not working?



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/Futura_6/PDT_Rang_mo.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/thba24d46a.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_ad.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th44c2c488.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_t.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/thea7155f1.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_1.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th4bc9b135.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_2.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th54599cd9.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_3.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th90ca5202.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_4.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/th7ec0705c.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/Futura_6/PDT_Rang_5.gif" , "http://i281.photobucket.com/albums/kk216/elijahcoats/thd55cb2d2.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>

It Works Now...
And Yeah I Looked At My Junior Mod's And His Was Working.
Thank You! (:

Thanks, GuitarHero

Offline roser

  • SMF For Free Full Member
  • *
  • Posts: 166
    • 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 #70 on: June 16, 2009, 12:38:22 am »
it wont work at mines i get only a white box with a red X in it:S look 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://www.smfboards.com/ranks/star.gif" , "http://i40.tinypic.com/27wu4vk.jpg" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/star.gif" , "http://i43.tinypic.com/t8b14i.jpg" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/star.gif" , "http://i39.tinypic.com/2zyizjn.jpg" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/star.gif" , "http://i44.tinypic.com/255uz3d.jpg" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/star.gif" , "http://i40.tinypic.com/i43axv.jpg" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/star.gif" , "http://i41.tinypic.com/33o1ezl.jpg" ]

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>
« Last Edit: June 16, 2009, 10:45:15 am by simply sibyl »

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 #71 on: June 16, 2009, 01:05:45 am »
hi roser

The image urls you used for the OLD images are wrong.
They should be:  http://images.smfboards.com/ranks/star.gif
(instead of www.smfboards they should be images.smfboards)

Make sure to get the urls from the star filenames page or in a post - NOT the one on the Membergroup page

I see you have the same image set up for all of them.
In order to have a different image for each Membergroup you need to setup a different starfile image for each group. 

You can use the code you already have -  just setup the new images for each group and replace the urls in the code with the correct ones.
« Last Edit: June 16, 2009, 10:47:15 am by simply sibyl »

Offline roser

  • SMF For Free Full Member
  • *
  • Posts: 166
    • 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 #72 on: June 17, 2009, 12:58:56 am »
yes!! ;D ;D ;D thank you simply it worked now!

Offline roser

  • SMF For Free Full Member
  • *
  • Posts: 166
    • 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 #73 on: June 20, 2009, 04:20:27 am »
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/star.gif" , "http://i41.tinypic.com/29nxo5f.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/star.gif" , "http://i43.tinypic.com/t8b14i.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/star.gif" , "http://i39.tinypic.com/2zyizjn.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/star.gif" , "http://i44.tinypic.com/255uz3d.jpg" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/star.gif" , "http://i40.tinypic.com/i43axv.jpg" ]

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>
mine's don't work :-\  if some one have 250 post's it give him 4 bars that says beginner gamer

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 #74 on: June 20, 2009, 06:11:36 am »
You can't change the same image.

You have this code trying to change http://images.smfboards.com/ranks/star.gif everytime.

You need to choose different images in the "OLD IMAGE" section. Because the code will only change it once.
<--- Donate to SMF For Free! :D