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.
  #31  
Old 21 Jun 2007, 16:21
towermatt's Avatar
towermatt towermatt is offline
 
Join Date: May 2007
I love this but for some reason when I try to enter down, it does not create blank white space to separate the sig text.

If I enter down and type (which people will normally do I suppose) it works fine. But not if I don't but text in. Is this an option setting? Show blank spaces or something.

Great modification though, I really needed this and it works well on 3.6
Reply With Quote
  #32  
Old 21 Jun 2007, 21:43
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Yes, it doesn't work so well if your image is the last thing on the page, it makes your sig look weird. I usually avoid putting images at the bottom of my post or use the regular img tag for short posts.

Thanks for the comments
Reply With Quote
  #33  
Old 14 Aug 2007, 09:44
Big Island Big Island is offline
 
Join Date: Mar 2007
Excellent...have been wondering how to do this for a while now. Can anyone devise a way to attach a gray caption box to the bottom and add text to it to make sense of the picture for the reader?
Reply With Quote
  #34  
Old 17 Aug 2007, 02:51
Big Island Big Island is offline
 
Join Date: Mar 2007
Anybody? ;-)
Reply With Quote
  #35  
Old 20 Aug 2007, 23:40
Renmiri Renmiri is offline
 
Join Date: Jul 2006
I do have a similar one for description plus thumbnail but no gray box:

[IMGG=world map]MAP3.jpg[/IMGG] will get a tumbnail of MAP3.jpg with a caption that says "World Map"

Follow the instructions above but use IMGG instead of xFLOAT and then use this code instead


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

Attached Images
File Type: jpg imgg.jpg (6.5 KB, 13 views)
Reply With Quote
  #36  
Old 23 Aug 2007, 09:37
Big Island Big Island is offline
 
Join Date: Mar 2007
Originally Posted by Renmiri View Post
I do have a similar one for description plus thumbnail but no gray box:

[IMGG=world map]MAP3.jpg[/IMGG] will get a tumbnail of MAP3.jpg with a caption that says "World Map"

Follow the instructions above but use IMGG instead of xFLOAT and then use this code instead


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

I've played around a bit, but I can't get it to format quite the way I want. Can anyone show an example of how we could do an image, complete with box/border and caption like the "A yawning cat" found here:

http://en.wikipedia.org/wiki/Cat_communication

Many thanks to anyone that could help with this.
Reply With Quote
  #37  
Old 27 Aug 2007, 02:54
NFLfbJunkie NFLfbJunkie is offline
 
Join Date: Sep 2006
Great BBCode Renmiri, but is there a way to for the signature to the bottom without having to enter empty space if there's not enough text to wrap with the image?
Reply With Quote
  #38  
Old 31 Aug 2007, 02:17
Renmiri Renmiri is offline
 
Join Date: Jul 2006
I'll post here when I find a way to fix signatures Junkie.

Same for your box Big Island.

Keep an eye on this thread
Reply With Quote
  #39  
Old 17 Sep 2007, 23:54
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Good news!!!

I got the thumbnail code here AND the solution for the signatures

Big Island's Wiki like thumbnails

First create the new Thumbnail code: Follow the instructions above to add a bbcode, in my case TMB1, flag the option thingy to yes and use the replacement below


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

When you use it like
[TMB1=Yeti]http://ffproject.net/forumwiki/images/Bikanel_13.jpg[/TMB1]
You should get a thumbnail with 250 width that links to the real image, with a black line on the bottom with the image title "Yeti" or whatever users put after the = sign, just like my image below.

you can play around with the background color of the text, right now it is rgb(0,0,0) which is black, with rgb(255,255,255) for the font, which is white. The border can be made thicker too, right now I put "border: 1px" but you can increase it to 3px to make it thicker.

This option does require that the user enters a description for each image.
Attached Images
File Type: jpg tmb1.jpg (26.7 KB, 19 views)

Last edited by Renmiri; 18 Sep 2007 at 00:20.
Reply With Quote
  #40  
Old 18 Sep 2007, 00:17
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Now here is the fix for the signature... I's a half fix because the posts' font style gets weird and it is not very intuitive to use, from a user's point ov view but it works...

Junker's fix for signatures

First add the new thumbnail code: Follow the instructions above to add a bbcode, in my case TMB2, flag the option thingy to yes and use the replacement below


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

Very important: Keep the width=100% above otherwise the sig problem will still be there. To use it user just have to put the TMB2 tags around a paragraph (like making a QUOTE then specify the url of the image, like they would specify a URL link

[TMB2="http://ffproject.net/forumwiki/images/Bikanel_13.jpg"]yadda, yadda wwwww wwww wwww wwwww [/TMB2]

Signature should work
anything below the image, including sig goes under the TMB2 quotes
Attached Images
File Type: jpg tmb2.jpg (23.8 KB, 19 views)
Reply With Quote
  #41  
Old 13 Nov 2007, 20:33
zglows zglows is offline
 
Join Date: Oct 2007
thanks for this man, its really nice
Reply With Quote
  #42  
Old 28 Nov 2007, 14:24
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Glad to help fellow vBers
Reply With Quote
  #43  
Old 19 Dec 2007, 23:38
gnubittol gnubittol is offline
 
Join Date: Jun 2005
Thanks genius !
this is very useful !
Reply With Quote
  #44  
Old 18 Mar 2008, 00:10
Lyte's Avatar
Lyte Lyte is offline
 
Join Date: Nov 2005
Anyone running this hack? I'm looking for more demos before installing. It could be what I'm after but I'd like to see it in action. Thanks!
Reply With Quote
  #45  
Old 18 Mar 2008, 01:25
Renmiri Renmiri is offline
 
Join Date: Jul 2006
Yup... use TMB, TMB1 and TMB2 at my forum and see the results

http://forums.ffproject.net/
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 05:18.

Layout Options | Width: Wide Color: