Create A Forum - Support Forums

Very nice.

Well, is there a way I can set up a custom profile, so to speak; where I'm able to create a new rank like.. 'Donator' or maybe even 'Elite' well, you get the picture.. just so i can inline it? or should i just merge the images together with a slight gap?

You can add pictures to a Custom Profile Field by using an image code, yes.

Admin > Features and Options > Custom Profile Fields. Make your Profile Field there. (make sure users can see it and only admins can edit)


Then go to someone's Forum Profile, find the field, and add this there to add the image:
[IMG]IMAGE_URL_HERE[/img]
You'll have to do this for each person you want to add the rank to.

You're welcome. 

Google Chrome is known for being the fastest browser; although- it isn't the most secure browser.

Overall I'd go with Firefox due it it's security, reliability, customization, and decent speed.

You still have 2 backslashes.

Take one of the links and click on it... it doesn't show an image.

http://images.smfboards.com/ranks//staradmin.gif

If it doesn't show an image there, it won't work in the code.

Actually the image works perfectly fine in Firefox regardless - so it will "work" in the code.


If the images don't appear in other browsers however, then several of your members may not be able to see the images - so it might be a good idea to take Seldom's advice.

I tested the following code on my forums and it worked like a charm

<script type="text/javascript" src="http://smcodes.smfforfree3.com/jquery.js"></script>
<script type="text/javascript">
function GroupImage(Group, Image){
   //Created by Agent Moose
   var PostGroup = document.getElementsByTagName("li");
   for(x=0;x<PostGroup.length;x++){
      if(PostGroup[x].className === "membergroup" && PostGroup[x].innerHTML.toLowerCase() === Group.toLowerCase()){
         $(PostGroup[x]).parent().prev().find("a:last").prepend("<img src='" + Image + "' />");
      };
      if(PostGroup[x].className !== "membergroup" && PostGroup[x].className === "postgroup" && PostGroup[x].innerHTML.toLowerCase() === Group.toLowerCase()){
         $(PostGroup[x]).parent().prev().find("a:last").prepend("<img src='" + Image + "' />");
      };
   };
};
GroupImage("Owner", "http://i766.photobucket.com/albums/xx305/Lion2126/OWNER1.gif");
GroupImage("In-Game Admin", "http://i734.photobucket.com/albums/ww344/Iomsscape/Mega%20Forum%20Images/admincrown-1.jpg");
GroupImage("Forum Admin", "http://i734.photobucket.com/albums/ww344/Iomsscape/Mega%20Forum%20Images/admincrown-1.jpg");
GroupImage("In-Game Mod", "http://i8.photobucket.com/albums/a38/StSquiggy/Runescape/ModCrown.png");
GroupImage("Forum Mod", "http://i756.photobucket.com/albums/xx204/shad0w_bucket/forumsstaffcrown.jpg");
</script>
On your forum, I only see the image for Kane - since his membergroup is "Owner".
Make sure the "GROUP" MATCHES the membergroup name (Admin>Members>Membergroups).

You should probably do that...

This is why there is a Style Support Forum, so members can ask for help.

Actually, what about a Stop Sign when Activated says "New Post" and when Not Activated, says "No New Post"

I'll see what I can do.

That seems to be a code for SMF For Free Forums.

You don't need to add a new code for each image, simply do this:

<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++] = [ "ORIGINAL_URL_HERE" , "YOUR_REPLACEMENT_IMAGE_URL" ]

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>
Replace ORIGINAL_URL_HERE with the url of the original image. (read what Seldom Fail said below)
Replace YOUR_REPLACEMENT_IMAGE_URL with the url of the image you want. (which you did correctly)

Instead of adding a new code each time, simply add more of this line under the first:
img_b[img_b.length++] = [ "ORIGINAL_URL_HERE" , "YOUR_REPLACEMENT_IMAGE_URL" ]