PDA

View Full Version : Add a module with an image and wrap text around it


workplaybiz
06-08-2006, 07:12 PM
I would like to add a couple of modules to my home page and I was wondering how you could add a small image and then wrap text around it just like the vbadvanced home page. What kind of module can be used? Can someone help me with the html or php or whatever code needed?

Thanks,
- John

sasgamaw
06-08-2006, 10:15 PM
do not see what about you are takling....

Our Sponsors
 

workplaybiz
06-08-2006, 10:32 PM
If you don't understand what I am saying, then I will try to re-phrase it. On vbadvanced.com's hompage there are 3 products listed. I am trying to create something similar to those 3 modules on my homepage. I need a small image in the top left corner, some text to flow around it and I need a link at the bottom. How can I do this? Does anyone have some code that I can use that will speed up the process of creating this module.

blankoboy
08-23-2006, 04:11 AM
Ditto for me, I am trying to figure out how I can get images to display in posts with text that flows/wraps around it. Can anyone shed some light on this?

Our Sponsors
 

dleblanc
10-19-2006, 04:38 PM
I got this off this link http://www.vbulletin.org/forum/showthread.php?t=122660&highlight=image+wrap

It works for the current vBulletin Version 3.6.2 also.

Instructions for xFLOAT Custom BBCode

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

<a href="{param}"><img alt="" border="0" src="{param}" style="margin: 0px 10px 10px 0px; float: {option};"/></a>

5 - For "Example" enter this:

http://yoursite.com/images/pic/lochness.gif

6 - Check yes on "use {option}"

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

Note: Any text around the image gets wrapped. Including your signature! To avoid having your signature (or any text) wrapped: 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/text)

sinjix_media
11-09-2006, 04:32 PM
If you don't understand what I am saying, then I will try to re-phrase it. On vbadvanced.com's hompage there are 3 products listed. I am trying to create something similar to those 3 modules on my homepage. I need a small image in the top left corner, some text to flow around it and I need a link at the bottom. How can I do this? Does anyone have some code that I can use that will speed up the process of creating this module.
im also looking for this in a module

Delw
11-12-2006, 11:29 AM
Wrap text on right of image

bb code
imgurl

html code
<table border="0" cellpadding="10" align="left" valign="top"> <tr> <td><img src="imgurl" border="0" align="left"></td> </tr> </table>



Wrap text on left of image
bb code
imgurl

htmlcode
<table border="0" cellpadding="10" align="right" valign="top"> <tr> <td><img src="imgurl" border="0" align="left"></td> </tr> </table>

theres also a hack called better news articles or something like that, the screen shots are soccer info. I saw it here or on vbulletin.org
attached are the icons you can put in so its just one click

WildShot
04-11-2007, 10:59 PM
this is nice...... very usefull. Thx.

attroll
04-12-2007, 01:13 AM
I can not get this to work. I posted the code exactly like you said and when I post an image it post like this. It does not put the in the message like it should instead it looks like this.

[XFLOAT="http://www.mysite.net/gallery/files/2/9/3/IMAG0048_1_thumb.jpg"]

attroll
04-12-2007, 01:32 AM
Never mind I figure it out.

akulion
04-12-2007, 01:34 AM
here is the thread u are looking for
http://www.vbulletin.org/forum/showthread.php?t=103257