PHP proud_navbar_transparent示例

示例#1

文件： proud-navbar.php 项目： proudcity/wp-proud-core

/**
 *  Prints the proud navbar
 */
function print_proud_navbar()
{
    $navbar = '';
    $navbar = apply_filters('proud_nav_navbar', $navbar);
    // No plugin overtaking, print template
    if (!$navbar) {
        ob_start();
        include plugin_dir_path(__FILE__) . 'templates/navbar.php';
        $navbar = ob_get_contents();
        ob_end_clean();
    }
    // Should we add transparent mask?
    if (proud_navbar_transparent()) {
        ob_start();
        include plugin_dir_path(__FILE__) . 'templates/navbar-transparent.php';
        $navbar .= ob_get_contents();
        ob_end_clean();
    }
    echo $navbar;
}

示例#2

文件： functions.php 项目： proudcity/wp-proud-theme

function proud_customize_css()
{
    // See below, @TODO test for darkness
    $header_rgb = hex_to_rgb(get_theme_mod('color_topnav', '#000000'));
    // Set up navbar background, allow transparent alter
    $navbar_background = get_theme_mod('color_topnav', '#000000');
    if (proud_navbar_transparent()) {
        $navbar_background_opaque = 'rgba(' . implode(',', $header_rgb) . ',1)';
    }
    ?>
        <!-- proud custom theme settings -->
        <style type="text/css">
            .menu-box, .navbar-default {
              background-color: <?php 
    echo $navbar_background;
    ?>
 !important;
            }
            .navbar.navbar-default {
              border-color: <?php 
    echo $navbar_background;
    ?>
 !important;
            }
            <?php 
    if (proud_navbar_transparent()) {
        ?>
            #navbar-transparent-mask, .scrolled.proud-navbar-transparent .navbar-default, .search-active.proud-navbar-transparent .navbar-default, .active-311.proud-navbar-transparent .navbar-default,  .jumbotron-inverse .jumbotron-bg-mask  {
              background-color: <?php 
        echo $navbar_background_opaque;
        ?>
 !important;
            }
            .scrolled .navbar.navbar-default {
              border-color: <?php 
        echo $navbar_background_opaque;
        ?>
 !important;
            }
            <?php 
    }
    ?>

            .nav-contain .nav-pills li a,
            .agency-icon {
              background-color: <?php 
    echo get_theme_mod('color_topnav', '#000000');
    ?>
 !important;
            }

            .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
              background-color: rgba(0,0,0,0.4);
            }

            .jumbotron:not(.jumbotron-image),
            .nav-contain .nav-pills li.active a,
            .btn-primary {
              background-color: <?php 
    echo get_theme_mod('color_highlight', '#000000');
    ?>
 !important;
              border-color: <?php 
    echo get_theme_mod('color_highlight', '#000000');
    ?>
 !important;
            }

            a.card-btn {
              color: <?php 
    echo get_theme_mod('color_highlight', '#000000');
    ?>
;
            }

            .widget-proud-social-app .nav-pills>li>a {
              color: <?php 
    echo get_theme_mod('color_topnav', '#000000');
    ?>
;
            }
            
            .card .social-card-header, .card .social-card-header .post-link a { 
              background-color: rgba(<?php 
    echo $header_rgb['r'] . ',' . $header_rgb['g'] . ',' . $header_rgb['b'];
    ?>
, 1);
            }
            
            a{
              color: <?php 
    echo get_theme_mod('color_link', '#0071bc');
    ?>
;
            }
            
            .footer-actions {
              background-color: <?php 
    echo get_theme_mod('color_footer_actions', '#FFFFFF');
    ?>
;
            }

            .page-footer {
              background-color: <?php 
    echo get_theme_mod('color_footer', '#333333');
    ?>
;
            }
         </style>
    <?php 
}