Add an image to a block

Key words and phrases: 
embed image in text block content sidebar blocks graphic in context attach picture to block box
Description & Info: 

How do we add an image to a custom defined, textual block?

You can change menus here:

Edit the custom block in question, at a URL like:

http://example.com/admin/build/block/configure/block/41

Add the image using Create Content -> Image and upload it from your file system. As we are using a public file system, left it unpublished and not in any photo galleries. Copied the path "Copy Image Location" on left (or control) click in Firefox.

A graphic can also be attached to a page or any content as a file, and not listed but accessible (for public download) if available.

Then use the path in the block content (you may need to set the input format to full HTML), in a standard <img src="/sites/default/files/images/agaric_image.jpg" />.

by Benjamin Melançon
Posted on Wed, 2008-04-02 06:07
in
Post new comment
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <h1> <h2> <h3> <h4> <h5> <h6> <small> <pre> <strike> <sub> <sup>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.