Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
A better IMG tag Details »
A better IMG tag
Mod Version: 1.01, by Renmiri (Member) Renmiri is offline
Developer Last Online: May 2008 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.5.4 Rating: (1 vote - 5.00 average) Installs: 24
Released: 31 Jul 2006 Last Update: 01 Aug 2006 Downloads: 74
Not Supported  

You know all that white space by the side of every image ever posted on a forum using the standard IMG tag ? I happen to hate it. I want my images to blend in with the text.

So I did my own BBCODE for it:

1 - Go to the Admin panel and select "Add Custom BBCode"
2 - For title enter "Float Image on text" or something like it, same for description
3 - for tag enter xFLOAT
4 - for "Replacement" enter the text below


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

5 - For "Example" enter this:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

6 - Check yes on "use {option}"

7 - optionally, add an icon path to have it come up on your posting box

tada!

Here it is at work!
http://forums.ffproject.net/showthread.php?t=747

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	FLOAT3.jpg
Views:	298
Size:	168.6 KB
ID:	51344  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 31 Jul 2006, 20:08
rmxs's Avatar
rmxs rmxs is offline
 
Join Date: Apr 2006
thanks i use it in future
__________________
:banana::bunny: :banana:
Reply With Quote
  #3  
Old 31 Jul 2006, 20:28
bashy bashy is offline
 
Join Date: Nov 2005
Can you pleases explain what to do, and also add the instructions to a notepad file?
__________________
Bashy

Bashys Place ~ Bashys Hosting
Reply With Quote
  #4  
Old 31 Jul 2006, 20:50
tazB.ca's Avatar
tazB.ca tazB.ca is offline
 
Join Date: Sep 2005
Real name: Taz B
i dont understand what this does
Reply With Quote
  #5  
Old 31 Jul 2006, 21:24
Mr Chad's Avatar
Mr Chad Mr Chad is offline
 
Join Date: Jul 2005
Originally Posted by tazB.ca
i dont understand what this does
look at the picture...

it lets you wrap text next to the image. (instead of being confined to one line)
__________________
If anyone wants any of my past modifications please PM me... I will provide you with a link to them. I have decided to remove all my modifications from VB.org because of a small incident...

You can get my popular hacks here: Coders Shack
Reply With Quote
  #6  
Old 01 Aug 2006, 01:07
HappyPike's Avatar
HappyPike HappyPike is offline
 
Join Date: Feb 2002
I made a tag like that recently too. However, I simply use the same IMG tag name, but with align option.

To align an image to the right, people would use

Reply With Quote
  #7  
Old 01 Aug 2006, 01:39
bandoftheweek bandoftheweek is offline
 
Join Date: Jul 2006
Awesome mod seriously, I needed this for my site www.bandoftheweek.com - I shall install it in a while.
Reply With Quote
  #8  
Old 01 Aug 2006, 11:24
murrtex's Avatar
murrtex murrtex is offline
 
Join Date: May 2002
Real name: Murat
I did it but.it mixed with my signature

Reply With Quote
  #9  
Old 01 Aug 2006, 11:36
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Originally Posted by murrtex
I did it but.it mixed with my signature

Yes it does. Any text around the image gets mixed

Just add some empty lines after the image to push your signature down far enough and it will be back to it's normal place (or add a couple of <br> to the beggining of your sig)
Reply With Quote
  #10  
Old 01 Aug 2006, 15:51
HappyPike's Avatar
HappyPike HappyPike is offline
 
Join Date: Feb 2002
Someone asked me to post my version of the IMG with align code, so here it is:

Title: IMG with align option
Tag: IMG
Replacement: <img src="{param}" align="{option}" border="0" hspace="5" alt="Image">
Example: This image should align to the right of these texts.

Description: This image tag allows align option. The align option can be TOP, BOTTOM, MIDDLE, LEFT, or RIGHT.
Use {option}: Yes

Some of you may not like to use the "align" within <IMG>, but I don't have problem with it myself.
Reply With Quote
  #11  
Old 01 Aug 2006, 19:11
Snakey's Avatar
Snakey Snakey is offline
 
Join Date: Jun 2004
Originally Posted by HappyPike
Someone asked me to post my version of the IMG with align code, so here it is:

......

Some of you may not like to use the "align" within <IMG>, but I don't have problem with it myself.
I've modified it a bit so it makes use of css (w/o align-attribute) and made it xhtml compliant:

Title: IMG with align option
Tag: IMG
Replacement: <img src="{param}" style="margin:0px 5px 0px 5px; border-width: 0px; float:{option};" alt="Image" />
Example: [img=right]http://www.vbulletin.org/forum/images/smoothblue/buttons/reply.gif[/img]This image should align to the right of these texts.

Description: This image tag allows align option. The align option can be LEFT or RIGHT.
Use {option}: Yes

For replacement, you can also use it without margin:0px 5px 0px 5px; (which replaces hspace) or without border-width: 0px; (replaces border)
Reply With Quote
  #12  
Old 01 Aug 2006, 19:19
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Originally Posted by Snakey
I've modified it a bit so it makes use of css (w/o align-attribute) and made it xhtml compliant:...
Wow!

Great suggestions guys, thanks!

I also did a "thumbnail" one, that always dislays a 150px wide version of the picture with a link to the original one.

Title: Float image with thumbnail
Tag: FLOAT (or IMG if you prefer)
Replacement: (now fixed 8/2/06)
<a href="{param}"><img alt="" border="0" src="{param}" style="width:150px; margin: 0px 10px 10px 0px; float: {option};"/></a>

Example: [float=right]http://www.vbulletin.org/forum/images/smoothblue/buttons/reply.gif[/float]This image should be 150 px wide, should align to the right of these texts and should link to the original full sized image

Description: This image tag allows align option. The align option can be LEFT or RIGHT.
Use {option}: Yes

Last edited by Renmiri; 02 Aug 2006 at 15:42.
Reply With Quote
  #13  
Old 02 Aug 2006, 14:39
project-Buckfas project-Buckfas is offline
 
Join Date: Jul 2006
Real name: David
I've wanted this for a while. I hit install so I can do it when I go home
Reply With Quote
  #14  
Old 02 Aug 2006, 15:31
blue6995 blue6995 is offline
 
Join Date: Oct 2005
Thumbnail

Originally Posted by renmiri
I also did a "thumbnail" one, that always dislays a 150px wide version of the picture with a link to the original one
I have tried this twice, changing the image link to my own, but all I get is the original image not a thumbnail!

Any ideas why?
Reply With Quote
  #15  
Old 02 Aug 2006, 15:41
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Bunny!

Originally Posted by blue6995
I have tried this twice, changing the image link to my own, but all I get is the original image not a thumbnail!

Any ideas why?
My mistake!

Where it says width="150px" it should say width:"150px"

Here's the correct code

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 11:56.

Layout Options | Width: Wide Color: