SMF For Free Support Forum
Signup For Free Forum
October 11, 2008, 04:56:13 am *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

SMF For Free Support Forum > SMF For Free Support > Guides and Tutorials > [Guide] How to Use Your Own Rank Images
Pages: [1]
« previous next »
  Print  
Author Topic: [Guide] How to Use Your Own Rank Images  (Read 4923 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8444



View Profile WWW
« on: February 18, 2008, 05:39:57 pm »
First you need to set up the rank images using the ones on the starfile image page.
Admin > Membergroups
Modify the group you want to do this to.

Click on the starfile image link.   

Choose one of the images  (it doesnt matter which ones you choose as you will be swapping them)

Enter the filename for the image you chose in the star image filename blank for the membergroup.

You need to know the url of the image so you can swap it.
Right mouse click on the image - Do this on the starfile image page so you have the correct url.    
Click Propertys.
You will see the url there.
Copy the url.


To make the code to swap the image go here:

Swap Images Generator

Put the url of the starfile image under OLD IMAGE
Put the url of YOUR image under NEW IMAGE

If you want to do it for more images click ADD NEW FIELD and put in the urls for the additional images, old and new.
   
When you are done click the Get Code button.
Copy the code.
Paste it into your Footer   (Admin > Manage Styles > Edit HEader/Footer)
« Last Edit: August 22, 2008, 06:29:35 pm by simply sibyl » Logged
Support FAQ | Guides | Stylesheets | Codes
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8444



View Profile WWW
« Reply #1 on: August 22, 2008, 06:19:17 pm »
NOTICE:    To anyone who is currently using the Swap Image Code to use your own rank images.

If you are suddenly seeing red x's and the code is not working:

Go back thru the code in your footer that swaps the images.
For each place for the OLD links that it says:   http://www.smfboards.com
Change it to:   http://images.smfboards.com
Logged
Support FAQ | Guides | Stylesheets | Codes
Fluro
SMF For Free Newbie
*
Offline Offline

Posts: 5


View Profile
« Reply #2 on: August 22, 2008, 08:44:58 pm »
My images just turn into *'s Sad
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/staradmin.gif" , "http://www.runehq.com/image/specialreports/rare/yellowpartyhat.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>

I put that into my Footer.
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8444



View Profile WWW
« Reply #3 on: August 22, 2008, 09:31:00 pm »
The second url in your code isnt good.

This one...     

http://www.runehq.com/image/specialreports/rare/yellowpartyhat.gif
Logged
Support FAQ | Guides | Stylesheets | Codes
Fluro
SMF For Free Newbie
*
Offline Offline

Posts: 5


View Profile
« Reply #4 on: August 22, 2008, 09:44:42 pm »
Ooo i see now, It got changed. Thanks though!
Logged
eddie
SMF For Free Member
*
Offline Offline

Posts: 37



View Profile
« Reply #5 on: August 23, 2008, 01:25:36 am »
nice guide sibyl
Logged
Aragorn4003
SMF For Free Member
*
Offline Offline

Posts: 31



View Profile WWW
« Reply #6 on: September 12, 2008, 10:32:16 pm »
I used this, but it didn't work =[.
Code:
<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/ModRank.gif" , "http://i37.tinypic.com/23lbm74.gif" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/AdminRank.gif" , "http://i37.tinypic.com/2m7ul4n.gif" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/LED/g_rank1.gif" , "http://i38.tinypic.com/2n6tg88.gif" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/LED/g_rank2.gif" , "http://i36.tinypic.com/mjmp35.gif" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/LED/g_rank3.gif" , "http://i37.tinypic.com/294rpqt.gif" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/LED/g_rank4.gif" , "http://i37.tinypic.com/2r3ji2c.gif" ]
img_b[img_b.length++] = [ "http://www.smfboards.com/ranks/LED/g_rank5.gif" , "http://i37.tinypic.com/2a65x1c.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>

Nvm. I got it to work. Thanks for great guide Sibyl.
« Last Edit: September 12, 2008, 10:37:56 pm by Aragorn4003 » Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8444



View Profile WWW
« Reply #7 on: September 12, 2008, 10:51:51 pm »
You need to go back to the starfile page and use images that do show on that page.
The image links you used do not work at this time.   Only use ones that are not red x's , etc on that starfile page as the original images and it will work for you.    SMF for Free is aware there are many images on that page that do not work.  It is going to take some time for him to edit/fix that.   
Logged
Support FAQ | Guides | Stylesheets | Codes
Aragorn4003
SMF For Free Member
*
Offline Offline

Posts: 31



View Profile WWW
« Reply #8 on: September 13, 2008, 09:16:26 am »
Quote from: simply sibyl on September 12, 2008, 10:51:51 pm
You need to go back to the starfile page and use images that do show on that page.
The image links you used do not work at this time.   Only use ones that are not red x's , etc on that starfile page as the original images and it will work for you.    SMF for Free is aware there are many images on that page that do not work.  It is going to take some time for him to edit/fix that.  

Actually those links weren't the problem. I just changed the http://www.smfboards.com in each link to http://images.smfboards.com and it worked fine =].
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8444



View Profile WWW
« Reply #9 on: September 13, 2008, 10:27:25 am »
Quote from: Aragorn4003 on September 13, 2008, 09:16:26 am
Quote from: simply sibyl on September 12, 2008, 10:51:51 pm
You need to go back to the starfile page and use images that do show on that page.
The image links you used do not work at this time.   Only use ones that are not red x's , etc on that starfile page as the original images and it will work for you.    SMF for Free is aware there are many images on that page that do not work.  It is going to take some time for him to edit/fix that.  

Actually those links weren't the problem. I just changed the http://www.smfboards.com in each link to http://images.smfboards.com and it worked fine =].

Yep... normally that would have been what I would have recommended but at the time you posted that last nite the image server was having an issue and it "appeared" those were part of a group of images that do not work so I "wrongly" figured it was best to change using different ones   Tongue
Logged
Support FAQ | Guides | Stylesheets | Codes
gm gerald
SMF For Free Newbie
*
Offline Offline

Posts: 18


View Profile
« Reply #10 on: September 26, 2008, 04:03:13 pm »
Quote from: simply sibyl on February 18, 2008, 05:39:57 pm
First you need to set up the rank images using the ones on the starfile image page.
Admin > Membergroups
Modify the group you want to do this to.

Click on the starfile image link.   

Choose one of the images  (it doesnt matter which ones you choose as you will be swapping them)

Enter the filename for the image you chose in the star image filename blank for the membergroup.

You need to know the url of the image so you can swap it.
Right mouse click on the image - Do this on the starfile image page so you have the correct url.    
Click Propertys.
You will see the url there.
Copy the url.


To make the code to swap the image go here:

Swap Images Generator

Put the url of the starfile image under OLD IMAGE
Put the url of YOUR image under NEW IMAGE

If you want to do it for more images click ADD NEW FIELD and put in the urls for the additional images, old and new.
   
When you are done click the Get Code button.
Copy the code.
Paste it into your Footer   (Admin > Manage Styles > Edit HEader/Footer)
hey bro i copied the code it told me to do in the box but when i save it, the image is still the same.....


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/ranks/Admin2.bmp" , "http://forum.ruff-rose.com/donator_icon.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>
Logged
monsta
SMF For Free Member
*
Offline Offline

Posts: 53



View Profile
« Reply #11 on: September 27, 2008, 04:31:28 am »
good guide, it will help alot of new people to the smfforfree forums.
Logged



Pages: [1]
  Print  
« previous next »
 
Jump to:  

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC
ServerBeach Coupon
Page created in 0.549 seconds with 18 queries.