Недавно делал сайт одному знакомому и понадобилось мне реализовать подсветку активного пункта меню. Так как из программирования я больше всего понимаю в 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; }Ну, вот как то так! А выглядит у меня все это вот так!
Комментариев нет:
Отправить комментарий