Editing HTML of Images for Render Ranch

RSS

Modified: 2010/08/27 13:47 by Zermoid - Categorized as: Advanced Ranch Operation

(4) » Vetting your Animals » The Approved Site List » Editing HTML of Images for Render Ranch

First off, posting of links to unapproved sites is against the Render Ranch Terms of Service, and many sites give you HTML code to post their images that makes it either link back to their site by simply clicking on the picture it's self or add a hyperlink code along with the picture code, some do both! As both of these are against the TOS rules you need to edit them before posting them on Render Ranch.
If the linking back can be removed we expect that it will be, or that the picture will not be posted on Render Ranch. We don't expect everyone to know HTML coding (altho it would be a good idea to learn a little) and that is the reason for these instructions.
If you are interested in learning HTML there is a nice, free tutorial on the web at pagetutor.com, plenty of examples and very understandable, try it!

One Note:
The embedded site name of the originating site in the picture it's self is sometimes not removable, because of this and the popularity of the graphics Render Ranch will "allow" the unintentional advertising to be on Render Ranch as long as they do not link to other sites. Basically if you can click on the image and go to an un-approved site it is against the Render Ranch Terms of Service and must not be posted on Render Ranch. If the site name is part of the picture but otherwise does not link back to it's site then it's OK to post on Render Ranch.
The one exception to this is posting a sample of code for Staff to find a fix for, if you want to post something that links back you may post a sample of the original, linking version of the code on the Signature Test Area of the Message Board, label it "Sample Code" or something similar and Rmail me, Zermoid, in game to let me know it's there. I'll try to find a fix and post it here. I have run into a couple I couldn't fix, so no guarantees, but the odds are good I'll be able to kill it's linking back and still have it displayable.

Edit

Getting Started Editing.....

To Edit and Save edited links (I strongly suggest you save a copy of the edited link, that way you can re-post it in the future without editing an original line of code again) you will need to use "Notepad" or "Wordpad", don't worry, if you are running any version of Windows you have these programs. Mac users will have to use a HTML Compatible Text Editor, don't know what it would be called though as I've never used a Mac, sorry.
Windows people, if you don't already know where to find Notepad go to the Start button, click it and go to "All Programs" and look for "Accessories", It should be at or near the top if the list (or first list if you have as much in your computer as I do) hover over it to expand it and both Notepad and WordPad should be on the list there. Unless you are editing a large document Notepad will do, and it's what I use most. I would suggest you Right Click on it and go to "Send To" and select "Send to Desktop(create shortcut)" for ease of finding it in the future, you may also want to create a folder on your desktop for 'Edited Image HTML' or something similar, so that you have a place to save your HTML codes for your images.

Instructions for specific site's codes are listed Below
'If you want to post images from a site not listed, or a listed site has different code than the example listed, please Ranch Mail "Zermoid" in Game, be sure to send me the site address or post a sample of their code in the "Signature Test Area" of the Message Board and label it Sample Code or something similar. Please include where the code is from if it's not evident in the code it's self. If there are any special problems please specify.'

Edit

Layoutcodez Images

Don't use!

Most if not all their pics are Flash Animation and cannot be made to not link back to their site.
Do not use code from this site or you will be fined if it links back to their site.

Edit

Dragon Eggs from Dragon Cave

Sample of their Code for a Single Egg

<a href="http://dragcave.net/view/VeOl"><img src="http://dragcave.net/image/VeOl.gif" style="border-width: 0" alt="Adopt one today!"/></a>

Out of that all you need to keep to use on RR is this section:

<img src="http://dragcave.net/image/VeOl.gif" style="border-width: 0" alt="Adopt one today!"/>

This will display the egg without making it clickable.

And the Scroll code:

<a href="http://dragcave.net/user/BabyMouse"><img src="http://i39.tinypic.com/vywiyw.jpg" style="border-width: 0" alt="BabyMouse's Dragons"/></a>

All You need to post is:

<img src="http://i39.tinypic.com/vywiyw.jpg" style="border-width: 0" alt="BabyMouse's Dragons"/>

Thanks to Baby Mouse24 for the help with this one.

Also note the new RR fan site, Gain County Hangout, setup by Xantha has a "Click exchange" section where you can post the full clickable code as it's off Render Ranch.

