четверг, 9 мая 2013 г.

Подсветка активного пункта меню на PHP

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

Комментариев нет:

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