• Hi!

    I am looking for something to add to my style file that will center and frame all my images in my posts, i have searched but i havent found anything that was helping me.. .?

    ps: what is the width of the main blog column?

    sorry for my bad english / a swede 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • Try this site:

    http://www.mandarindesign.com/blogger.html

    Scroll down about halfway on the page for polaroid type pic frames.

    and click on this section in the sidebar for more tricks:

    “HTML and CSS Examples Popular Blog Code
    TIPS and TRICKS”

    I believe what you are calling the “main” column in the Kubrick theme is .narrowcolumn in your style sheet, which is 450 px.
    From the CSS,

    And using ‘class=”centered’,
    will of course center the image. This is much better than using
    align=”center”, being much more futureproof (and valid)

    so when you post an image you would have something like this <img class="centered" src="blah.blah.blah" alt="blah blah" />
    As far as frame, you can add a border easily with CSS.
    you can add the line:
    border-style: solid;
    to your CSS and that should frame the image.
    http://www.w3schools.com/css/css_border.asp
    a little primer on borders and CSS.

    Hi im not to up on the “hole”!” thing about building or constructing an inter-net web site, or even finding those pages that you wouldnt normally get to veeeiiiw, (long pause) (then breath!!!!!) But i do enjoy looking at all those wonderful pictures of the one, The only? christina aguilera on the entire fu**ing thing, We call the worldwide web? mmm!! ahahahaha! err?! has she by any chance brought the fu*king web or do we just like filling our dirty little minds with her body, mind ,& face. whats the post for again! sh*t i always forget, silly me! not! oh yeah

    Thread Starter rymdapan

    (@rymdapan)

    thx everybody! but it seems like i need som more newbier help here 😉

    i am not looking for a photo plugin type of thing i realy just want to put upp mayby 1-6 pictures a once in one post, and i am happy with the standard WP uppload thing.

    I realy like the big thumbs on the right column over at http://www.rion.nu/

    i want my upploaded picturs to be centerd at max width (including the frame around the picture) esy and nice 🙂

    i get that much that i need to ad stuff in my default style.css.. . but what? i just need this frame function on the main blog column,

    i Use the standard unedited style.css thats original

    I didn’t mention anything about a plugin. Put your images where ever you want them to be, at what ever size you plan on. Keep in mind, if they are more than 450px with the frame, then you are going to have issues.
    When you call the image in your post with the img tag, simply add the “class=”centered” between img and src, and you will have a centered image in your post.
    To add a frame, as I said before, go into your style sheet, and add the line “border-type: solid;” where it says .img centered
    That should begin to give you what you are looking for.
    Any thing else, as far as thumbnails, etc, I believe you would need a plugin.
    My cooking site uses images in each post. They are 200px “thumbnails” that you can click to get a larger image. I use iimage browser plugin to handle the photo once I upload it my server. Granted, I’m using a CSS hack that gives it the drop shadow, but I easily could have border by itself. I also use a different style to align left, rather than center, but you should get the idea.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘framed images in posts, on default theme’ is closed to new replies.