Edit

aBowman Virtual Pets

Sample of Their Code (This one is the Hamster)

<object type="application/x-shockwave-flash" data="http://widgets.clearspring.com/o/4921d1bbde64b665/4a5f53598b4b5d2c/4921d1bbde64b665/3d351db6/-cpid/92e68b5a4c268394" id="W4921d1bbde64b6654a5f53598b4b5d2c" width="280" height="210"><param name="movie" value="http://widgets.clearspring.com/o/4921d1bbde64b665/4a5f53598b4b5d2c/4921d1bbde64b665/3d351db6/-cpid/92e68b5a4c268394" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>

You need to edit out:

<param name="allowScriptAccess" value="always" />

It's near the end of the line of code. It will still say aBowman on it but it will not link back, and the one I tested still worked as it normally did.

Edit

BunnyHero Labs

Sample of their code for RR (make sure you get the right one to start with, they offer several)

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTkwMDg2MTc1NTYmcHQ9MTI1OTAwODY2NzkzOSZwPTU1NzEmZD*mZz*yJm89OGMwZmJjYmU4ZjdkNGQ5M2FmZTdmMTViOTAwZGI*MjM=.gif" /><BUNNYHERO PET START />
<div style="width: 250px; padding: 0; margin: 0; text-align: center">
<embed src="http://petswf.bunnyherolabs.com/adopt/swf/wolf" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=wolfie&an=zermoid&clr=0x6f6f6f" type="application/x-shockwave-flash">
</embed><br />
<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>
</div>
<BUNNYHERO PET END />

You need to edit out:

<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>

This will take out the hyperlink that is usually put below the Animal, and I believe kill the link back to the site, altho the site name will still be on the animal's "window".

Note:

This also works with this version of their code:

<br><table border="0" cellpadding="0" cellspacing="0" width="250"><tr><td><iframe src="http://bunnyherolabs.com/adopt/i/bWM9YmF0LnN3ZiZjbHI9MHg5YjkwOWImY249YmF0eSZhbj1oYWxleQ%3D%3D.swf" width="250" height="300" frameborder="0"></iframe></td></tr><br><tr><td align="center"><small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small></td></tr></table><br><br>

Here's another code sample I've seen:

<BUNNYHERO PET START /><br><div style="width: 250px; padding: 0; margin: 0; text-align: center"><br><embed src="http://petswf.bunnyherolabs.com/adopt/swf/bunny" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=hocus%20pocus&an=adopter%20name&clr=0xf4f4f4" type="application/x-shockwave-flash"><br></embed><br /><br></div><br><BUNNYHERO PET END /><br>

Find and delete this section:

pluginspage="http://www.macromedia.com/go/getflashplayer"

Edit

Glitter-Graphics.com

There's are really easy, at least the ones I've seen, it you find any that don't follow this format let me know.

Sample of Their HTML code:

<a href="http://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/1789/1789733yu4dhkmbvs.gif" width=495 height=423 border=0></a><br><a href="http://www.glitter-works.org" target=_blank>glitter-graphics.com</a>

All you need is:

<img src="http://dl3.glitter-graphics.net/pub/1789/1789733yu4dhkmbvs.gif" width=495 height=423 border=0></a>

Edit

Image Shack Images

Sample of their code:

<a href="http://img232.imageshack.us/i/adultbaldeaglecertificaty7.png/" target="_blank"><img src="http://img232.imageshack.us/img232/5236/adultbaldeaglecertificaty7.th.png" border="0"/></a>

What you need to remove:
<a href="http://img232.imageshack.us/i/adultbaldeaglecertificaty7.png/" target="_blank">

Leaving only this section:
<img src="http://img232.imageshack.us/img232/5236/adultbaldeaglecertificaty7.th.png" border="0"/></a>

This will display the Image and remove all linking back to the site.

Edit

Photobucket Images

Sample of their Code (use the HTML version to start with):

<a href="http://s132.photobucket.com/albums/q22/Zermoid/?action=view¤t=MauiandStubby-resized.jpg" target="_blank"><img src="http://i132.photobucket.com/albums/q22/Zermoid/MauiandStubby-resized.jpg" border="0" alt="Husky & Corgie"></a>

