Jump to content


Advanced Member
  • Posts

  • Joined

  • Last visited

Posts posted by Susie

  1. Thanks, Ben. That fixed it. :)


    I have one more thing that's driving me crazy if you don't mind looking....


    Main Site: http://tinyurl.com/4uffmp5

    Directory: http://tinyurl.com/4clortv


    If you open both of those in separate tabs and then click between them, you'll see that the directory shows the logo, sidebar, and content area slightly lower than the main site. I really don't want to go through and make a separate stylesheet for the directory to make the needed adjustments, so I'm wondering why it's happening and if there's a single fix that would make them match. Do you see anything going on?

  2. URL of the directory: http://tinyurl.com/4clortv

    URL of the main site: http://tinyurl.com/4k92ofa


    I am trying to make the directory, which is powered by phpMyDirectory, match the main site design. I'm almost there, but I'm having trouble with the navigation font.


    I used the Font Squirrel @font-face generator. In the main site (powered by WordPress), I added a fonts folder to the theme folder and then added the following to my CSS:


    @font-face {
       font-family: 'LeagueGothicRegular';
       src: url('fonts/league_gothic-webfont.eot?') format('eot'),
            url('fonts/league_gothic-webfont.woff') format('woff'),
            url('fonts/league_gothic-webfont.ttf') format('truetype'),
            url('fonts/league_gothic-webfont.svg#webfontwcR6rlLx') format('svg');
       font-weight: normal;
       font-style: normal;


    It works perfectly for WordPress, but not so much for the directory. Firefox is not even acknowledging the new font. Chrome & Safari have the font, but the whole navigation is misplaced. IE is just plain messed up (though the new font does show). Opera, on my computer, seems to be the only one playing nicely.


    Can someone help me sort this out? I'd be so grateful... :)

  3. Eddie is correct. I like to use WordPress as a CMS (content management system) for all the sites I develop because it's so easy for clients to use when they want to update their text and photos. It's easier on me, too, because I don't have to go through file after file when changes need to be made to the design or code. There are several of us here that you could hire to integrate WordPress into the design.

  4. I agree that fresh content would help. Also, I would suggest perhaps adding WordPress to the mix. It would not be hard at all to create a custom WordPress theme to match the current design. In my experience, Google seems to love WordPress. Plus, it would make it so your client can update the text/photos on their own.

  5. This is something that I posted on the phpMyDirectory support forums, but I thought I'd check here, too. My post is as follows:


    I'm trying to figure out a way to display my client's phpMyDirectory inside the WordPress website I'm developing for them. Here's the demo link: http://tinyurl.com/4kprlkf


    Here's what I normally do to "include" files or scripts:


    WordPress functions.php file:

    add_action('genesis_after_header', 'photo');
    function photo() {
       if(is_page(45)) require(CHILD_DIR.'/photo.php');


    Then I create a photo.php file which contains this:

    <div id="photo">
       <?php if(function_exists('show_media_header')){ show_media_header(); } ?>


    That particular code is what the plugin author said is needed to put the plugin into the WordPress template.


    So, what I'm wondering is if there is a <?php ..... ?> line that I could put into a php file and then include it via the functions.php file.


    I know I can edit the header/footer of the directory itself so it will match, but I really want the navigation to be powered by whatever my clients do within WordPress without having to edit the header/footer files in PMD.


    Do you know if this is possible?

  6. Use the following CSS:


    html, body, #wrap { height: 100%; }


    and remove the bottom padding on #wrap. Only tested on Firefox as only Firebug allows live editing :(


    I tried this, but it doesn't work on the longer pages.


    Ben, thanks for the link, but I can't get that to work either.


    I'll be back!

  7. You can only set up Facebook pages from within your personal user profile (I personally think that stinks!). So, what you can do is create a new email address for your client (via gmail, yahoo, etc.) to use for a new personal profile for them. Then set up the pages from within that profile. That way their page is not linked in any way to your profile. Or if they already have a Facebook profile (personal) and they are comfortable doing it, they can give you their login so you can set up the page.

  8. I didn't even think of adding it to the #wrap. Thanks, Ben. :) I have it where I want it, but on short pages like this one, it doesn't stay at the bottom of the screen. Wonder what I can do about that.


    Edit to add: Actually, it's positioned where I want it on the short pages (but needs to extend to the bottom of the browser). On longer pages, it's too low.

  9. I need some help thinking this through and was hoping someone here could offer some insight. :)




    This is very much a work in progress. Many thanks to Ben for helping me with the stones image at the bottom! :)


    Okay, I want to move the stones up so that they start about 10-20 pixels below where you see "Hello World." So, I want it behind the content container. But I'm unsure how to do this since I already have a background image on the body.



  10. I second the WordPress suggestion. My website (link is in my signature) is powered by WordPress. I don't think a single one of my clients (yet) has requested a blog only. They use it to power the whole entire website. You don't even have to use the blog features. And if they don't need a custom design, you can find lots of great themes out there for free or low cost that will probably work.


    If you go that route, let us know and we can help you get set up.

  11. Susie, I didn't know that about just putting the few lines in there to make IE behave and I still don't know how that would work, but since you said it I am going to give it a try. I assumed because it was going to the IE stylesheet that it would not check the other one at all. That little bit of info you have just given me changes everything and makes things a lot more manageble.


    It will check the main stylesheet first as long as you place the link to the IE stylesheet below it. So, something like this:


    <link rel="stylesheet" href="style.css" type="text/css" />


    <!--[if IE]>

    <link rel="stylesheet" href="ie-style.css" type="text/css" />



    And here's a good explanation of IE-Only Stylesheets that I just found: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

  12. I could be wrong, but I think the only way to do something like that is to use hacks in the CSS which are not a good idea. They don't validate and they could cause problems for you in the future. I think a link to a separate stylesheet is the best way to go.


    I apologize if this is something you already knew, but it took me a while to figure out.....you don't have to put ALL your styles in the IE stylesheet. Only put the few lines you need to make IE behave. So, when you make changes, you'll only need to open the IE stylesheet if something in there is affected.

  • Create New...