ramina's thumbnail script

[ehmotion]

Hey,

I'm trying to personalize ramina's script for displaying my images on my wordpress blog.

How would I put a border around the thumbs or perhaps just space the thumbs out some more?

I want to display 2 rows of 2 and have them more evenly spaced out in my sidebar. Check out http://blog.ehmotion.com to see how it is currently being displayed.

Thanks,
Justin

[Joe[y]]

i'm not familiar with the addon... in fact i have never looked at the code but i imagine it's quite easy. you need to look in the addon and search for ' <img src ' - then within that <img> tag just give it a class ie... <img class="pixelpostthumbs" src=.... then using css in your wordpress stylesheet you can define some padding or a border etc.

does that make sense?

[Joe[y]]

oh and so that they display in two rows. place them inside something like this <div style="width:200px;"> put your thumbnail script here </div>... that should force them into two rows.

[ehmotion]

hmmm, kinda but not really. If I understood basic css it probably would. I'll try and give it a shot though.

Thanks Joey

[Joe[y]]

sure... read up a few bits on google about css... it looks a little bit daunting but it's very simple when you understand the basics. if you have any problems and need more specific help then you can email me through:

joey at pixelpost dot org

[jet]

i don't think you can apply a class to an <img> tag... you could style <img> in the css, but that would affect all <img>'s on the site.

what you could do is...
<div class="whatever">
<img>
</div>

then in the css...
#whatever img{
your css styling
}

that way it's stying the <img> within the <div class="whatever">

[dakwegmo]

i don't think you can apply a class to an <img> tag...

Are you suggesting there's some rule that prevents this, or just that it wouldn't work in this particular case?

If you're putting the thumbnails within a container already, such as a sidebar div, you could save yourself some code, by doing this:

<img class="whatever">

then in the css...
.whatever{
your css styling
}