What you need to remove:
Pretty much Identical to Image Shack Code.
Take off the first section:
<a href="http://s132.photobucket.com/albums/q22/Zermoid/?action=view¤t=MauiandStubby-resized.jpg" target="_blank">

Leaving only this section:
<img src="http://i132.photobucket.com/albums/q22/Zermoid/MauiandStubby-resized.jpg" border="0" alt="Husky & Corgie"></a>

This will display the Image and remove all linking back to the site.

Edit

Tiny Pic Images

Sample of their Code (HTML for Websites version)

<a href="http://tinypic.com" target="_blank"><img src="http://i27.tinypic.com/mmd574.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

What you need to Remove:

<a href="http://tinypic.com" target="_blank"> and alt="Image and video hosting by TinyPic"

Leaving you with:

<img src="http://i27.tinypic.com/mmd574.jpg" border="0"></a>

This will display the Image and remove all linking back to the site.

Edit

Smiley Central Graphics

Sample of their Code:

<a href="http://plugin.smileycentral.com/http%253A%252F%252Fwww.smileycentral.com%252F%253Fpartner%253DZSzeb008%255FZLman000%2526i%253D36%252F36%255F35%255F7%2526feat%253Dprof/page.html" target="_blank"><img src="http://smileys.smileycentral.com/cat/36/36_35_7.gif" alt="SmileyCentral.com" border="0"><img border="0" src="http://plugin.smileycentral.com/http%253A%252F%252Fimgfarm%252Ecom%252Fimages%252Fnocache%252Ftr%252Ffw%252Fsmiley%252Fsocial%252Egif%253Fi%253D36%252F36_35_7%2526uiv%253D3.0/image.gif"></a>

Another easy one:
Look thru that mess and find the section that starts with "<img src=".

Out of all that mess the only thing you need is:

<img src="http://smileys.smileycentral.com/cat/36/36_35_7.gif" alt="SmileyCentral.com" border="0">
To display the image without any linking back to the site.

Edit

Chicken Smoothie Animals

Sample of their code:

<a href="http://www.chickensmoothie.com/pet/5422225.html"><img src="http://www.chickensmoothie.com/pet/5422225&trans=1.jpg" border=0></a><br><font size="1"><b>Pet's name:</b> belle <br><a href="http://www.chickensmoothie.com">Adopt virtual pets at Chicken Smoothie!</a></font>

All you need out of that is this section:

<img src="http://www.chickensmoothie.com/pet/5422225&trans=1.jpg" border=0></a><br><font size="1"><b>Pet's name:</b> belle <br>

Edit

My Hot Comments Images

Sample of their code:

<a href="http://www.myhotcomments.com/"><img src="http://lc.fdots.com/cc/lc/36/365a9d0e376a2cdc5a1cb33b1b6c1bcd.gif" border="0" alt="MyHotComments.com"></a><br><a href="http://www.myhotcomments.com/graphics/54604"></a> <br clear="left">

All you need out of that is this section:

<img src="http://lc.fdots.com/cc/lc/36/365a9d0e376a2cdc5a1cb33b1b6c1bcd.gif" border="0" alt="MyHotComments.com"></a>

Edit

MyBannermaker.com Banners

First off I recommend that on the "save" tab page you change the "Link:" section to http://renderranch.com or your Ranch Page address.
Next I recommend you select "Normal Banner:" and check the "Show code box below the banner." box, then click on the "Save The Banner" Button.

Sample of their code:

<a href="http://renderranch.com" target="_blank"><img src="http://i.imgur.com/qDOgH.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>Copy this code to your website to display this banner!<br><textarea cols="40" rows="2"><a href="http://renderranch.com" target="_blank"><img src="http://i.imgur.com/qDOgH.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br><a href="http://www.mybannermaker.com/">Make your own banner at MyBannerMaker.com!</a></textarea>

All you need out of that is this section:

<img src="http://i.imgur.com/qDOgH.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a>

Or if you changed the link to RenderRanch.com or your Ranch Page then you can leave This:

<a href="http://renderranch.com" target="_blank"><img src="http://i.imgur.com/qDOgH.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a>

=

================================================================================================================
BEING WORKED ON! Please Rmail me, Zermoid, in game.

Render Ranch Help System

Navigation