About Size of Thumbnail Container at Home Page

[sunl]

Hello Friends   

I search this form but not able to locate exact topic related to my problem so want some help.

I was trying to resize the three boxes which contain thumbnails at home page.

Actually I increase the no. of thumbnails from three to five but with this change home page goes beyond screen and

scrollbar appears. So i try to reduce the size of box but not able to find where to change settings in template.

Thanks

[Rembrandt]

Hi!
try this, in ACP general/settings/Image settings/ Cellspacing and Cellpadding

mfg Andi
 

[sunl]

Not worked

Here i will Show by Images what i am asking.



Above Image shows present state. You see in this image box containing thumbnails are very big.

I want it to change it in small size, approx. thumbnail size like in image below.
---------------------------------------------------------------------------------------------------------------------


In above red image you see the box (border) contain thumbnail is 1 or 2 point bigger than thumbnail. This i want

but i am not able to figure out from where it has to be change.

Actually i am not related to web deigning or template deigning.

So Please help.

[Rembrandt]

sure it works.

general/settings:
 Choose template directory = default

general/settings/Image settings:
 Image table cells = 5
 Cellspacing = 1
 Cellpadding = 1

[sunl]

I apply these settings my self before posting here but these settings not worked.

Now i figure it out why these settings and changes not worked.

It becoz i have already big thumbnails in site, so these settings were not working.

When i delete all thumbnails and created new thumbnails with small size. These setting

come in effect. So anyone want these changes he has to recreate all thumbnails again.

Thanks Rembrandt for your help and Support.

[V@no]

Maybe this will help:
[Plugin] Rebuild Thumbnails v1.1.1 (2010-07-10)

[deputy45]

Hello Friends   

I search this form but not able to locate exact topic related to my problem so want some help.

I was trying to resize the three boxes which contain thumbnails at home page.

Actually I increase the no. of thumbnails from three to five but with this change home page goes beyond screen and

scrollbar appears. So i try to reduce the size of box but not able to find where to change settings in template.

Thanks

affiliate tools

[x23piracy]

Hi,

iam not sure what kind of template you are using but look in your style.css for something like:

Code: [Select]

.thumb {
background: url('1x1_85.png');
border: 1px solid #e8e8e8;
/*background: #edf4fa;*/
/*background-color: #000000;*/
cursor: pointer;
margin: 0 10px 0 5px;
padding: 14px;
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
}

.thumb2 {
border: 1px solid #cde0f0;
/*background: #edf4fa;*/
background-color: #000000;
cursor: pointer;
margin: 0 10px 0 5px;
padding: 14px;
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
}

.info {
border: 1px solid #cde0f0;
background: #edf4fa;
padding: 6px 6px 6px 14px;
margin: 10px 10px 20px 5px;
background-color: #000000;
        opacity: 0.85; /* Webkit und Opera  */
        -moz-opacity: 0.85; /* Mozilla Browser */
filter: alpha(opacity = 85); /* IE */
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
}
First of all try remove all margins and paddings of your css and see what happens then try adding
margins and paddings for your needs.

Another Problem is when you resize the main container to something such like 776px for 800x600
compatibility then thumbs will be filled in the table from left to right and not centered i never figured
out the place where that is defined... watch the last thumb container on the right it always a bit
smaller then the other ones:



Using cellpadding and spacing in ACP is bad if your are using a template based on css placement for div elements
on your hole page it presses the thumbs down and you need to cheat with your css.


Greetz X23

[surferboy]

Hi -

Thanks for the tips on here. Rembrandt's advice to change the cell spacing and cell padding in the ACP image settings was a big help.

I stumbled on this 4images gallery and immediately wanted to emulate the tile format of the thumbnails:
http://hunkforo.com/4images/cat-men-in-boxers-9.htm

I am close to getting where I want, or closer given the limits of my graphic design talents but ....

how do I center the image and the information below like the hunkforo gallery?  I tried modifying my thumbnail_bit.html template by adding a align=center code around the {thumb} as suggested in one other post in this section but that didn't do anything.  Is this a css issue or is my code in the thumbnail_bit template woefully inadequate?

Here is the code for the template:

<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->

<table width="1%" border="0" cellspacing="0" cellpadding="0" onmouseover="Tip('<?=str_replace(array("\n", "\r"), "", addslashes("{image_tip}<br />{lang_imagename} {image_name}<br />{lang_category} {cat_name}<br />{lang_description} {image_description}<br />{lang_comments} {image_comments}"))?>')" onmouseout="UnTip()">
  <tr>
    <td>{thumbnail}</td>
  </tr>
</table>

<b><?PHP echo substr(format_text($image_name,2),0,20);?></b> {if image_is_new}<sup class="new">{lang_new}</sup>{endif image_is_new} ({user_name_link})

<br />

<a href="{cat_url}">{cat_name}</a><br />

{if allow_comments}{lang_comments} {image_comments}{endif allow_comments}<br />

<img src="{template_url}/images/{rating_pic}" width="55" height="10" alt="{lang_rating} {image_rating} ({image_votes} {lang_votes})" /><br />

{lightbox_button}

Thanks for any ideas and I can pm anyone with a test user access to our gallery if they want to take a look. Just can't post it on here.

Thanks,

Brian

[edit]

Found the solution ... at last ... see this topic. Thanks~!

http://www.4homepages.de/forum/index.php?topic=676.0