placing multiple stacked images into a blog

  • Author
    Posts
  • #714660

    cruisenomad
    Member

    I have been trying to make my blog look more professional and as photography is the main reason I started the blog I tried to create a multiple image that looks like photos thrown onto a pile. I only used four images each one was placed on the bottom of the other one creating a four image montage.
    I created these in photoshop 4 and tried multiple ways of creating JPEG, and PNG files all that has happened when I import to my blog is that the image appears inside a rectangle of white with edges and I have been trying to get it to be just the four images by them selves I have been able to see this in other peoples blogs and it looks very good and I would like to be able to do that sort of thing for my blog to increase the overall look.

    If anyone has any ideas i would love to hear them

    Thanks in Advance

    Chris Taylor.

    The blog I need help with is cruisenomad.wordpress.com.

    #714759

    Can you give us a link to an example of what you are talking about on your site please?

    #714768

    cruisenomad
    Member

    Hi Sacred path

    If you go to http://www.pixelatedimage.com/blog/ you will see examples of what I would like to attempt to recreate on my blog.

    I have also placed an example on my post page of what I have been able to upload called example.

    Thanks Chris Taylor

    #714770

    At the moment your composite image shows up inside a grey frame because you’ve made it a captioned image. Click on the image while on the visual post editor screen, click the edit icon, delete the caption, click Advanced Settings, type 0 in the Border field, click Update (image), click Update (post).

    #714772

    By the way, note that you get better quality if you upload images downsized to the dimensions you want instead of letting WP do the downsizing – see here:
    http://wpbtips.wordpress.com/2010/01/16/image-quality/

    #714774

    cruisenomad
    Member

    Thanks very much for your help here guys I will try all of these and I will get back to you letting know if I am able to solve it this way.

    And I will look into uploaded images dimensions at the link.

    Thanks again

    Chris

    #714805

    cruisenomad
    Member

    Hi all
    I have tried to type 0 in the border field, although nothing has changed I am still not able to get the images to seem like they are in Davids blog http://www.pixelatedimage.com/blog/

    I have been able make my images, at least my Landscape images at this time seem to pop in my new blog.

    So many thanks for that.

    I will keep looking for a way to make multiple images for my blog.

    Chris

    #714807

    I thought you were talking about this image in particular:
    http://cruisenomad.wordpress.com/2011/09/26/example/

    Are you talking about all your images? Some of them are captioned, some aren’t, some have borders, some don’t – please explain in more detail what exactly you’re looking for. “Get the images to seem like they are in Davids blog” doesn’t tell us much.

    #714814

    You did remove the border, but it’s done with “border: none” not 0. Looks like you figured that part out.

    If you want to remove the background color from behind captioned images in the Twenty Eleven theme, you can use this:

    .wp-caption {
        background: none;
    }
    #714823

    cruisenomad
    Member

    Hi panaghiotisadam the style that I like is on David Du Chemin’s blog its called pixalated image he has 5 or 6 tear sheets placed together that is what I am trying to achieve with my images you can visit his blog at http://www.pixelatedimage.com/blog if you would like to have a look.

    Hi Happiness engineer
    Where do I use this , wp- caption { background: none} is it in the CSS Class or the Styles

    By the way I really appreciate all the help in improving my blog as this is my first ever
    query

    Chris

    #714825

    @designsimply: In my reply I was talking about editing in the visual editor, not CSS editing. In the visual editor, it’s done with 0.

    #714826

    You would put the wp-caption CSS code into the Appearance → Custom Design → CSS page inside your blog, but you do need to purchase the paid upgrade for Custom Design if you want to make changes to the CSS. You can try out the code I listed above and click the Preview button to check out how it works.

    If that’s the only design change you want to make, then it might work just as well for you to just not use a caption. A lot of the WordPress.com themes use a border and background color for captioned images but not regular images. Try editing the image and remove the caption to see if that gets you the result you’re after for the border.

    If you do want to learn more about the custom design upgrade, check out this page: http://en.support.wordpress.com/custom-design/

    #714827

    @cruisenomad: I did visit David’s blog, and it’s got all sorts of things. Please point to a specific image in a specific post.

    #714828

    Ah yes, I was in CSS mode. You’re right, border is 0 in the visual editor. :)

    #714830

    wpgaurav
    Member

    I think I understand what (s)he is asking for! She is trying to put a bunch of images at one place, one behind one, similar as Slideshow but not the same.

    #714831

    cruisenomad
    Member

    Hi panaghiotisadam
    Its under The Inspired Eye, Volume 3. the images (of 6 tear sheets are placed one at the bottom of the next and there seems to be a drop shadow as well)
    By the way your 0 and losing the caption seems to work I will be experimenting over the next few days and will get back to you to let you know my results.

    Happiness Engineer
    Thanks I might have to get the upgrade if I do not solve this some other way, I am new to blogging and want to become better with every blog that I produce.

    again the help has been fantastic.

    Kudos to all

    Chris

    #714832

    I found this example: http://www.pixelatedimage.com/blog/wp-content/uploads/2011/09/InspiredEye3-Comp-Vertical.png

    That image was created using a graphics program like Photoshop before it was uploaded for WordPress. I bet you could find a tutorial about that if you search online.

    #714834

    cruisenomad
    Member

    Thanks wpgaurav mate wrong gender its he minus the S.
    and no not a slide show just placing the next image at the bottom of the before image.

    I placed an example on my blog it under Uncategorized.

    #714836

    cruisenomad
    Member

    Hi Happiness Engineer

    I will try that

    Thanks

    #714838

    wpgaurav
    Member

    @cruisenomad oops. Sorry for that. :) I’ve seen the example. That’s brilliant.

The topic ‘placing multiple stacked images into a blog’ is closed to new replies.