Author Topic: [Guide] How to Use Your Own Rank Images  (Read 100411 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 #135 on: February 13, 2010, 02:42:53 am »
You didnt follow Step 2 correctly and used the wrong link for the original image.


This is the link you need to use for the "old" image:

http://images.smfboards.com/ranks/AppleBlue/rangsp.gif
« Last Edit: February 13, 2010, 02:45:10 am by simply sibyl »

Offline brad1571

  • SMF For Free Newbie
  • *
  • Posts: 15
  • Since the box is blank let's leave it that way.
    • View Profile

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #136 on: February 13, 2010, 02:54:44 am »
I opend my "Member Groups" and clicked on the Doantor,
It had that santa hat I wanted. I pressed save and it did NOTHING :S

« Last Edit: February 13, 2010, 02:56:45 am by brad1571 »

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 #137 on: February 13, 2010, 02:57:08 am »
Read this:

Quote

STEP 2:
You need to know the url of the images you just set up so you can swap them.
IMPORTANT:   It is important that you have the CORRECT url or this will not work.  It has to be the url of the image that is displayed on the starfile image page NOT the one on the Membergroup page.
From the starfile image page:
Right mouse click on the image you set up for the Membergroup.
Click Propertys.
You will see the url there.
Copy the url.
Make sure the image starts with:   http://images.smfboards.com
NOT:  http://www.smfboards.com




I'll explain why you cannot get the url from the Membergroup Page:
The url for the image in the posts is a different url then the url on the Membergroup Page.
The code needs to find the image url that is in the Post.  (you get that from the starfile image page NOT the Membergroup page.
You used the code from the Membergroup Page.   The code could not find that url in a post so it did not swap the image.

;)

Change the url for the old image in the code  to the url I gave you and it will work fine
« Last Edit: February 13, 2010, 03:04:09 am by simply sibyl »

Offline brad1571

  • SMF For Free Newbie
  • *
  • Posts: 15
  • Since the box is blank let's leave it that way.
    • View Profile

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #138 on: February 13, 2010, 03:01:56 am »
Thanks ;)

Works PERFECT!

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 #139 on: February 13, 2010, 03:02:49 am »
;)    Its a common mistake.  I keep rewriting the guide to try to make that clearer - just tweaked it again/shortened it - may be clearer now
« Last Edit: February 13, 2010, 03:17:06 am by simply sibyl »

Offline R0b3rt

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

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #140 on: March 28, 2010, 02:37:13 am »
Great guide, Simply Sibyl! It works correctly. :)

Offline dosomejava

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

  • Total Badges: 5
    Badges: (View All)
    Topic Starter Level 1 First Post Second year Anniversary One year Anniversary
Re: [Guide] How to Use Your Own Rank Images
« Reply #141 on: April 05, 2010, 11:19:41 pm »
wow very helpdful ty i used this

Offline Prav

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

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Guide] How to Use Your Own Rank Images
« Reply #142 on: April 17, 2010, 10:48:17 am »
I got a problem im using smfforfree.com site to make forums and u can make ur own forum rank..so i did and i uploaded it gave me this ksdfheskfk.jpeg and png and i copied and pasted onto it but it shows image of ***** this and not actuall image?

Offline Andrew

  • Helpers
  • *
  • Posts: 2059
  • Andrew at your service
    • View Profile
    • The Tech Cadet

  • Total Badges: 29
    Badges: (View All)
    Seventh year Anniversary Sixth year Anniversary Apple User Mobile User Fifth year Anniversary
Re: [Guide] How to Use Your Own Rank Images
« Reply #143 on: April 17, 2010, 11:11:52 am »
Can your provide us with a screenshot of how the image is appearing?

Offline DTUMan

  • SMF For Free Newbie
  • *
  • Posts: 10
    • 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 #144 on: May 29, 2010, 10:45:57 pm »
Edit, nevermind about that.

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/staradmin.gif" , "http://img35.imageshack.us/i/wocgeneral.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/star.gif" , "http://img34.imageshack.us/i/wocmember.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/stargmod.gif" , "http://img687.imageshack.us/i/wocofficer.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>

What is wrong with this code for it not to work?
« Last Edit: May 29, 2010, 11:02:40 pm by DTUMan »

Offline Rilex

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

  • Total Badges: 5
    Badges: (View All)
    Topic Starter Level 1 10 Posts First Post One year Anniversary
Re: [Guide] How to Use Your Own Rank Images
« Reply #145 on: June 16, 2010, 08:53:32 am »

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 #146 on: June 16, 2010, 09:04:05 am »
<--- Donate to SMF For Free! :D

Offline Rilex

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

  • Total Badges: 5
    Badges: (View All)
    Topic Starter Level 1 10 Posts First Post One year Anniversary
Re: [Guide] How to Use Your Own Rank Images
« Reply #147 on: June 17, 2010, 05:38:01 am »
The second url in your code isnt good.

This one...     

http://www.runehq.com/image/specialreports/rare/yellowpartyhat.gif


That link inst working?

It's not a valid image location :P


Someone that  can give me a working ?

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
<--- Donate to SMF For Free! :D

Offline EpicPure

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

  • Total Badges: 4
    Badges: (View All)
    Topic Starter Level 1 First Post One year Anniversary
Re: [Guide] How to Use Your Own Rank Images
« Reply #149 on: August 04, 2010, 08:29:09 am »
Code: [Select]
<script type='text/javascript'>
/* Image Changes on Page
SMF For Free 2009 - WWX */
function swap_img(){
var img_b = new Array();
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/dl_ranks2/rank_admin.gif" , "http://i40.tinypic.com/f5kpu.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks//dl_ranks2/rank_moderator.gif " , "http://images3.wikia.nocookie.net/__cb20090703194722/runescape/images/archive/e/e8/20090815152626!White_party_hat.PNG" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks/dl_ranks2/rank_0.gif" , "http://i39.tinypic.com/2mgjggy.png" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks//dl_ranks2/rank_1.gif " , "http://www.impactpk.org/forums/images/ranks/rune.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks//dl_ranks2/rank_2.gif " , "http://www.impactpk.org/forums/images/ranks/barrows.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks//dl_ranks2/rank_3.gif " , "http://www.impactpk.org/forums/images/ranks/fire.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks//dl_ranks2/rank_4.gif " , "http://www.impactpk.org/forums/images/ranks/range.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks//dl_ranks2/rank_5.gif " , "http://www.impactpk.org/forums/images/ranks/mage.gif" ]
img_b[img_b.length++] = [ "http://images.smfboards.com/ranks//dl_ranks2/rank_6.gif " , "http://www.impactpk.org/forums/images/ranks/armydal.gif" ]

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


Website: http://newforum.smfforfree3.com/index.php
« Last Edit: August 04, 2010, 09:06:55 am by EpicPure »