SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast MelissaMiller's Avatar
    Join Date
    Mar 2008
    Location
    des moines, ia
    Posts
    64
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need assistance with images in forums, e-mails

    Don't know where to post this. I'm an artist and my images sell my work. Working with other fine-craft artists to learn about inserting images in forums and e-mail newsletters, can you tell me which forum to use for me to present my questions?

  2. #2
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,271
    Mentioned
    252 Post(s)
    Tagged
    1 Thread(s)
    There's plenty of information all around SP, so if you haven't tried to do a search, I would suggest to do so.

    Inserting images it is pretty easy:

    - If it is a website, you need to choose the method

    1) as a background image. Then you will need to use CSS and use the background property. As an example:
    Code HTML4strict:
    <div>
    <p>This is a paragraph</p>
     
    </div>

    To place an image as a background of the div, you would use:

    Code CSS:
    div {background: transparent (picturename.gif) no-repeat top left;}

    This tells the browser that the background color is transparent, that the picture is in the same directory (since there's no other directory name or anything) and named "picturename.gif" and that it should not be repeated at all, and its position would be top left.

    If you want to have your image inserted as an image, and not as a background, you will use the IMG element

    [code highlight="HTML4Strict"]<img src="picturename.gif" alt="this is where the alternative text goes for accessibility">[/code]

    Again, because there are no directory names or any symbol where I wrote the name of the picture, it means that it is located in the same directory as the web page I'm building.

    For e-mails, you need to go to the old school and always use the second approach. E-mail readers can only understand that, so background images are a no-no.

  3. #3
    SitePoint Enthusiast MelissaMiller's Avatar
    Join Date
    Mar 2008
    Location
    des moines, ia
    Posts
    64
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What I'm trying to do first is to be able to insert images in forum and bulletin board-type places. These images need to be small, to fit in the small space, but when clicked on, I'd like them to be enlarged. Using a site called "tinyimage.com" I was able to insert the small image, but when clicked the image takes me to a form on the tinyimage site. So tried flickr, but could not get the image to work at all. But if it works for tinyimage pics, I believe it should work for an image even leading to my web site. These forums and boards are on a web site where I sell my work, so I don't have much control, but they do seem to be allowing me to do this.

  4. #4
    ✯✯✯ silver trophybronze trophy php_daemon's Avatar
    Join Date
    Mar 2006
    Posts
    5,284
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Hi Melissa,

    So I understand that you want to show images from your site on forums rather than uploading them to services like tinyimage, right? But you don't want to add the original image directly to the thread because it's too big.

    What you could do is have two versions of the image on your site - small and original. Then post the small version on the forums while adding a hyperlink to your original image on your site. The bbcode would look like this:

    Code:
    [url=http://www.example.com/original-image.jpg][img]http://www.example.com/small-image.jpg[/img][/url]
    Where example.com is your site.
    Saul

  5. #5
    SitePoint Enthusiast MelissaMiller's Avatar
    Join Date
    Mar 2008
    Location
    des moines, ia
    Posts
    64
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Exactly. I'll give it a shot, and thanks. I always learn so much from this site.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •