zenphoto (index)

25-07-2008, 01.41.04

Salve io ho installato zenphoto, usando il tema stopdesign....ma ho natato che le immagini create nella index sono troppo strette...ho trovato la stringa di codice per modificare la larghezza e lunghezza nella index.php

Codice PHP:


<a href="<?php echo htmlspecialchars(getAlbumLinkURL());?>" title="<?php echo gettext("View album:").' '; echo getAlbumTitle();?>" class="img"><?php printCustomAlbumThumbImage(getAlbumTitle(), null, 210, 59, 210, 59); ?></a>

Pero' succede che che allungando le immagini a 210, 210......mi copre i titoli e le descrizioni delle immagini, perche' sono fissate indipendentemente sotto all'immagine.

C'e' un modo per allontanare (spaziare) di piu' le scritte da ogni immagine nella index.php?

vi lascio il codice dell'homepage, spero di essere d'aiuto

Codice PHP:


<?php if (!defined('WEBPATH')) die(); normalizeColumns(3, 6); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <?php zenJavascript(); ?>
    <title><?php printGalleryTitle(); ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" media="screen, projection" href="<?php echo $_zp_themeroot ?>/css/master.css" />
    <?php 
    printRSSHeaderLink('Gallery','Gallery RSS');
    setOption('thumb_crop_width', 85, false);
    setOption('thumb_crop_height', 85, false);
    ?>
</head>

<body class="index">
    <?php echo getGalleryTitle(); ?><?php if (getOption('Allow_search')) {  printSearchForm(''); } ?>

    <div id="content">

<h1>
<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
</h1>

        <h1><?php echo getGalleryTitle(); ?></h1>
        <div class="galleries">
                <h2><?php echo gettext('Recently Updated Galleries'); ?></h2>
                <ul>
                    <?php $counter = 0; while (next_album() and $counter < 6): ?>
                        <li class="gal">
                            <h3><a href="<?php echo htmlspecialchars(getAlbumLinkURL());?>" title="<?php echo gettext("View album:").' '; echo getAlbumTitle(); ?>"><?php printAlbumTitle(); ?></a></h3>
                            <a href="<?php echo htmlspecialchars(getAlbumLinkURL());?>" title="<?php echo gettext("View album:").' '; echo getAlbumTitle();?>" class="img"><?php printCustomAlbumThumbImage(getAlbumTitle(), null, 210, 59, 210, 59); ?></a>
                            <p>
                    <?php 
                        $number = getNumsubalbums(); 
                        if ($number > 0) { 
                            if (!($number == 1)) {  $number .= ' '.gettext("albums");} else {$number .= ' '.gettext("album");}
                                $counters = $number;
                            } else {
                                $counters = '';
                            }
                            $number = getNumImages();
                            if ($number > 0) {    
                                if (!empty($counters)) { $counters .= ",&nbsp;"; }                    
                            if ($number != 1) $number .= ' '.gettext("photos"); else $number .= ' '.gettext("photo"); 
                            $counters .= $number;
                        }
                        if (!empty($counters)) {
                            echo "<p><em>($counters)</em><br/>";
                        }
                        $text = htmlspecialchars(getAlbumDesc()); 
                        if(strlen($text) > 50) {
                            $text = preg_replace("/[^ ]*$/", '', substr($text, 0, 50)) . "...";
                        }
                        echo $text; 
                    ?></p>
                            <div class="date"><?php printAlbumDate(); ?></div>
                    </li>
                <?php if ($counter == 2) {echo "</ul><ul>";}; $counter++; endwhile; ?>
                </ul>
                <p class="mainbutton"><a href="<?php echo htmlspecialchars(getCustomPageURL('albumarchive')); ?>" class="btn"><img src="<?php echo $_zp_themeroot ?>/img/btn_gallery_archive.gif" width="118" height="21" alt="<?php echo ' '.gettext('Gallery Archive'); ?>" /></a></p>
        </div>

        <div id="secondary">
            <div class="module">
                <h2>Description</h2>
                <p><?php echo getOption('Gallery_description'); ?></p>
            </div>
            <div class="module">
                <?php $selector = getOption('Mini_slide_selector'); ?>
                <ul id="randomlist">
                    <?php 
                    switch($selector) {
                        case 'Recent images':
                            if (function_exists('getImageStatistic')) {
                                echo '<h2>Recent images</h2>';
                                $images = getImageStatistic(6, "latest");
                                foreach ($images as $image) {
                                    echo "<li><table><tr><td>\n";
                                    $imageURL = getURL($image);
                                    echo '<a href="'.$imageURL.'" title="'.gettext("View image:").' '.
                                    $image->getTitle() . '"><img src="' .
                                    htmlspecialchars($image->getCustomImage(null, 44, 33, null, null, null, null, true)) .
                                                                        '" width="44" height="33" alt="' . $image->getTitle() . "\"/></a>\n"; 
                                    echo "</td></tr></table></li>\n";
                                }
                                break;
                            }
                        case 'Random images':
                            echo '<h2>Random images</h2>';
                            for ($i=1; $i<=6; $i++) {
                                echo "<li><table><tr><td>\n";
                                $randomImage = getRandomImages();
                                if (is_object($randomImage)) {
                                    $randomImageURL = getURL($randomImage);
                                    echo '<a href="' . $randomImageURL . '" title="'.gettext("View image:").' ' . $randomImage->getTitle() . '">' .
                                                 '<img src="' . htmlspecialchars($randomImage->getCustomImage(null, 44, 33, null, null, null, null, true)) . 
                                                '" width="44" height="33" alt="'.$randomImage->getTitle().'"'; 
                                    echo "/></a></td></tr></table></li>\n";
                                }
                            }
                            break;
                    }
                    ?>
                </ul>
            </div>
            <div class="module">
                <h2>Gallery data</h2>
                <table cellspacing="0" class="gallerydata">
                        <tr>
                            <th><a href="<?php echo htmlspecialchars(getCustomPageURL('albumarchive')); ?>"><?php echo gettext('Galleries'); ?></a></th>
                            <td><?php $albumNumber = getNumAlbums(); echo $albumNumber ?></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th><?php echo gettext('Photos'); ?></th>
                            <td><?php $photosArray = query_single_row("SELECT count(*) FROM ".prefix('images')); $photosNumber = array_shift($photosArray); echo $photosNumber ?></td>
                            <td><?php printRSSLink('Gallery','','','',true,'i'); ?></td>
                        </tr>
                     <?php if (getOption('Allow_comments')) { ?>
                         <tr>
                            <th><?php echo gettext('Comments'); ?></th>
                            <td><?php $commentsArray = query_single_row("SELECT count(*) FROM ".prefix('comments')." WHERE inmoderation = 0"); $commentsNumber = array_shift($commentsArray); echo $commentsNumber ?></td>
                            <td><?php printRSSLink('Comments','','','',true,'i'); ?></td>
                            </tr>
                        <?php } ?>
                </table>
            </div>
        </div>
    </div>
    <p id="path"><?php printHomeLink('', ' > '); echo getGalleryTitle(); ?></p>  
    <div id="footer">
        <hr />
        <?php if (function_exists('printLanguageSelector')) { echo '<p>'; printLanguageSelector(); echo '</p>'; } ?>
        <p>
            <a href="http://stopdesign.com/templates/photos/"><?php echo gettext('Photo Templates</a> from'); ?> Stopdesign.
            <? /* Modificato by ACe */ ?>
            Hosting by <a href="http://www.altervista.org">AlterVista</a>.
            <?php echo gettext('Powered by'); ?><a href="http://www.zenphoto.org">ZenPhoto</a>.
        </p>
    </div>

    <?php printAdminToolbox(ZP_INDEX); ?>

