Home› Themes

My first gallery ;) - Help in zen.css

monster Member
in Themes
I managed to install my first ZenPhoto gallery,
here it is http://www.pawelnawrocki.com/zenphoto/
It`s based on Effervescence theme with some minimal
color modifications, thumb frames, bg and logo...
http://www.pawelnawrocki.com/zenphoto/themes/0_nice/zen.css
Generally I recognize variables in zen.css but not at all :(
I would like to make some small changes but I dont how,
http://www.pawelnawrocki.com/files/ScreenShot1.jpg
This pictures explain everything I think,
thanks in advance,
PN

Comments

  • thinkdreams Member
    @monster-

    I took a quick peek, did you change the default effervescence crop sizes for the images for each image? If so, that may create the problem you're describing.

    In the css, you want to focus specifically on the .imagethumb selector. Each li (list item) is properly placed (I used Firebug - a firefox plugin - to check) but the images are off center, which is creating the effect you see. The theme was designed with specific spacing in mind, but if you fiddle with the padding in the .imagethumb selector, it should yield the results you are looking for.
  • monster Member
    Thank you once again Craig ;)
    This tool is very great, it showed me how complicated the site is :0
    I thought that when I choose text-align = justify for #main div
    it will also apply to #album li blocks, but it doesnt work :(
    I have to do some experiments with marigins and paddings :)

    But with this Firebug I can understand which ID Style is responsible for what...
    Great TOOL!

    Thanks,
    PN
  • thinkdreams Member
    I highly recommend Firebug to any person who is doing any sort of work with CSS. It greatly reduces the time you spend flipping between windows. You can even edit and display selectors and values on the fly to test different things.
  • floari Member
    Hi monster,

    could you please share your theme as i tried to integrate lightbox to Effervescence but it did not work properly.

    thanks,
    floari
  • monster Member
    It`s really easy to implement this lightbox to any gallery.

    You just have to make some small modification in album.php

    In the head you should add

    `<script type="text/javascript" src="<?= $_zp_themeroot ?>/js/mootools.js"></script>
    <script type="text/javascript" src="<?= $_zp_themeroot ?>/js/slimbox.js"></script>`

    and make small edition in this line

    `<div class="image"><div class="imagethumb">" rel="lightbox[<? echo getAlbumTitle();?>]" title="<? echo getImageTitle();?>"><?php printImageThumb......`
    dont forget to copy slimbox.js mootools.js slimbox.css and others to the right folders.
    you can get them from     http://www.digitalia.be/software/slimbox
  • floari Member
    Hehe thanks =)
    i now integrated slimbox to cimi theme, but the loading part never ends ...
    http://page.floari.de/fotos/friends-andere/

    Would be very nice if you help me =)
  • monster Member
    do you host this site on your home server??
    it works very slow, ugh.. :(
    I suppose your problem is a result of a bad link `a href=` to the image,
    I also encountered the same problem with loading part when I wanted to put a `<? echo getSizedImageURL(600);?>` in a lightbox.
    I still dont know why!!!
    My advice is to experiment with this link,
    in Chilli-Light2 theme this link is `a href="<? echo getSizedImageURL(595);?>"` and doesnt work for me :(
    in Chilli Light(1) theme this link is `a href="<?=getFullImageURL();?>"` and works for me,
    i Highslide theme the link is the same `a href="<?=getFullImageURL();?>"` but there are some other variables (class= instead of rel=)
  • floari Member
    I just tried a href="<?=getFullImageURL();?>" and it works perfect, thanks.
    don't know why my space is such slow, maybe its a problem with the provider. ill send a support ticket =)
  • qdog Member
    Hi there,
    can u post a download link to your gallery?
  • trisweb Administrator
    Not sure what you mean there qdog...

    If you're looking for Zenphoto, you can get it at http://www.zenphoto.org/
  • qdog Member
    i mean the theme monster has used ;-)
    unfortunately the forum doesn't allow pm or am i blind?
  • jimhawkins Member
    As he writes it, he uses the theme "effervescense" with some own modifications. He calls he's theme O-nice (watch the head-text on his webseite and you'll find the link for the source:

    It's written: <link rel="stylesheet" href="/zenphoto/themes/0_nice/zen.css" type="text/css" /

    He's homepage has the URL: http://www.pawelnawrocki.com/zenphoto/

    That leads to:
    http://www.pawelnawrocki.com/zenphoto/themes/0_nice/zen.css

    Hope that helped, kind regards, Jim
Sign In or Register to comment.