0

各 Web ページにナビゲーション バー用のヘッダー ファイルを含めています。現在のページをアクティブ化/強調表示するにはどうすればよいですか?

<div id="header"><div  id="nav">
            <ul id="menu">
            <?php
$CurrentPage = $path_parts = pathinfo(__FILE__,PATHINFO_FILENAME); // u will get the current page name "index.php", home.php etc..
?>
                <?php
                if(!logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                if(logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                echo "<li id=\"<?php echo ($CurrentPage=='Contact Us') ? 'current' : ''?>\" style=\"background-color: #66FFFF;\"><a href=\"contact.php\">Contact Us</a></li>";

                ?>
            </ul>
            </div></div>

この CSS を含めるにはどうすればよいですかid="current"

#header #nav ul li#current a {  
    background: transparent url(../images/current.gif) repeat-x left bottom;    
    color: #222;    
}
4

1 に答える 1

1

使用できます

#nav #menu #current a

それ以外の

#header #nav ul li#current a

追加する必要があるかもしれませんが#header、上記のコードに #header が表示されませんでした。

<style>
#header #nav #menu #current a {  
    background: transparent url(../images/current.gif) repeat-x left bottom;    
    color: #222;    
}
</style>


    <div id="header"><div  id="nav">
            <ul id="menu">
            <?php
$CurrentPage = $path_parts = pathinfo(__FILE__,PATHINFO_FILENAME); // u will get the current page name "index.php", home.php etc..
?>
                <?php
                if(!logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                if(logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                echo "<li id=\"<?php echo ($CurrentPage=='Contact Us') ? 'current' : ''?>\" style=\"background-color: #66FFFF;\"><a href=\"contact.php\">Contact Us</a></li>";

                ?>
            </ul>
            </div></div>
于 2013-01-08T08:35:44.823 に答える