Skip to:
Content
Pages
Categories
Search
Top
Bottom

Correct usage of the sidewide.css


  • yeknomedoc
    Participant

    @yeknomedoc

    14 years, 10 months ago

    1. Which version of WPMU are you running? WORDPRESS MU 2.7.1

    2. Did you install WPMU as a directory or subdomain install? DIRECTORY

    3. If a directory install, is it in root or in a subdirectory? ROOT

    4. Did you upgraded from a previous version of WPMU? NO

    5. Was WPMU functioning properly before installing/upgrading BuddyPress? YES

    6. Which version of BuddyPress (BP) are you running? BUDDYPRESS 1.0.1

    7. Did you upgraded from a previous version of BP? NO

    8. Do you have any plugins other than BuddyPress installed and activated? NO

    9. Are you using the standard BuddyPress themes or customized themes? IN PROGRESS TO CUSTOMIZE THE STANDARD THEME

    Dear Developers, dear Community

    first of all I want to thank you for developing and maintaining such a great system as buddypress. At the moment I am still in the progress of working in, but I will use it very soon to help a friend building up a social community.

    While doing so I encountered a problem with the bphome and bpmember differenciation of the standard theme. As I only want to modify the appereance of the standard theme I’m trying to use the sidewide.css as much as possible. But due to the different coding of the header.php files in bphome and bpmember I think I am left no choice but modifying those.

    The exact problem is:

    sidewide.css

    html {

    background: #333333;

    height:100%;

    }

    body {

    background: #FFFFFF;

    font-size: 12px;

    width: 1000px;

    margin: 0 auto;

    }

    #search-login-bar {

    background-color:#FFFFFF;

    background-image:url(../images/logoforweb.png);

    background-repeat:no-repeat;

    padding-top: 118px;

    height:10px;

    }

    #header {

    float:right;

    position:relative;

    top:-140px;

    left:-30px;

    background-color: transparent;

    }

    #header h1 a {

    background: none;

    width: 1px;

    height: 1px;

    }

    The “logoforweb.png” is a picture with 901*118 px – the idea I want to realize is to put the navigation bar onto the logo. But due to different elements in the bphome and in the bpmembers headerfile, the orientation is not the same (luckily IE, Firefox and Opera are at least going along with each other ;) )

    Do you see any other possibility than just altering the header.phps?

    Kind regards

Viewing 3 replies - 1 through 3 (of 3 total)

  • Andy Peatling
    Keymaster

    @apeatling

    14 years, 10 months ago

    It’s fine to edit the theme, it’s a theme after all.


    John James Jacoby
    Keymaster

    @johnjamesjacoby

    14 years, 10 months ago

    If you want your bpmember and bphome theme header.php and footer.php files to always be in sync, this is what I do. It’s a little tricky, but it works really well at keeping multiple theme files totally in sync.

    Copy the code below into a file called hf-sync.php and put it in your wp-content/plugins directory. Then in your WordPress Site Admin, goto your plugins area and activate the plugin called “BuddyPress Synchronized Header/Footer”

    <?php
    
/*
    
Plugin Name: BuddyPress Synchronized Header/Footer
    
Plugin URI: http://buddypress.org
    
Description: Header/Footer Synchonization Functions
    
Version: 1.0
    
Author: John James Jacoby
    
Author URI: http://johnjamesjacoby.com
    
Tags: BuddyPress, Header, Footer
    
Site Wide Only: true
    
*/
    

    
// Call this in your header.php file.
    
// Rename the function to match your theme name.
    
function theme_name_header() {
    
?>
    
<!-- PUT YOUR HEADER HTML CODE IN HERE -->
    
<?php
    
}
    
?>
    

    
// Call this in your footer.php file.
    
// Rename the function to match your theme name.
    
function theme_name_footer() {
    
?>
    
<!-- PUT YOUR FOOTER HTML CODE IN HERE -->
    
<?php
    
}
    
?>

    Then, in whatever header.php and footer.php files that you want to use your universal header/footer code, all you’ll need to do is call the functions above.

    This lets you make edits to both of your header/footer files for both/any/all themes that use this code, in one central location.

    My guess, is that this would/should work very well in keeping bbPress themes in sync also, provided that you insert HTML code to include what bbPress needs also, and make sure not to include that code if bbPress isn’t loaded.


    yeknomedoc
    Participant

    @yeknomedoc

    14 years, 10 months ago

    Hey, thanks, together with some css fixes – especially

    #header ul#nav {

    margin: 7px 0 0 0;

    }

    in the sidewide.css to prevent the hopping of my menu this works like a real charm.

    (You have one bracket wrong though ;) )

    Kind regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Correct usage of the sidewide.css’ is closed to new replies.

Topic Info

Topic Tags

Skip to toolbar