</body>

</html>

25-07-2008, 17.15.27

custom.css:

Codice:

/*
-----------------------------------------------
Photo Gallery Templates:
Custom Dimensions
----------------------------------------------- */

/* This file containes isolated measurement values you should change if you'd like
to use different dimensions for the main photo. All measurements are based off main
photos' maximum width. Default "MaxWidth" for photos (per template docs) is 480.
------------------------------------------------------------------------------------- */

/* Sets width of main (center) column.
[value] = MaxWidth + 20
EG: 480 + 20 = 500
----------------------------------------------- */
.main {
width:500px;
}

/* Determines position of prev/next thumbnails.
Measurement is distance from center of main
photo to the nearest edge of slide background
image. */
#prev {
/* [value] = (MaxWidth / 2) + 22 */
right:262px;
/* Modificato by ACe */
top: 106px;
}
#next {
/* [value] = (MaxWidth / 2) + 25 */
left:265px;
/* Modificato by ACe */
top: 106px;
}

/* Determines offset of prev/next hoverable
regions that overlay the main photo. Measurement
is distance from nearest edge of slide
background image back to center of main photo. */
#prev a strong {
/* [value] = 0 - (MaxWidth / 2) - 22 */
right:-262px;
}
#next a strong {
/* [value] = 0 - (MaxWidth / 2) - 25 */
left:-265px;
}

/* Determines position of title and description.
Measurement is distance from center of main
photo to left edge of content.
Note: Second value for background position
should always be 0. */
#desc h1, #desc p {
/* [value] = (MaxWidth / 2) + 25 */
background-position:265px 0;
padding-left:265px;
}

/* Determines position of meta info such as
Photo x of y, date, & keywords. Measurement is
distance from center of main photo to left
edge of content. */
#meta ul {
/* [value] = (MaxWidth / 2) + 25 */
padding-right:265px;
}

/* Modificato (Added) by ACe */
#meta, #desc {
top: 262px;
}

/* If customizing the photo dimensions, one
more value needs to change in the Individual
Photo template (t_photo.php). Search for the
following tag:
<$MTSetVar2 name="padvalue" value="480"$>
and change the value to your new photo MaxWidth.

/* End of custom values
------------------------------------------------------------------------------------- */

e l'altro e' troppo lungo..ecco il link

26-07-2008, 23.25.25

Ho gia' risolto il problema.

Discussione: zenphoto (index)

LinkBack

Strumenti discussione

Display

zenphoto (index)

Regole di scrittura