smd_slimbox

Sheru · 2008-07-07 03:56:15

Warm Greetings, Stef! I am again back to this thread. I am using smd_slimbox and I wish to display 4 thumbnail per row. I looked through some tutorials but could not figure it out. Could help me on this?

Thank you for your kind help.
Sheru

Last edited by Sheru (2008-07-07 04:09:24)

Bloke · 2008-07-07 07:49:38

Sheru wrote:

I wish to display 4 thumbnail per row.

You can do this with CSS. The general idea is to let the thumbnails “flow” across the page by floating the thumbs and then put the whole lot in a container with a fixed width.

Put a container div (with, e.g. class="thumb_container") around the entire call to smd_slimbox. Use something like wraptag="div" cellclass="thumb" in the plugin attributes to give each thumb its own container, then:

div .thumb {
  float:left;
  padding:5px;
}

.thumb_container {
  width:450px;
}

If all your images are 100px wide + 5 px each side for padding and you want 4 in a row, that gives:

4 × (100+ 5 + 5) = 440px

so a container with a width of 450px should house the correct number of thumbs.

Sheru · 2008-07-07 12:49:15

Warm Greetings from Sheru!
Thank you for your great help and great explanation.

I have added following code.
bc.. <txp:smd_slimbox category=“annapurna” limit=“4” sort=“category, date asc” class=“thumb_container” wraptag=“div” cellclass=“thumb”/>

As I add above code, it displayed images but with the following error.
bc.. Tag error: <txp:smd_slimbox category=“annapurna” limit=“4” sort=“category, date asc” class=“thumb_container” wraptag=“div” cellclass=“thumb”/> -> Textpattern Notice: Unknown tag attribute: class on line 653

I added the CSS that you have suggested and error occurs as soon as it finds class=, wraptag= and cellclass= in above code.

Once again thank you for the kind help and prompt response. I have learnt many… with you.
Sheru

Last edited by Sheru (2008-07-07 12:53:01)

Gocom · 2008-07-07 13:00:44

Sheru wrote:

As I add above code, it displayed images but with the following error…

Cause there is not class-attribute in the plugin as far I can see. Only XHTML-class attributes in smd_slimbox 0.31 are following:

thumbtextclass
prevclass
nextclass
navclass
cellclass
linkclass
imgclass

Last edited by Gocom (2008-07-07 13:01:10)

Bloke · 2008-07-07 13:04:20

Sheru

As Gocom said, there is no class attribute (stupid, huh?! My silly naming convention in practise…)

Instead of class="thumb_container" you need to wrap the smd_slimbox tag itself with your own div:

<div class="thumb_container">
<txp:smd_slimbox category="annapurna" limit="4" sort="category, date asc" wraptag="div" cellclass="thumb" /> 
</div>

Sheru · 2008-07-08 07:25:41

Warm Greetings Stef! Thank you so much for your prompt response and for your kind help too. That worked perfectly except Prev link. Prev link went top right beside the image instead of on the bottom left.

Thank you a lot for your time. Hope to be in touch with you.
Sheru

Bloke · 2008-07-08 07:39:41

Sheru wrote:

Prev link went top right beside the image instead of on the bottom left.

Yes, it probably will because everything before it is floated. You’ll need to add a CSS rule to the div that contains your next/prev. Something like clear:both; should do the trick. With luck.

Sheru · 2008-07-09 05:36:58

Warm Greetings Stef! Thank you so much for your generous help. This means great to me. What you have suggested worked perfectly. I would llike to say You rock. I have added clear:both; on

.smd_slimbox_prev {
	float:left;
        clear:both; // Added this as per your suggestion. This helped Prev link to be right location.
}

Once again thank you so much for kind help. I am learning many things with you.
Sheru

Sheru · 2008-07-09 11:45:59

Warm Greetings Stef, You have created wonderful plugins for us(Texpattern communilty). All of them seems awesome so far I have used and I know. I have used so far smd_slimbox, smd_query, and smd_random_banner. They are all wonderful. Thanks for all those plugins.

Thank you once again
Sheru

Sheru · 2008-07-11 06:34:44

Warm Greetings Stef! On IE 6(forgot to test before), just now came to notice that background shadow of picture cut off. When clicked on thumbnail displays the image correctly but black transparent showdow displays from left side and stops around middle of the screen. But displaying perfectly on Firefox, IE 7, Camino. I don’t know cause. Could you please look site on IE 6 Site.

Thank you for your kind help
Sheru

Last edited by Sheru (2008-07-11 06:39:51)

Bloke · 2008-07-27 12:22:17

Sheru wrote:

black transparent showdow displays from left side and stops around middle of the screen.

I don’t know the specific cause in this case but it’s more than likely a CSS issue. A few people have experienced this before (user joel is one, I think) so if you try searching this thread, you might find the answer. Sorry I can’t help more right now.

Sheru · 2008-08-11 10:23:39

Warm Greetings Stef, After a couple of weeks illness, back to the forum. Thank you a lot for your response. I have not tried to find answer searching in thread but will try to do.

Thank you for your kind help.
Sheru

Textpattern CMS

Textpattern CMS support forum

#541 2008-07-07 03:56:15

Re: smd_slimbox

#542 2008-07-07 07:49:38

Re: smd_slimbox

#543 2008-07-07 12:49:15

Re: smd_slimbox

#544 2008-07-07 13:00:44

Re: smd_slimbox

#545 2008-07-07 13:04:20

Re: smd_slimbox

#546 2008-07-08 07:25:41

Re: smd_slimbox

#547 2008-07-08 07:39:41

Re: smd_slimbox

#548 2008-07-09 05:36:58

Re: smd_slimbox

#549 2008-07-09 11:45:59

Re: smd_slimbox

#550 2008-07-11 06:34:44

Re: smd_slimbox

#551 2008-07-27 12:22:17

Re: smd_slimbox

#552 2008-08-11 10:23:39

Re: smd_slimbox

Board footer