Недавно делал сайт одному знакомому и понадобилось мне реализовать подсветку активного пункта меню. Так как из программирования я больше всего понимаю в php, решил решать эту задачу посредством моих познаний. В php я конечно мелко плаваю и эту заметку пишу скорее для себя склеротика, но возможно кому то пригодится)
Код на php
$uri = $_SERVER['REQUEST_URI'];
$dbdata = mysql_query ("SELECT * FROM `pages` ORDER BY `id` LIMIT 1,5",$dbconnect) or die(mysql_error());
$pagedata = mysql_fetch_array($dbdata);
do
{
if ($uri == $pagedata["url"]) {
printf("%s",$pagedata["url"],$pagedata["title"]); }
else {
printf("%s",$pagedata["url"],$pagedata["title"]); }
}
while ($pagedata = mysql_fetch_array($dbdata));
Код CSS
.menu {
width:100%;
font-family:"Monotype corsiva", sans-serif;
}
.menu a {
width:19%;
border:2px rgb(129, 199, 227) solid;
margin:2% 0.4% 2% 0;
line-height:40px;
display:inline-block;
font-weight:bold;
font-size:26px;
text-align:center;
text-decoration:none;
color:rgb(129, 199, 227);
background-color:#FFFFFF;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
.menu #active, .menu a:hover {
color:#FFFFFF;
border-color:#FFF;
background-color:rgb(129, 199, 227);
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
Ну, вот как то так! А выглядит у меня все это вот так!


Комментариев нет:
Отправить комментарий