CSS Problems intergrating ZP with Scary Little Monkey Theme

Hi all,
This is my first post as I only found Zen Photo today. Think it is a wonderful bit of coding, trouble is, I'm not very good at this malarky.

Managed to get it installed under - www.onthepaul.co.uk/photo but I really want it to be intergrated something like the amazing ChiliFrei Site (http://www.chilifrei.net/zp/).

I have looked around the Scary Little Monkey theme for the CSS file to modify it like www.nuttyfamily.com did for his, but have been unable to do so.

Currently it looks a little, erm, rubbish on my site - but I don't really know where to start looking in order to modify the files.

Any help would be HUGELY appreciated.

Kind regards

Paul

Comments

  • ny888 Member
    Paul,

    Can you elaborate on what you've tried to do so far?
  • I have tried copying the style sheet that you have on your website as well as ChiliFreis and tried to modify those to no avail, as well as the 4 that you get with zenphoto...

    I have ordered a CSS book from Amazon, but obviously that won't get here anytime soon...

    I guess I have to just replace the file zen.css that I have within my zenphoto theme file (I have copied a theme file and changed index.php, image.php and album.php so that zenphoto becomes part of a page, but only through using yours and chilifreis tutorial posts!

    At my wits end now!
  • ny888 Member
    Copying our style sheets will not help you because the themes are different.

    You must take the zen.css and merge it into the Scary Little Monkey style.css. You can copy the entire zen.css into the SLM style.css.

    Things you need to resolve after that:

    1. Are the widths of the zen style within the width of the SLM style body? If not, like mine was, I had to play around with the widths either in pixels or use the float tag to position it porperly.

    2. Are there duplicate IDs? For example, zen.css has an h2 ID to define how heading2's should be displayed. Chances are that the SLM style also has an h2. In that case, change the h2 from zen.css to something else like h2g and then change the index.php, album.php, and single.php to h2g wherever h2 is used.

    Start with that and then slowly fix other issues as you see them.

    I also ordered a book from Amazon called Head First HTML with CSS & XHTML.
  • Each wp template and zenphoto template are going to be different. The method I used of combining css files was due to conflicts in id and class tags in the wp theme. I have modified the default template of zenphoto heavily to make it work with my theme. This may not work for everyone.

    If at all possible, keep your stylesheets seperate and your theme's default. Scan through your wp and zp stylesheets and look for conflicting information(other than h1's h2's .......) and adjust those accordingly. This is probably the best method.

    as far as css books, there are about a zillion references for css on the web, that is where I got all my info, there is seemingly a new how to on digg.com every other day.
  • Thanks guys for your comments, I would of responded sooner, but I've been stuck at work!

    I'm really grateful for the advise and will give it a whirl a little later - I am a complete noob to style sheets and web design (being a systems geek!) and am trying hard to pick it up.

    If you don;t mind me asking, how have you guys picked up how to do it, through courses, books or trial and error.

    Thanks again
  • I am a systems admin by day and do web stuff by night.. actually messing around with zenphoto was my first crack at css. Mainly just trial and error and reading simple how-to's online for css.

    Zenphoto is written very cleanly (atleast to me it is) where it is really easy to follow and understand which makes learning much easier.

    Havent purchased any books. just started messin around. The zenphoto/wordpress integration was my first stab at css. It helps to try not to do too much. Take things 1 step at a time..
  • ny888 Member
    Snowball - I learned from these forums and just messing around with the scripts so mostly through trial and error. Like Daniel, this is my first foray into CSS.

    When it comes to integrating ZP into WP, I learned from:

    1. Chilifrei
    2. Google
    3. Trial and Error

    I have purchased a book on CSS but haven't received it yet.

    Just hang in there - you'll have that moment that I did when the lightbulb just clicks on !
  • Hi guys,

    Okay, I have a local version running now and it's more or less there.

    Could you let me know how you managed to get a row of pictures from your albums into your blog - I think it was from blog.dukechina.org if I read Chilifrie64's post correctly, but cannot find the file. Also, where do you get the changing image at the top right of your sidebars?

    Thanks loads for all your help...
  • http://blog.dukechina.org/zen.phps

    and the random photo is just a random photo script that was posted on the board here. Just search for the random photo script on this forum.. put it in a file then call that fine in the sidebar.

    Also, I think that Ruiz Cruz's zenshow plugin will do random photos but I am not 100% on that
  • Thanks loads... Will give that a whirl now...
  • Right, one last question (I hope :-) )

    I have installed the file from dukechina.org.

    But don't think I am setting this bit correctly:

    //////////////////// Only Change this two lines
    require_once("/wp/zp");// your zenp config file
    define('zp_PATH','/wp/zp'); //webpath of zenp
    //////////////////

    define('zp_DB',$conf['db11234567']); // database of your zenp
    define('zp_PRE',$conf['zp_']); // prefix of the tables in db

    Can anyone help me out?
  • only change the 2 lines it specifies, not the other 2 you put down.. just fill in the path to zp config file and your webpath of zenphoto..

    the other 2 you mention are pulled from your zenphoto config file.
  • ny888 Member
    The changing pictures on my sidebar is a plugin called Flashfader.

    http://www.lynk.de/wordpress/flashfader/
  • You two are seriously the greatest!

    Thanks so much... Those work great!!! Now all I'm gonna do is sit and pull apart the code to work out how it all works...

    But thanks again - I'll let you know when I put my other site up...
  • ny888 Member
    No problem. Looking forward to seeing your blog.
  • glad it all worked out for ya
  • Hello again - nope hasn't worked out just yet... I transferred the files to the webserver and the poxy zen.php file is now throwing my site out again...

    The 2 lines of code that need to be changed:

    //////////////////// Only Change this two lines
    require_once("/home/weichen/public_html/zp/zen/config.php");// your zenp config file
    define('zp_PATH','/zp'); //webpath of zenp
    //////////////////

    Well, can you explain what they are looking for - is the first one the SystemPath? and the second the URL?

    i.e.
    //////////////////// Only Change this two lines
    require_once("/homepages/2/d171873785/htdocs/wp/zp/zen/wp-config.php");// your zenp config file
    define('zp_PATH','www.mysite.com/wp/zp'); //webpath of zenp
    //////////////////

    Got a bit grumpy on this one, I think it's because I've been sat up doing this all night! 1am at the mo here.

    Cheers guys

    Night...
  • ny888 Member
    Snowball,

    Are you using the latest version - 1.0.3 ?

    Changing those should not be necessary. I only had to modify the database information and ran setup and that was all I had to do.

    Did you run setup ? I don't even have a zen.php file.
  • 2 things.

    1. your require once is to yoru zp-config.php.. you have wp-config.php
    2. your web path is the path from the root of your site.. so in your case /wp/zp... you have www.mysite.com/wp/zp
  • Thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you!!!!!!!!

    I guess I was just really tired last night...

    Hey ny888, the file I meant was the one that Chilifrei posted a bit further up the page (http://blog.dukechina.org/zen.phps). I had modified it, but badly!! :-)
  • Checkout - www.MyBackpackAndI.com for what I have done.

    I kind of stole the look from Ny888 (sorry dude!).

    I'm going travelling soon and wanted a site to keep track of everything, haven't got time to play around and design it from scratch.

    Going to try and play with it between now and when we go to get it exactly as I want it to look.

    Thanks again - you guys have been lifesavers!
  • ny888 Member
    No problem.

    You have to clean up your footer - the queries line is out of place.

    The comments is not quite working properly. I added a comment to It Works post but it still says no comments. The single post page does show the comment though.
Sign In or Register to comment.