SMF For Free Support Forum
Signup For Free Forum
July 05, 2008, 06:47:05 pm *
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  

Pages: [1] 2
  Print  
Author Topic: [Guide] How to Use Your Own Rank Images  (Read 2667 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 6843



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.
You will see the screen below.
Click on the starfile image link.   (underlined in red)




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.   
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: July 03, 2008, 12:52:56 pm by simply sibyl » Logged

Madcap22
SMF For Free Full Member
*
Offline Offline

Posts: 213


I AM SUPER LUIGI!


View Profile WWW
« Reply #1 on: May 09, 2008, 08:19:50 am »

Heres the one I made in paint (Its pretty handy):

Just got an image of the post whore, erased it with the same color (or almost) and added the text.
Edit: Heres another I made Smiley
« Last Edit: May 09, 2008, 08:55:09 am by Madcap22 » Logged

Lucas A33
SMF For Free Member
*
Offline Offline

Posts: 94


View Profile
« Reply #2 on: June 05, 2008, 07:20:33 pm »

Look at the symbol below. I want that. but I when i replace the starfile with that, I always get an red X tickedoff Im ticked!  Angry
Logged



LaundryLady
Global Moderator
*
Offline Offline

Posts: 2773


Keep Smiling, Let'em Wonder!


View Profile WWW
« Reply #3 on: June 05, 2008, 07:22:34 pm »

Try hosting the image on either Photoshop or ImageShack so you have it saved. 
Logged

mintkiller
SMF For Free Newbie
*
Offline Offline

Posts: 11


View Profile
« Reply #4 on: June 22, 2008, 12:46:25 am »

well erm how do i get a mod sign like yours sibly i want a mod sign like yours but i dont no were to find all these mod and admin signs :l
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 6843



View Profile WWW
« Reply #5 on: June 22, 2008, 10:35:26 am »

well erm how do i get a mod sign like yours sibly i want a mod sign like yours but i dont no were to find all these mod and admin signs :l

Admin > Membergroups
Click Modify across from the Membergroup

Star image filename - Click on the starfile image link.   From there you will get a page of rank images.   Look for the ones you want.   Enter the filename  for the image you chose in the star image filename blank for the membergroup.

First post in this thread has a picture of that page.
And here is the Admin CP Membergroups Section Guide
   
Logged

Dark Chris
SMF For Free Newbie
*
Offline Offline

Posts: 13



View Profile WWW
« Reply #6 on: July 01, 2008, 01:14:57 am »

Can u help me?
How do i get this 2 work?


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

img_b[img_b.length++] = [ "http://http://i137.photobucket.com/albums/q232/LaundryLady1947/Runescape/34q2ywz.gif" , "http://http://i137.photobucket.com/albums/q232/LaundryLady1947/Runescape/34q2ywz.gif" ]
img_b[img_b.length++] = [ "http://" , "http://" ]

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>
Logged

simply sibyl
Global Moderator
*
Offline Offline

Posts: 6843



View Profile WWW
« Reply #7 on: July 01, 2008, 01:28:15 am »

When you use the image swapper generator page http://www.ifcode.com/javascript/ImageSwapSMF.html you need to put the URL of the OLD image in the OLD image block and the URL of the NEW image in the NEW image block.   You put the new image in both blocks.   

To find the url of the image you want to replace (the OLD image) right mouse click on it then click propertys.
Be careful when you put the urls in there that you put them in correctly.    You have http://http// doubled up in there.

Logged

raggi5
SMF For Free Newbie
*
Offline Offline

Posts: 4


View Profile
« Reply #8 on: July 01, 2008, 04:17:41 pm »

not working
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 6843



View Profile WWW
« Reply #9 on: July 01, 2008, 07:08:11 pm »

raggi5 I found your forum

Okay here is how you did it:

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

img_b[img_b.length++] = [ "http://dl_ranks2/rank_banned.gif" , "C:\Documents and Settings\Rick\My Documents\My Pictures" ]

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>


First problem:
http://dl_ranks2/rank_banned.gif   

is not the correct url for the image.
What you need to do is setup the Membergroup with a rank image. 
After you have done that - right mouse click on that image.  Click Properties.
You will see the image url there.  Use that image url in place of the one you used.


Second problem:
C:\Documents and Settings\Rick\My Documents\My Pictures

That can't work.  It is the path to your My Pictures folder on your computer.
You need to upload the image you want to use to someplace like Photobucket.
Get the "direct link" to the image and use that in place of that url that you used.
« Last Edit: July 02, 2008, 11:25:03 am by simply sibyl » Logged

Dark Chris
SMF For Free Newbie
*
Offline Offline

Posts: 13



View Profile WWW
« Reply #10 on: July 03, 2008, 10:16:10 am »

Hmm i dont get it. How do i swap this to make it work?


Code:
[img]http://i290.photobucket.com/albums/ll247/Sonicdahero/Statrter.jpg[/img]
Logged

simply sibyl
Global Moderator
*
Offline Offline

Posts: 6843



View Profile WWW
« Reply #11 on: July 03, 2008, 10:35:47 am »

Hmm i dont get it. How do i swap this to make it work?


Code:
[img]http://i290.photobucket.com/albums/ll247/Sonicdahero/Statrter.jpg[/img]

The way this works is the code looks for the image you are currently using as a rank image and swaps it with your image from Photobucket/Imageshack/etc.

So you first have to setup a rank image in Admin>Membergroups  for the Membergroup you want to use that image.
Make sure the image is showing up properly in your posts.
Get the url of the image by right mouse clicking on it, click Propertys.  You will see the url there.
Go to  http://www.ifcode.com/javascript/ImageSwapSMF.html
Put the url of the image you just setup in the OLD box
Put the url of your image (the one you want to use) in the NEW box
Click Get Code
Copy the code and paste it to your footers.


Note:
If you are going to swap images for more then one group then setup the rank image for each group  (a different starfile image for each one of them)   and when you go to the image generator link you click the Add New Field button for each of the others you want to do and fill those blanks in the same way.
Logged

Dark Chris
SMF For Free Newbie
*
Offline Offline

Posts: 13



View Profile WWW
« Reply #12 on: July 03, 2008, 12:40:43 pm »

I still dont understand this is what i got. Can u tel me which one is the code i need to use.Or is it all of it?



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

img_b[img_b.length++] = [ "http://i290.photobucket.com/albums/ll247/Sonicdahero/Statrter.jpg" , "http://" ]
img_b[img_b.length++] = [ "http://" , "http://" ]

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

Dark Chris
SMF For Free Newbie
*
Offline Offline

Posts: 13



View Profile WWW
« Reply #13 on: July 03, 2008, 12:42:10 pm »

Or this one...


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

img_b[img_b.length++] = [ "http://i290.photobucket.com/albums/ll247/Sonicdahero/Statrter.jpg" , "http://starter.gif" ]
img_b[img_b.length++] = [ "http://" , "http://" ]

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

simply sibyl
Global Moderator
*
Offline Offline

Posts: 6843



View Profile WWW
« Reply #14 on: July 03, 2008, 12:48:13 pm »

Neither of those will work.
You HAVE to setup a rank image in Admin > Membergroups FIRST
You need to find the url of THAT image  and put THAT url in as the Old Image url.

When you are at the Image Generator.

Old Image = the URL of the existing rank image - the one you set up in Membergroups for that Member

New Image = the URL of the new image -  the image from your photobucket account


 
Logged



Pages: [1] 2
  Print  
 
Jump to:  

Powered by SMF 1.1.5 | SMF © 2006-2008, Simple Machines LLC
ServerBeach Coupon
Page created in 0.449 seconds with 16 queries.