ThemeShaper Forums » Thematic

[closed]

I'm beginning to hate menu's!!!!!!!

(14 posts)
  • Started 9 years ago by rscamero92
  • Latest reply from helgatheviking
  • This topic is resolved
  1. Can someone look at my site and tell my why my menu is not showing up?

    jamiescreativecorner.com

    The links are there, their just invisible for some reason.

    Posted 9 years ago #
  2. while they are difficult, it isn't the menu.

    first you appear to be using some kind of minfying plugin? or something has monkeyed up the link to your stylesheet

    <link media="screen" type="text/css" href="http://jamiescreativecorner.com/wp-content/plugins/wp-minify/min/?f=wp-content/themes/thematicchild/style.css,wp-content/plugins/contact-form-7/styles.css&m=1281286675" rel="stylesheet">

    my guess is the plugin just isn't playing nice w/ the way are referencing your menu's background images

    background-image: url("/wp-content/themes/toolboxchild/Images/home.png")

    if your stylesheet reference goes back to normal you can just

    background-image: url("Images/home.png");

    i can't look any more b/c your styleheet suddenly disappeared? perhaps you are working on it at the same time.

    hold back on the public displays of affection this time. ;)

    Posted 9 years ago #
  3. I don't know what happened, I can't even get into my wordpress now

    Posted 9 years ago #
  4. I'm getting these errors..... and I have no idea why, I've never touched the wordpress functions file.

    Warning: fopen(/home/jamiescr/public_html/wp-content/themes/thematicchild/style.css) [function.fopen]: failed to open stream: No such file or directory in /home/jamiescr/public_html/wp-includes/functions.php on line 4165

    Warning: fread(): supplied argument is not a valid stream resource in /home/jamiescr/public_html/wp-includes/functions.php on line 4168

    Warning: fclose(): supplied argument is not a valid stream resource in /home/jamiescr/public_html/wp-includes/functions.php on line 4171

    Warning: Cannot modify header information - headers already sent by (output started at /home/jamiescr/public_html/wp-includes/functions.php:4165) in /home/jamiescr/public_html/wp-includes/pluggable.php on line 890

    Posted 9 years ago #
  5. Okay, I went into my cpanel and wiped out everything wordpress and done a new installation of wordpress, thematic and my child them. I then went into the theme editor to fix the images URL's and now I'm getting this error....

    Warning: Cannot modify header information - headers already sent by (output started at /home/jamiescr/public_html/wp-content/themes/thematicchild/functions.php:28) in /home/jamiescr/public_html/wp-admin/theme-editor.php on line 89

    I never touched any code except for the image URL's, so why am I getting a head error?

    Posted 9 years ago #
  6. Here is what is in my functions.php (edited the '<' to be '(' to prevent linking here)

    <?php

    //
    // Custom Child Theme Functions
    //

    // I've included a "commented out" sample function below that'll add a home link to your menu
    // More ideas can be found on "A Guide To Customizing The Thematic Theme Framework"
    // http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

    // Adds a home link to your menu
    // http://codex.wordpress.org/Template_Tags/wp_page_menu
    //function childtheme_menu_args($args) {
    // $args = array(
    // 'show_home' => 'Home',
    // 'sort_column' => 'menu_order',
    // 'menu_class' => 'menu',
    // 'echo' => true
    // );
    // return $args;
    //}
    //add_filter('wp_page_menu_args','childtheme_menu_args');

    ?>

    <?php
    // Create a custom access div with the menu and search box
    function childtheme_menu () { ?>
    (div class="menu">
    (ul class="menu">
    (li class="tab tab-home">(a href="http://jamiescreativecorner.com/">Home
    (li class="tab tab-1">(a href="http://jamiescreativecorner.com/about">About
    (li class="tab tab-2">(a href="http://jamiescreativecorner.com/contact">Contact
    (li class="tab tab-3">(a href="http://jamiescreativecorner.com/inspiration">Inspire
    (li class="tab tab-4">(a href="http://jamiescreativecorner.com/projects">Projects
    (li class="tab tab-5">(a href="http://jamiescreativecorner.com/featured">Featured
    (/ul>
    (/div>
    (/div>
    <?php }
    add_action('wp_page_menu','childtheme_menu');

    Posted 9 years ago #
  7. I re-done my functions.php, I believe I had the code wrong in the above code.... Here is what I have now.....
    <?php
    //
    //
    //
    // Remove default Thematic actions
    function remove_thematic_access($content) {
    remove_action('thematic_header','thematic_access',9);
    }
    add_action('init','remove_thematic_access');
    ?>

    <?php
    function custom_childtheme_access() {?>

    <div id="access">
    <div class="skip-link">"><?php _e('Skip to content', 'thematic'); ?></div>
    <div class="menu">
    <ul class="menu">
    <li class="tab tab-home">(a href="http://jamiescreativecorner.com/">Home
    <li class="tab tab-1">(a href="http://jamiescreativecorner.com/about">About
    <li class="tab tab-2">(a href="http://jamiescreativecorner.com/contact">Contact
    <li class="tab tab-3">(a href="http://jamiescreativecorner.com/inspiration">Inspire
    <li class="tab tab-4">(a href="http://jamiescreativecorner.com/projects">Projects
    <li class="tab tab-5">(a href="http://jamiescreativecorner.com/featured">Featured

    </div><!-- #menu -->
    </div><!-- #access -->
    <?php }
    add_action ('thematic_header', 'custom_childtheme_access',9);

    And I'm still getting this code whenever I click on one of my links to my other pages.....

    Warning: Cannot modify header information - headers already sent by (output started at /home/jamiescr/public_html/wp-content/themes/thematicchild/functions.php:12) in /home/jamiescr/public_html/wp-includes/pluggable.php on line 890

    Am I doing my coding wrong in the functions? because I haven't touched any other php files, heck I don't even know what the pluggable.php is!!

    Posted 9 years ago #
  8. i think i have run into this before, but i can't remember. try this

    3) Make sure there is no white space outside of the php start and end tags. While a blank line before the <?php start tag may look innocent, when processed by PHP, it will turn into an echo statement printing out a blank line. This is a common culprit.

    http://www.tech-recipes.com/rx/1489/solve-php-error-cannot-modify-header-information-headers-already-sent

    also try activating another theme and then re-activating your child theme

    Posted 9 years ago #
  9. Robo
    Member

    Nice job on your menu dude. Looks nice! Any hints as to how u did the rollover buttons?

    Posted 9 years ago #
  10. Thanks again Helga!!!! I think that worked.

    Robo, I made 2 different images for each link in photoshop. Can also use GIMP which is free!!

    The CSS code for my buttons/links are as follows....

    #access {
    overflow:visible;
    z-index:100;
    height:60px;
    margin-top: 225px;
    }

    .menu{
    margin: 0 0 0 50px;
    float: left;
    }

    .menu li{
    display: inline;
    }

    .menu li a{
    float: left;
    height: 40px;
    text-indent: -99999px;
    padding-right: 15px;
    }

    .menu li a:visited{
    }

    .menu li a:hover, .menu li .current{
    }

    .menu li.tab-home a {
    background-image: url(Images/YOURIMAGE.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    }

    .menu li.tab-home a:hover {
    background-image: url(Images/YOURhoverIMAGE.png);
    }

    .menu li.tab-1 a{
    background-image: url(Images/YOURIMAGE.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    }

    .menu li.tab-1 a:hover {
    background-image: url(Images/YOURhoverIMAGE.png);
    }

    .menu li.tab-2 a {
    background-image: url(Images/YOURIMAGE.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    }

    .menu li.tab-2 a:hover {
    background-image: url(Images/YOURhoverIMAGE.png);
    }

    .menu li.tab-3 a {
    background-image: url(Images/YOURIMAGE.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    }

    .menu li.tab-3 a:hover {
    background-image: url(Images/YOURhoverIMAGE.png);
    }

    .menu li.tab-4 a {
    background-image: url(Images/YOURIMAGE.png);
    background-repeat: no-repeat;
    width: 110px;
    background-position: center;
    }

    .menu li.tab-4 a:hover {
    background-image: url(Images/YOURhoverIMAGE.png);
    }

    .menu li.tab-5 a {
    background-image: url(Images/YOURIMAGE.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    }

    .menu li.tab-5 a:hover {
    background-image: url(Images/YOURhoverIMAGE.png);
    }

    You can add more tabs/links if you need too, or minus a few

    The HTML code (which if your using a child theme, this code will go into your functions.php file) as follows.........

    <?php
    //
    //
    //
    // Remove default Thematic actions
    function remove_thematic_access($content) {
    remove_action('thematic_header','thematic_access',9);
    }
    add_action('init','remove_thematic_access');
    ?>

    <?php
    function custom_childtheme_access() {?>

    <div id="access">
    <div class="skip-link">"><?php _e('Skip to content', 'thematic'); ?></div>
    <div class="menu">
    <ul class="menu">
    <li class="tab tab-home"> a href="http://YOUR WEBSITE URL HERE/">Home
    <li class="tab tab-1"> a href="http://YOUR WEBSITE URL HERE/about">About
    <li class="tab tab-2"> a href="http://YOUR WEBSITE URL HERE/contact">Contact
    <li class="tab tab-3"> a href="http://YOUR WEBSITE URL HERE/inspiration">Inspire
    <li class="tab tab-4"> a href="http://YOUR WEBSITE URL HERE/projects">Projects
    <li class="tab tab-5"> a href="http://YOUR WEBSITE URL HERE/featured">Featured

    </div><!-- #menu -->
    </div><!-- #access -->
    <?php }
    add_action ('thematic_header', 'custom_childtheme_access',9);

    Add or delete links as you need them

    If you use the codes above, just change the images to yours and the link to your site to your site link, I removed the " < " from the a href codes above so it wouldn't link from this page, and so that you would be able to see the HTML.

    I hope this helps!! If you do have questions, don't hesitate to post them, I have had ALLOT of help from some great people on here over the past week.

    Let us know how your menu turns out if you decide to make one.

    Posted 9 years ago #
  11. @rscamero- glad to see this got resolved!! i know what it is like to have some bits of code to give you hell.

    it might be tempting fate (or just something for you to toy w/ later on) but w/ an all image menu you might want to eventually consider using sprites. which just means all your images are put in 1 image and you reference the individual sections via background-position tags. usually it makes your site snappier b/c you only dl 1 file versus the 10+ to create the menu and all its hovers.

    there are a bunch of tuts out there if you google menu sprites.
    http://line25.com/tutorials/how-to-create-a-css-menu-using-image-sprites

    also, i read about you losing a lot of your work. you should consider using a plugin like WP-DB-manager to make manual and automatic updates of your database. you can also at the bare minimum export all your content under Tools in the dash.

    Posted 9 years ago #
  12. I will definitely check out the images sprites!! I ran across a few sites that talked about them, but didn't really pay much attention to them while I was surfing for other CSS tuts. I just now realized you had commented here after my last post yesterday evening, but I did D/L dbmanager which I posted about on the other post earlier today.

    Again THANKS!!!! for all your help!!! And I'm sure we will run across each other again somewhere on the forum!

    Posted 9 years ago #
  13. realtor23
    Member

    In regard to the above css code. I'm okay with different aspects on Wordpress but now everything I read seems to be running together. I've read everything on the forum I can find but still having a little trouble with menus. Trust me, if it's been posted or referenced I've tried it. I think this solution above will work for me but my question is this:

    I'm using Thematic with child theme Power Blog

    Where exactly should I place the above css code? Is there something I should delete first?

    I assume placing the php code in my functions will be fairly straight forward it's just the placement of the css code that keeps me guessing.

    I'm designing local with MAMP or I would post a link to my problem.

    Any assistance is greatly appreciated.

    Posted 8 years ago #
  14. you should check out my sticky post on Menus Demystified for just about anything you could need to known about menus. i believe i even ported this example in there.

    you should place the above css in your style.css file. you don't have to delete anything. CSS means 'cascading style sheets' and so the rules just cascade down the sheet until they find something more specific to use. that said, if you replace the default thematic menu w/ this custom php/css menu then you will have some superfluous code... all the .sf-menu stuff and the 'thematic skin' for the menu.

    my general approach is do it and see what happens, adjust from there. doubly so when you are developing locally and can't seriously bork anything up.

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.