[Template] Iceberg ~ Free 4images Templates

[mawenzi]

@masumcis
... try this ...
... [MOD] Category Image v1.0.2 ... http://www.4homepages.de/forum/index.php?topic=6922.0 ...
... or this ...
... Show a thumbnail instead of a folder icon next to category ... http://www.4homepages.de/forum/index.php?topic=6675.0 ...

[masumcis]

Thanks man.

i know little bit of php, can i make my self a theme. or is there any soft for making theme. or any EASY tutorials for me.

i will be glade for that.

[mediteran13]

Hi all,

I modified my "thumbnail_bit.html" already two times in this way, but I don't get the "quadratic" box around the images. Depending on thumbnail height (horizontal or vertical image) the lightbox button is jumping up and down... Any idea what's going wrong?
Thanks a lot!

Hi, I don't know what to do.. I want those tables that surround the image to be perfectly aligned! I see that if there is 2 different thumbnails - speaking of height - then a space it appears under the thumbnail - check the attached pic..
Any ideea?!

Change your thumbnail_bit.html to this

Code: [Select]

<table class="thumb" onmouseover="this.className='thumb2'" onmouseout="this.className='thumb'" border="1" cellspacing="1" style="border-collapse: collapse" bordercolor="#C0C0C0" id="AutoNumber1" >
    <tr>
    <td align="center">
        <table border="1" cellspacing="1" style="border-collapse: collapse" bordercolor="#808080" id="AutoNumber2" title="{image_name}">
        {thumbnail}
      </table>
    </td>
  </tr>
 </table>


<div class="info">
<p align="left" class="cat">{image_name}{if image_is_new}<span class="new">{lang_new}</span>{endif image_is_new}</p>
  <div align="left">
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        {if categories}<td><p class="category"><a href="{cat_url}">{cat_name}</a></p></td>{endif categories}
        {if allow_comments}<td><p class="comment">{image_comments}</p></td>{endif allow_comments}
        <td><p class="user">({user_name_link})</p></td>

      </tr>
    </table>
    {lightbox_button}
  </div>
</div>

you can see here http://www.myanimalsworld.com how looks that.

[KurtW]

Hi,

the lightbox button is out of the table....
Test this:

Code: [Select]

<div class="info">
<p align="left" class="cat">{image_name}{if image_is_new}<span class="new">{lang_new}</span>{endif image_is_new}</p>
    <table width="100%"  border="0" cellspacing="0" cellpadding="0"align="left">
      <tr>
        {if categories}<td><p class="category"><a href="{cat_url}">{cat_name}</a></p></td>{endif categories}
        {if allow_comments}<td><p class="comment">{image_comments}</p></td>{endif allow_comments}
        <td class="user">{user_name_link})<br /><br />{lightbox_button}</td>
      </tr>
    </table>
</div>

KurtW

[mediteran13]

Thanks Kurt for your quick reply,

but it doesn't function.

BTW, I tried to attach a screenshot, but I can't post then...

[kashiyuka]

Hi, I don't know what to do.. I want those tables that surround the image to be perfectly aligned! I see that if there is 2 different thumbnails - speaking of height - then a space it appears under the thumbnail - check the attached pic..
Any ideea?!

Change your thumbnail_bit.html to this

Code: [Select]

<table class="thumb" onmouseover="this.className='thumb2'" onmouseout="this.className='thumb'" border="1" cellspacing="1" style="border-collapse: collapse" bordercolor="#C0C0C0" id="AutoNumber1" >
    <tr>
    <td align="center">
        <table border="1" cellspacing="1" style="border-collapse: collapse" bordercolor="#808080" id="AutoNumber2" title="{image_name}">
        {thumbnail}
      </table>
    </td>
  </tr>
 </table>


<div class="info">
<p align="left" class="cat">{image_name}{if image_is_new}<span class="new">{lang_new}</span>{endif image_is_new}</p>
  <div align="left">
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        {if categories}<td><p class="category"><a href="{cat_url}">{cat_name}</a></p></td>{endif categories}
        {if allow_comments}<td><p class="comment">{image_comments}</p></td>{endif allow_comments}
        <td><p class="user">({user_name_link})</p></td>

      </tr>
    </table>
    {lightbox_button}
  </div>
</div>

you can see here http://www.myanimalsworld.com how looks that.

I've modified the thumbnail_bit.html file, but sadly it doesn't work as on the link you provided.
I also compared the page source on my site which is perfectly the same.
Besides, the original mouse over, mouse out effects are gone as well.
Any help? Thanks a lot!

[Shabu]

Thanks Kurt for your quick reply,

but it doesn't function.

BTW, I tried to attach a screenshot, but I can't post then...

Try this:

File path: /templates/iceberg/images/style.css

Find:

Code: [Select]

.thumb {
border: 1px solid #e8e8e8;
background: #f5f9fc;
cursor: pointer;
padding: 14px;
}

.thumb2 {
border: 1px solid #cde0f0;
background: #edf4fa;
cursor: pointer;
padding: 14px;
}

Replace with:

Code: [Select]

.thumb {
border: 1px solid #e8e8e8;
background: #f5f9fc;
cursor: pointer;
padding: 14px;
height: 200px;/* Or any suitable height*/
}

.thumb2 {
border: 1px solid #cde0f0;
background: #edf4fa;
cursor: pointer;
padding: 14px;
height: 200px;/* Or any suitable height*/
}


[jipjip]

where to add adverts? 

[BillyC]

I'm using this template myself but I made it a template with a fixed with. However, a few parts of the site sometimes go over this fixed width.

http://musicpics.net/ - On the front page: The headers of the sidebar with a 300px width still have the original size and the column with the latest pics and categories is too wide.
http://musicpics.net/img-bob-marley-getting-high-1.htm - IPTC information block is still taking full browser width

[mediteran13]

Hi Shabu,

thanks a lot for your solution with the size of the thumbnail box! Works perfectly!

Yesterday I've started to work on a 4images project which is my first one for the "real world". I discovered two problems which I didn't succeed to resolve (please see the attached screenshot):

1. Instead of german diacritical letters such as "ä" I'm getting just a question mark (?). I've tried to change the encoding of the categories.html, but it doesn't help.

2. I've managed to change the size of nearly all text (in style.css), but I can't find where to change the size of the text marked as "2".

Thanks a lot for your help!

rgds
mediteran

[mediteran13]

Item 1. is resolved. I had a problem with encoding when opening main.php in Adobe Golive.

But I have no idea how to resolve the 2nd problem regarding size of text...

rgds
mediteran

[KurtW]

Hi,

in standartd template:

ul, li, p, td {
  color: #004c75;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}


Kurt

[mediteran13]

Hi Kurt,

thx for your reply. But there's nothing like this in style.css of Iceberg. Tried to change ALL font-sizes, but with no effect on shown text (in aboce screenshot). Think we've to wait for Shabu... Seems that he has hided it in some other file.

best rgds
Ralf

[Omsky]

Shabu in random image row, on first page, not showing:
1) image name
2) comments amounts
3) uploader name

showing only image

where fix this?

[Omsky]

ohh.. i fix this 

open
/public_html/templates/Iceberg/random_image.html

find

Code: [Select]

{thumbnail}
add after

Code: [Select]

<br /><b>{image_name}</b>{if image_is_new} <sup class="new">{lang_new}</sup>{endif image_is_new}<br />
{if allow_comments}{lang_comments} {image_comments}{endif allow_comments}<br />{user_name}

save and close.